/* CSS Document */
/* Reset Bootstrap */
body{} 
.container-fluid{ padding-left:inherit; padding-right:inherit;/*  background-color:#fff */}
.container{font-family: "open_sansregular"; padding:3px; line-height:25px  }
.container > div{ padding:3px}
.container img{ max-width:100%}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: "open_sansextrabold"; }
body{ font-family: inherit; }
ol, ul{ margin: inherit}
 
.nav-tabs{border-bottom: 3px solid #0193dc;}
.nav-tabs>li{background:  rgb(0, 0, 128); }
.nav-tabs>li a{ border-radius:0; margin-right:0; color:#fff}
.nav-tabs>li.active>a{ background-color:#0193dc !important; border: none !important;  color:#fff}
.nav-tabs>li>a:hover{ border:none}

.tab-content > div{ padding:10px; border: 1px solid #0193dc;   margin-bottom:5px}

/* .panel-title{ font-size:inherit} */
.thumbnail{ border:0; padding:0;   background:none; margin-bottom:inherit}
.carousel-indicators li{ margin:0 2px; width:20px !important; height:20px !important;  color:#fff; background-color:#ffff; border:2px solid #3bad1d}
.carousel-indicators .active{background-color:#3bad1d }
table{ max-width:100% !important}
.btn:hover{ color:#fff}
/* End Reset Bootstrap */

/* Reset Layout*/
a{ color:#414141}
a:focus, a:hover{ color:#7dced5 }

.panel{ box-shadow:none}
.panel>.panel-heading{ background: none; 	color:#333;  }
	
.navbar-default{ text-transform: uppercase; background-color: inherit; margin-bottom :0; border: 0; height: inherit}
.navbar-default .navbar-nav>li>a, .navbar>.container .navbar-brand{ font-size: 15px; color: #fff;  font-family: "open_sansextrabold";}
.navbar-default .navbar-nav>li>a:hover{ background:#378821; color:#fff}

.navbar-default .navbar-nav>li:not(:last-child){
	border-right: 1px solid #fff;
}

.navbar-fixed-top a{ color:#fff !important}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 50%;    }	
.pagination .active a{background-color: #00b394; border:none }
.pagination .active a:hover{background-color: #64011e; color:#fff}
.pagination>li>a, .pagination>li>span{ color:inherit; border-radius: 50%; margin: 2px;  }

.group-product .panel-body{padding-left:0; padding-right:0}
.group-product .panel-body >div{padding-left:4px; padding-right:4px; margin:10px auto}
/* Reset Layout*/ 

/*Customize*/
.shadow {box-shadow: 0 0 7px 3px #dddddd;    -webkit-box-shadow: 0 0 7px 3px #dddddd;   -moz-box-shadow: 0 0 7px 3px #dddddd;}
.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
 
.side-top { }
@media(min-width: 992px){
	.side-top{
		height: 33px;
	}
}
@media(max-width: 767px){
	.side-top{
		padding-bottom: 30px;
	}
}
.side-top  a{ } 
.side-top .top-txt .glyphicon{ border:1px solid #fff; padding:3px}  
.side-menu  a{ color:#9e0040 }
 
.container-logo{background:url('../images/bg-mid1.png')#000 no-repeat center;  background-size:cover; color:#fff;  }
.container-logo > div{ /* padding-top: 50px; padding-bottom: 50px; */}

.group-list .thumbnail .caption h3 a{ font-size: 16px}
.group-list .carousel-control{    width: 5%; background: none;}
	 
.side-slide  .carousel-control{ background:none} 
 
.side-detail  .container{ padding-top:10px; }

.side-footer{ color:#fff;  /*  background:url('../images/bg-foot.png')#353535 no-repeat center top;  */  height:100% ; background-size: cover; }
.side-footer a{ color:#fff; line-height:30px;}
.side-footer ul {list-style-type: disc;  padding-left: 40px;  display: block;    margin: 10px 0; padding:0}
.side-footer ul li{	border-bottom:1px dashed rgba(238, 238, 238, 0.08); 	list-style-position:inside;	}
.side-footer ul li{ list-style: none ; line-height:30px;}
.side-footer h3{margin: inherit;  text-transform: uppercase;    font-size: 18px;    padding-bottom: 10px;    text-transform: uppercase;  font-size: 18px;}
 
.side-footer-txt{ background:url('../images/bg-foot.png')#282e3a no-repeat center top; background-size: cover;  color:#ccc }
    
.social-circle li a{background:none !important;  width: 30px;   height: 30px;     line-height: 25px; font-size: 13px;}
.social-network a.icoRss {	background-color: #F56505;}
.social-network a.icoFacebook { background-color:#3B5998;}
.social-network a.icoTwitter{ background-color:#33ccff;}
.social-network a.icoGoogle{ background-color:#dd4b39;}
.social-network a.icoVimeo{	background-color:#0590B8;}
.social-network a.icoLinkedin {	background-color:#007bb7;}
.social-network a.icoPinterest {	background-color:#cb2027;}
.social-network a.icoInstagram {	background-color:#e95950;}
.social-network a.icoYoutube {	background-color:#bb0000;}
.social-network i{ color:#000 !important; }
 
.copyright-txt{  margin: 15px auto; margin-bottom: 0;    padding: 5px 0px;}
 	
.nav .dropdown-menu li a:focus, .dropdown-menu li a:hover{background-color: #009688; color: #fff !important;}
.nav .dropdown-menu li a{color: #fff;  }

.mfp-close{
	background: #f58220 !important;
    width: 45px !important;
    text-align: center !important;
    color: #fff !important;	
}
.mfp-arrow-right:before{border-left: 27px solid #FFC107 !important}
.mfp-arrow-left:before{border-right: 27px solid #FFC107 !important}
.txtPrice{ color:#ff6600}	

@media only screen and (min-width: 768px) {
	/*center menu desktop */
	/*
	.navbar .navbar-nav {  display: inline-block;  float: none;  vertical-align: top;} 
	.navbar .navbar-collapse { text-align: center;}
	*/
	/*effect menu desktop */
	
	.navbar-default .navbar-nav>li>a, .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{  padding:12px 15px; }

	.nav .dropdown-menu{ min-width: 196px; border:1px; padding:0;/*  margin-left:25px */} 
	.nav .dropdown-menu>li>a{ padding: 15px 20px; } 
	 
	.side-home .panel-heading{ margin: 0 auto; font-size: 22px;} 
		 
	.group-list .carousel-indicators{ bottom:-35px;}
	.group-list .carousel-indicators li{ width:22px; height:22px; background-color: #fff; border: 1px solid #107be8}
	.group-list .carousel-indicators li.active{ width:22px; height:22px; background-color: #107be8}
	
 	.side-footer-txt a{ color:#999; font-size: 16px; }

	.group-news-home >div >.panel{ padding-left:10px}

	.navbar-form > .input-group  > div{  padding:0px 3px} 
	
}
@media only screen and (min-width: 768px)  and (max-width: 768px) {
	.container{ width:inherit}
	.navbar-default .navbar-nav>li>a{  padding:15px 10px; font-size:13px }
	.mm-listview, .mm-listview>li{ width:100%;}
	.side-head > div > div span{font-size: 12px;}
	.side-head .logo, .side-slide{margin-top: inherit}
	
	.nav>li>a:before, .nav>li>a:after{ width:inherit}
	
} 
 
@media only screen and (max-width: 768px) {
	#navbar-main{ display:none}
	.mm-listview>li>a, .mm-listview>li>span{ color:red !important; font-weight:bold}
	.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after{ border-color:#3bad1d}
	ul.mm-listview{ background:none !important}
	
	.side-menu{ display:none}
	.navbar-brand{ display: block !important}
	.panel-body{padding:2px} 
	.side-top .container >div{ text-align: center; padding: 5px 0px}
		
	.side-footer-top .container >div{margin:5px auto; border-right:0; text-align:left}
		
	.group-news .panel-title{margin-bottom:0}
	 
	.category-side{ display:none}	
	.content-service > div >div{ width:100%}
	
	#hotline{ display:none}
	.blk-banner{ text-alig: center}
	   
}


#register #register-form .form-group{
	overflow: hidden;
}

.site-top--lang{
	width: 120px;
	position: relative;
	top: 7px;
}
.site-top--lang .form-control{
	background-color: transparent;
}

.site-top--lang .input-group-btn{
		/*display: inline-block*/
}


.support-buy{
	top: -30px;
}

.support-buy *{
	margin: 0;
}

@media (min-width: 1200px){
	.container {
	    width: 1110px;
	}
}



.navbar-fixed-top{
	/*opacity: 0;*/
	position: fixed;
	top: 0;
}
.navbar-fixed-top.navbar-show{
	opacity: 1;
	transition: 1s opacity;
}

.mm-current.mm-opened ~ #mm-0 .side-top{
	margin-top: 0 !important;
}

.mm-current.mm-opened ~ #mm-0 .navbar-fixed-top{
	position: relative;
}