/*
Theme Name: Legatus Premium Theme Child
Theme URI: http://www.mediaonlinevn.com/
Template: legatus-theme
Author: Truong Van Nang
Author URI: http://vannang.com
Description: Legatus Premium Theme Child
Version: 2.1.2.1444245663
Updated: 2015-10-07 19:21:03
*/

@charset "UTF-8";

 /*-- Slider --*/
#slider{
	margin-bottom:20px;
}

#slider .lof-slidecontent{
	width:630px; 
	height:300px;
}

#slider .attachment-slider-image{
	width:630px; 
	height:300px;
}

#slider .main-slider-content{
	width:630px; 
	height:300px;
}

#slider .lof-slidecontent {
	position:relative;	
	overflow:hidden;	
	border:1px solid #F4F4F4;
}

#slider .lof-slidecontent .preload{
	height:100%;	
	width:100%;	
	position:absolute;	
	top:0;	
	left:0;	
	z-index:100000;	
	text-align:center;	
	background:#ffffff;
}

#slider .lof-slidecontent .preload div{	
	height:100%;	
	width:100%;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;
}

#slider .lof-slidecontent  .sliders-wrapper{	
	position:relative;	
	height:100%;	
	width:900px;	
	z-index:3px;	
	overflow:hidden; 
}

#slider .lof-slidecontent  ul.sliders-wrap-inner{
	overflow:hidden;	
	background:transparent url(images/s-load-indicator.gif) no-repeat scroll 50% 50%;	
	padding:0px;	
	margin:0;	
	position:absolute;	
	overflow:hidden;
}

#slider .lof-slidecontent  ul.sliders-wrap-inner li{
	overflow:hidden;	
	padding:0px;
	margin:0px;	
	float:left;	
	position:relative;
}

#slider .lof-slidecontent  .lof-opacity  li{
	position:absolute;	
	top:0;	
	left:0;	
	float:inherit; 
}

#slider .lof-slidecontent  .navigator-content {
	position:absolute; 
	bottom:10px; 
	right:10px;
	background:url(images/s-tr-bg.png) repeat;
	padding:5px 0px;
}

#slider .lof-slidecontent  .navigator-wrapper{	
	position:relative;	
	z-index:10;
	height:180px;
	width:310px;
	overflow:hidden;
	color:#FFF;
	float:left
}

#slider .lof-slidecontent  ul.navigator-wrap-inner{	
	top:0;	
	padding:0;	
	margin:0;	
	position:absolute;	
	width:100%; 
}

#slider .lof-slidecontent  ul.navigator-wrap-inner li{ 
	cursor:hand; 	
	cursor:pointer;	
	list-style:none;	
	padding:0;	
	margin-left:0px;	
	overflow:hidden;	
	float:left;	
	display:block;	
	text-align:center;
}

#slider ul.sliders-wrap-inner li img{	
	padding:0px;	
}

#slider .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	bottom:70px;
	left:0px;
	width:350px;
	background:url(images/s-bg-trans.png);
	height:100px;
	padding:10px;
	color:#cccccc;
}

#slider .lof-main-item-desc h3 a{
	color: #e8e8e8;
}

#slider .lof-main-item-desc .date{
	font-size:12px;
}

#slider .lof-slidecontent .attachment-small-thumb{
	width:70px;
	height:25px;
}

#slider .lof-slidecontent ul.navigator-wrap-inner li img{
	border:#666 solid 3px;	
}

#slider .lof-slidecontent ul.navigator-wrap-inner li.active img, 
#slider .lof-slidecontent ul.navigator-wrap-inner li:hover img {
	border:#A8A8A8 solid 3px;
	-moz-transition:border-color  ease-in-out 0.4s
}

#slider .lof-slidecontent .navigator-content .button-next, 
#slider .lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;
}

#slider .lof-slidecontent .navigator-content .button-next {
	float:left;	
	text-indent:-999px;
	margin-right:5px;
	background:url(images/s-arrow-l.png) no-repeat right center;
}

#slider .lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-left:5px;
	background:url(images/s-arrow-r.png) no-repeat left center;
}

#slider .lof-slidecontent .button-control {
	position:absolute;
	top:10px;
	right:10px;
    height: 20px;
    width: 20px;
	cursor:hand; cursor:pointer;
	background:url(images/s-tr-bg.png) repeat;
}

#slider .lof-slidecontent .button-control span { 
	display:block;  
	width:100%; 
	height:100%;
}
	
#slider .lof-slidecontent .action-start span  {
	background:url(images/s-play.png) no-repeat center center;
}

#slider .lof-slidecontent .action-stop span {
	background:url(images/s-pause.png) no-repeat center center;
}

.header-middle .banner {
	float: left;
	margin-left: 40px;
}
.main-content-right .banner {
	background: #fff;
	border: 1px solid lightgray;
}
.main-article-content h2.article-title {
     line-height: initial;
}
.banner .banner-info {
	display: none;
}
.ja-copyright {
	padding:10px;
}
.ja-social-footer{
	/*padding-left:20px;*/
}
.vnsocial {
	height:100%;
	border-left: 2px solid red;
	padding-left: 10px;
}
.vnsocial .icon1 {
	background: url("images/logo_facebook_16.png") no-repeat scroll 0 0 transparent;
	padding-left:20px;
}
.vnsocial .icon2 {
	background: url("images/logo_twitter_16.png") no-repeat scroll 0 0 transparent;
	padding-left:20px;
}
.vnsocial .icon4 {
	background: url("images/logo_youtube_16.png") no-repeat scroll 0 0 transparent;
	padding-left:20px;
}
.footer-logo-list{
	background-color:white; 
	margin:5px;
}
#vnfooterLogo{
	float:left;
}
#vnfooterSlogan{
	float: left;
	padding-left: 20px;
	padding-top: 15px;
	font-style: italic;
	font-size: 15px;
}
.vncopyright p{
	font-size:13px !important;
}
.tt-datetime-mobile{
	display:none;
}
#sliderContainer{
	width:640px;
	height:480px;
}
.article-big-block .article-content p, .article-small-block .article-content p {
    color: #000;
}
.main-article-content .shortcode-content p {
    color: #000;
}
/* TABLET */
@media only screen and (max-width: 970px) {
	.main-content-right {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#slider .lof-slidecontent{
		width:600px; 
		height:285px;
	}

	#slider .lof-slidecontent .slider-image{
		width:600px; 
		height:285px;
	}

	#slider .main-slider-content{
		width:600px; 
		height:285px;
	}
}
/* PHONE */
@media only screen and (max-width: 600px) {
	.main-content-right {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.tt-datetime-mobile{
		display:block;
		margin-left:15px;
	}
	#slider .lof-slidecontent{
		width:440px; 
		width: 100%;
		height:210px;
	}

	#slider .lof-slidecontent .slider-image{
		width:440px; 
		width: 100%;
		height:210px;
	}
	
	#slider .main-slider-content{
		width:440px; 
		width: 100%;
		height:210px;
	}
}
/* PHONE */
@media only screen and (max-width: 320px) {
	.main-content-right {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	.tt-datetime-mobile{
		display:block;
		margin-left:15px;
	}
	#slider{
		display:none;
	}
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.shortcode-content h3 {
	text-transform: none;
}
p {
    font-size: 16px!important;
}
@font-face {
	font-family: seguibl;
	src: url(seguibl.ttf);
}