@charset "utf-8";
.pt-10{padding-top:10px}
.pt-15{padding-top:15px}
.pt-20{padding-top:20px}
.pt-30{padding-top:30px}
.pt-40{padding-top:40px}
.pt-50{padding-top:50px}
.pt-60{padding-top:60px}
.pt-70{padding-top:70px}
.pt-80{padding-top:80px}
.pt-90{padding-top:90px}
.pt-100{padding-top:100px}

.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pb-30{padding-bottom:30px}
.pb-40{padding-bottom:40px}
.pb-50{padding-bottom:50px}
.pb-60{padding-bottom:60px}
.pb-70{padding-bottom:70px}
.pb-80{padding-bottom:80px}
.pb-90{padding-bottom:90px}
.pb-100{padding-bottom:100px}

.mrt-10{margin-top:10px}
.mrt-15{margin-top:15px}
.mrt-20{margin-top:20px}
.mrt-30{margin-top:30px}
.mrt-40{margin-top:40px}
.mrt-50{margin-top:50px}
.mrt-60{margin-top:60px}
.mrt-70{margin-top:70px}
.mrt-80{margin-top:80px}
.mrt-90{margin-top:90px}
.mrt-100{margin-top:100px}

.mrb-10{margin-bottom:10px}
.mrb-15{margin-bottom:15px}
.mrb-20{margin-bottom:20px}
.mrb-30{margin-bottom:30px}
.mrb-40{margin-bottom:40px}
.mrb-50{margin-bottom:50px}
.mrb-60{margin-bottom:60px}
.mrb-70{margin-bottom:70px}
.mrb-80{margin-bottom:80px}
.mrb-90{margin-bottom:90px}
.mrb-100{margin-bottom:100px}

/*--------custom-font--------*/

.ut-1x .post-title h4 {
  font-size: 1.1em;
  line-height:1.3em;
  word-wrap: break-word;
}

.ut-2x .post-title h4,
.ut-2x .post-title h3
 {
  font-size: 1.2em;
  line-height:1.3em;
  word-wrap: break-word;
}

.ut-3x .post-title h3 {
  font-size: 1.3em;
  line-height:1.3em;
  word-wrap: break-word;
}

.ut-4x .post-title h3 {
  font-size: 1.4em;
  line-height:1.3em;
  word-wrap: break-word;
}

.ut-5x .post-title h3 {
  font-size: 1.5em;
  line-height:1.2em;
  word-wrap: break-word;
}
.ut-6x .post-title h3

 {
  font-size: 1.6em;
  line-height:1.2em;
  word-wrap: break-word;
}
.ut-7x .post-title h3,
 {
  font-size: 1.8em;
  line-height:1.2em;
  word-wrap: break-word;
}



/*--------------------------------
menu-link
-------------------------------- */
.list-inline li + li {
}

.list {
  margin-top: 0px;
  margin-bottom: 30px;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}
