.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.uppercase{
	text-transform: uppercase;
}
.bold{
	font-weight: bold;
}

.slier-tesla img{
	filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .5s ease-in-out;
    margin:  0 auto;
}
 .slier-tesla img:hover{
 	filter: none;
    -webkit-filter: grayscale(0);
 	}   
/*.hl .sub-page .title-sub{
	margin-top: 55px;
}
*/

.hl .info-description{
	margin-top: 15px;
}
.hl .info-description p span{
	font-family: 'SFUFuturaBold';
	font-size: 16px;	
}

.hl .info-description.remove h6{
	padding-top: 0;
}

/*.hl div.intro-sub-page{
	background: url(../images/utility-back.jpg) center center;
}*/
.hl .box-tesla img{
	max-width: 100%;
	/*background: url(../images/khu-nha-tesla.jpg) center center no-repeat;
	background-size: cover;*/
}

.hl .box-view-360{
	background: url(../images/view-360.jpg) center center no-repeat;
    height: 800px;    
    background-size: cover;
    position: relative;
    margin-bottom: 65px;
}

.hl .info-description h5{
	font-family: 'SFUFuturaRegular';
	font-size: 16px;	
	margin-top: 35px;
}

.hl .box-content-tesla{
	padding-top: 30px;
}
.hl .box-mat-bang {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 100px;
}
.box-mat-bang.box{
	margin-bottom: 80px;
}
.hl .box-mat-bang img{
	max-width: 100%;
	margin: 0 auto;
}
.hl .box-mat-bang .box-info h3:first-child{	
	padding-bottom: 20px;
	padding-top: 25px;
	line-height: 25px;
}
.hl .box-mat-bang .box-info h3{
	padding-bottom: 15px;
	font-size: 18px;
	font-family: 'SFUFuturaBold';
}
.hl .box-mat-bang .box-info p{
	padding-bottom: 10px;
	font-size: 16px;
}
.hl .box-mat-bang .box-info p span{
	font-weight: bold;
}
.hl .box-mat-bang .box-info table{
	width: 100%;
}
.hl .box-mat-bang .box-info table tr td{
	padding-bottom: 10px;
}
.hl .updating{
	position: absolute;
    color: #fff;
    margin-top: 38.5%;
    left: 45.7%;
}
/*.hl .slick-prev, .hl .slick-prev:hover, .hl .slick-prev:focus{
	left: 35px;
	z-index: 9999;
	background: url('../images/back.svg');
	
}
.hl .slick-next, .hl .slick-next:hover, .hl .slick-next:focus{
	right: 35px;
	z-index: 9999;
	background: url('../images/next.svg');
	
}*/

.hl .slick-prev::before, .hl .slick-next::before {
    content: "";
}

.hl.box-menu-click{
	margin-left: 0px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 30px;
}

.hl.box-menu-click ul {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    display: table;
}
.hl.box-menu-click li {
    
    margin-right: 20px;
    display: inline-block;
}
.hl.box-menu-click  li.active-sub a:before, .hl.box-menu-click  li:hover a:before {
    content: "";    
    width: 100%;
    height: 5px;
    background: url(../images/line-menu.png) center center no-repeat;
  	position: absolute;
  	bottom: -7px;
}
.hl.box-menu-click li a{
	display: block;
	font-family: "SFUFuturaRegular";
    font-size: 24px;
    position: relative;
}

.hl.box-menu-click li.active-sub a, .hl.box-menu-click li:hover a
{
	color: #c6902e;
}

@media screen and (max-width: 1199px) and (min-width: 992px){
.hl.box-menu-click ul {
    padding-left: 130px;
}
.hl .box-mat-bang .mat-bang img{
	margin-top: 15%;
}
.hl .updating {
    margin-top: 38.5%;
    left: 44.7%;
}
}
@media screen and (max-width: 992px){
.hl .updating {
    margin-top: 50.5%;
    left: 42.7%;
}
}
@media screen and (max-width: 480px){
.hl .updating {
    margin-top: 94.5%;
    left: 36.7%;
}
}