.list li {
  position: relative;
  margin-bottom: 3px;
  padding-left: 20px;
  display:block
}
.list li:before {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.list li a {
  color: #222;
  transition: all 0.3s;
}
.list li a:hover {
  text-decoration: none;
}
/*--------------------------------
post-title, post-content
-------------------------------- */
.post-title > a:hover,
.post-img:hover + div .post-title a,
.post-img:hover + header .entry-title a,
.post-thumb:hover + div  .post-title a
{color: #0288d1;}

.post-img img {
	display: block;
	width: 100%;
	height: auto;
        -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}

article:hover .post-img img,
.listing:hover .post-img img
 {
        -webkit-transform:scale(1.2); /* Safari and Chrome */
        -moz-transform:scale(1.2); /* Firefox */
        -ms-transform:scale(1.2); /* IE 9 */
        -o-transform:scale(1.2); /* Opera */
         transform:scale(1.2);
}

.post-title h1, .post-title h2, .post-title h3, .post-title h4, .post-title h5, .post-title h6,
.post-title-shop h3
 {
  word-break: break-word;
  margin-bottom: 10px;
  -webkit-text-size-adjust: 100%;
}
.post-title h3,.post-title-shop h3
{line-height:1.4em; 
font-weight: 700;
margin: 0 0 12px;
font-size: 18px;
}
.post-title h4{font-size:1em; line-height:1.3em}

.post-title h1,h1.post-title{
  display: block;
  font-size: 1.7em;
  line-height: 2em;
  font-weight:700
}

.post:before,
.post:after{
  content: " ";
  display: table;
}
.post:after{
  clear: both;
}
.post {
    position: relative;
}

.post .post-category {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.05em;
}
.post .post-category a {
  color: rgba(8, 8, 8, 0.8);
}

.left-img .post-img{margin-right:15px}
.top-img .post-img{margin-bottom:15px}
.right-img .post-img{margin-left:15px}

.post .post-img{
overflow:hidden
}

.no-img .post-title{padding-left:0 !important; }
.no-thumb .post.listing .entry-header,
.no-thumb .post.listing .post-bottom-meta{padding-left:0}
.no-img .post-title h4{margin-bottom:0 !important}
.post .post-img> a {
  display: block;
}
.post .post-img img {
  width: 100%;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.next-art .no-list {overflow:hidden; margin:0}

.post.listing .entry-header,
.post.listing .post-bottom-meta
 {
  padding-left: 0;
}

.post .post-img {
  position: relative;
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.post .post-img.max-height {
  max-height: none;
  overflow: hidden;
}

.post.listing .post-img.alignleft {
  float: left;
  margin-right: 15px;
  max-width: 100px;
}
.post.listing .post-img.alignright {
  float: right;
  margin-left: 15px;
  max-width: 100px;
}

.post .post-bottom-meta {
  color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  text-transform: uppercase;
}

.post .post-bottom-meta a {
  color: rgba(0, 0, 0, 0.4);
}

.post .post-content

 {
  margin-bottom: 10px;
}
.post-content.entry-content{margin:10px 0
}
.post-content.entry-content,
.post-content.entry-content p{
font-size: 14px;
 line-height: 19px;
}

.post .post-content + .post-bottom-meta {
  margin-bottom: 0;
}

@media only screen and (min-width: 48.063em) {
  .post .post-img.max-height {
    max-height: 200px;
  }
}
@media only screen and (min-width: 64.063em) {
  .post .post-img.max-height {
    max-height: none;
  }
}	

/*--------------------------------
Truong hop text de tren anh, gan wrap class text-on
-------------------------------- */
.post-title h3,
.post-title h4{margin-top:-3px}

.text-on .post-content-wrap{
text-align: left;
padding: 16px 20px;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
}

/*--- .pagination ---*/
.pagination>li:first-child>a,.pagination>li:first-child>span
 {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span
 {
    margin-right: 0;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.pagination li a{
margin:0 3px !important;
border:1px solid #e8e8e8;
color:#222;
}
.pagination>li>a:hover, .pagination>li>span:hover{
border: 1px solid #222;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>li>a:focus, .pagination>li>span:focus {
background: #333;
border: 1px solid #333;
color: #fff;
}

/*--------blockquote--------*/
blockquote{padding:8px 30px 8px 50px;
margin:30px 0;
font-size:13.5px;
font-style:italic;
font-weight:normal;
position:relative;
color:#82b541;
font-size:1.2em
}
blockquote:before
{content:"\f10d";position:relative;display:inline-block;font-family:"FontAwesome";font-style:normal;
font-weight:normal;line-height:1;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;speak:none}
blockquote:before{
position:absolute;top:auto;font-style:italic;left:20px}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child{margin-bottom:0}
blockquote p{font-size:1.1em}
blockquote footer,blockquote small,blockquote .small{
display:block;font-size:80%;
line-height:1.5;color:#999;
text-transform:uppercase}
blockquote footer:before,
blockquote small:before,
blockquote .small:before{content:'\2014 \00A0'}
blockquote:after{content:""}

@media (max-width:767px){
blockquote{padding-right:0;padding-left:25px}
blockquote:before{left:0}
}    
    

.storyContents ul{display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;}
.storyContents ul li {list-style-type: disc;}
figcaption{
    margin-top: 5px;
    font-style: italic;
    font-size: 85%;
    margin-bottom: 15px;
    color: #888;
}
/*--------------------------------
article-tags
-------------------------------- */

.article-tags {
  margin-top: 15px;
  font-size: 11px;
  font-weight: 600;
}
@media only screen and (min-width: 48.063em) {
  .post .article-tags {
    margin-top: 35px;
  }
}
.article-tags .tag-link,
.article-tags .tag-link:hover {
  color: #080808;
  border-color: transparent;
  background: transparent;
  margin: 0;
  padding-left: 0;
}
.article-tags .tags-title {
  display: inline-block;
  background: #649fd6;
  position: relative;
  height: 24px;
  line-height: 26px;
  font-weight: 500;
  padding: 0 5px 0 7px;
  color: #fff;
  margin-right: 28px;
  text-transform: uppercase;
}
.article-tags .tags-title:after {
  content: '';
  width: 0;
  height: 24px;
  position: absolute;
  top: 0;
  left: 100%;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 10px solid #649fd6;
}
[class^="tag-link"] {
  display: inline-block;
  border: 1px solid rgba(8, 8, 8, 0.4);
  color: #080808;
  font-size: 10px !important;
  padding: 8px 10px 7px;
  text-transform: uppercase;
  margin: 0 3px 3px 0;
  line-height: 1;
  font-weight: 600;
}
[class^="tag-link"]:hover {
  background: #080808;
  border-color: #080808;
  color: #fff;
  font-size: 10px !important;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
.post-title h1{font-size:2em}
.post-title h3,.post-title-shop h3{font-size:1.7em}
.post .post-content,
.post .post-content p{}
}
 
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
.post-title h1{font-size:2em}	
.post-title h3,.post-title-shop h3{font-size:1.7em}
.post .post-content,
.post .post-content p{font-size:1.1em}
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.post-title h1{font-size:2em}	
.post-title h3,.post-title-shop h3{font-size:1.7em}
.post .post-content,
.post .post-content p{font-size:1.1em}
/* Styles */
}
/*--------------------------------
   section-container
-------------------------------- */

.grey-section, .black-section, .white-section {
    padding: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.section-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    position: relative;
}


/*--------------------------------
   img-effect
-------------------------------- */
.effect-img .post-img{
    overflow: hidden;
    position: relative;
    background-color: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.effect-img .post-img img {
	max-width: none;
	width: -webkit-calc(100% + 50px);
	width: calc(100% + 50px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0, 0);
	transform: translate3d(-40px,0,0);
}

.effect-img:hover .post-img img{
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity:0.8;
}

.tags_01 a{padding-left:3px}
.tags_01 a:after {
    content: ',';
}
.tags_01 a:last-child:after {
  content: none;
}
@media screen and (max-width: 767px){
.no-summary .post-content,
.no-summary .read-more,
.no-summary .post-bottom-meta
 {
display: none;
}
.pl-r0 .post .row > div:nth-child(2){padding-left:0}
.mrb-r10{margin-bottom:10px}
.mrb-r20{margin-bottom:20px}
.mrt-r10{margin-top:10px}
.mrt-r20{margin-top:20px}
.ut-2x-r .post-title h3{font-size: 1.2em;}

}
/* Tags List */
.tags-list span { display: inline-block; font-size: 12px; color: #000; font-weight: bold; text-transform: uppercase; margin-right: 10px; }
.tags-list span i { display: inline-block; font-size: 12px; color: #555; margin-right: 8px; vertical-align: middle; }
.tags-list ul { margin: 0px; padding: 0px; display: inline-block; }
.tags-list ul li { list-style: none; display: inline-block; margin-right: -4px; }
.tags-list ul li a { display: inline-block; font-size: 11px; color: #888; text-transform: uppercase; padding: 10px; background-color: #f9f9f9; border-radius: 4px;
 margin-left: 10px; line-height: 12px; border:none }
.tags-list ul li:first-child a { margin-left: 0px; }
.tags-list ul li a:hover { color: #fff; background:#107c10 }

@media screen and (max-width: 1170px){
.tags-list { float: left; padding: 20px 0 0; width: 100%; }
}

/* Widget Tabs Style Start */
.nav-tabs {border:none; margin:0 0 25px;}
.nav-tabs {padding-left:1px;}
.nav-tabs li{min-width:33.333%;margin-left:-1px;text-align:center;}
.nav-tabs li a{border:1px solid #ededed; border-radius:0; background-color:#f9f9f9; font-size:11px; color:#000; text-transform:uppercase; font-weight:700; margin:0; padding:8px 25px;}
.nav-tabs li.active a {border-bottom:1px solid transparent !important; background-color:#fff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {border-color:#ededed;}
.nav-tabs > li.active > a{color:#107c10 !important}
.tab-content .tab-pane > ul > li {border-bottom:1px solid #f4f4f4; padding:0 0 18px; margin:0 0 20px; overflow:hidden;}
.tab-content .tab-pane > ul > li .cs-media img{ width:100%;}
.tab-content .tab-pane > ul > li:last-child {margin-bottom:0; padding-bottom:0; border-bottom:none;}

@media screen and (max-width: 980px){
.nav-tabs li a {
    padding: 8px 20px;
}
}
@media screen and (max-width: 1170px){
.nav-tabs li a {
    padding: 8px 10px;
}
}
/* Widget Tabs Style End */