/*
Theme Name: TT03
Theme URI: http://e-web.vn/
Author: hieu.dev
Author URI: http://e-web.vn/
Description: Mẫu theme tin tức TT03 - Kho giao diện website lớn nhất Việt Nam
Version: 2.9
Text Domain: eweb
Domain Path: /languages/
Tags:
*/

@charset "utf-8";
@import url('css/reset.css');
@import url('css/wp-core.css');
@font-face{
	font-family:'FontAwesome';
	src:url('font-awesome/fonts/fontawesome-webfont.eot');
	src:url('font-awesome/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
		url('font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('font-awesome/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
	font-weight:normal;
	font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
	font-family:FontAwesome;
	font-weight:normal;
	font-style:normal;
	display:inline-block;
	text-decoration:inherit
}
html {width: 100%;margin: 0 auto}
body {font-size:14px;line-height:24px;color:#222;font-family: 'Open Sans', sans-serif;font-style: normal;font-weight: 400;background: #fff}
.clear { float:none; clear:both; margin:0px; padding:0px;height: 0;display: block}
a{color:#222}
a,a:hover,a:focus {text-decoration: none;outline: none}
a:hover {color: #CC0014}
a img{ border:none}
img { max-width:100%; height: auto}
ul{padding-left: 0; margin-bottom: 0;}
ul li{list-style: none}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{ border: 0;background: #CC0014;width: auto;line-height: 36px;padding: 0 10px;color: #fff;outline: none;cursor: pointer}
input[type="submit"], button[type="submit"], input[type="button"], input[type="search"], input[type="reset"]{-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow;}
input[type="submit"]:hover, button[type="submit"]:hover, input[type="button"]:hover input[type="search"]:hover, input[type="reset"]:hover{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)}
input[type="checkbox"], input[type="radio"] { width: auto; padding: 0; /* Addresses excess padding in IE8/9 */ }
input[type="search"], input[type="submit"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: border-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}
input[type="search"]::-webkit-search-decoration, input[type="submit"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type='radio']:after {width: 18px; height: 18px; border-radius: 18px; top: -2px; left: -1px; position: relative; background-color: #fff; content: ''; display: inline-block; visibility: visible; border: 1px solid #C3C3C3; }
input[type='radio']:checked:after {background-color: #333468}

input, textarea, select{width: 100%;resize: none;outline: none;color: #222;border: 1px solid #D9D9D9; padding: 5px 15px; margin-bottom: 15px;}
textarea{height: 120px}
select:-moz-focusring{color: transparent;text-shadow: 0 0 0 rgba(255, 255, 255, 0.5)}
select{  width: 100%;border-radius: 5px;border: 1px solid #d9d9d9;line-height: 36px;height: 36px;padding: 0 10px; outline: none}
option {background-color: #fff}
::-webkit-input-placeholder {color:#a8a8a8}
::-moz-placeholder {color:#a8a8a8}
::-ms-placeholder {color:#a8a8a8}
::placeholder {color:#a8a8a8}

.btn-group-vertical>.btn, .btn-group>.btn{color: #fff; outline: none}
.btn-darkgreen{background: #8B8B8B}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif}
/*h1{ font-size:30px}
h2{ font-size:26px; letter-spacing:3px}
h3{ font-size:24px}
h4{ font-size:20px}
h5{ font-size:18px}
h6{ font-size:16px}*/
h1, h2, h3, h4, h5, h6, a, span, p, button, input, label, i,img{
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a.bold{ font-family: 'Roboto Condensed',sans-serif;font-weight: 700}
.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; -webkit-transition: opacity 300ms, visibility 300ms; transition: opacity 300ms, visibility 300ms}
.flw{float: left; width: 100%}
.mg-bottom10{margin-bottom: 10px}
.thumbnail{margin-bottom: 10px}
.thumb-left{float: left; margin-right: 15px}
.item-cate .thumb-left{width: 177px}
.font16{font-size: 16px}
.border-b{border-bottom: 1px solid #f0f0f0}
.mgb5{margin-bottom: 5px}
.mgb10{margin-bottom: 10px}
.pdb5{padding-bottom: 5px}
.pdb10{padding-bottom: 10px}

/* = Layout
-------------------------------------------------------------- */
.wrapper { clear:both; width:100%; margin:0px; padding:0px; float:left}
/*.slider .col-lg-9{width: 71.7%!important}*/
/*.money-posts,.main .col-lg-9,.main-content .col-lg-9{width: 71.7%}*/
.money-posts{margin-bottom: 20px}
/*.slider .col-lg-3,.ads-top-right,.main-content .col-lg-3,.main .col-lg-3{width: 28.3%!important}*/
.main{padding-top: 10px}

/* = Header
-------------------------------------------------------------- */
.top_contact{background: #f2f2f2}
.top_contact,.logo-banner{padding: 5px 0}
.wrapper-logo-banner .col-lg-8 a{line-height: 0;display: block}
.wrapper-logo-banner .col-lg-8 img{margin: 0}
.top-menu li{float: left;}
.top-menu li a{ float: left;font-family: 'Roboto Condensed', sans-serif;font-size: 16px; line-height: 34px;padding: 0 10px}
#searchform{float: left;  width: 100%; position: relative}
#searchform input[type="text"]{ margin: 0px;padding: 0 10px;background: #fff;color: #a9a9a9;font-style: italic;outline: none;float: left;border: 1px solid #E0CEBD;border-right-width: 0}
#searchform input[type="submit"] {height: 26px;color: #F6EDBC;padding: 0 20px;border: 1px solid #E0CEBD;border-left-width: 0;background: red url(images/icon-search.png) no-repeat center center; position: absolute;top: 0;right: 0}
#logo h1{display: none}
/*Main menu*/
.wrapper-main-menu{background-color: #c2c2c2}
.main-menu ul{float: left;width: 100%}
.main-menu ul li{float: left;position: relative}
.main-menu ul li a{color: #fff; line-height: 40px; font-size: 16px;font-family: 'Roboto Condensed', sans-serif;padding: 0 15px; display: block}
.main-menu ul li.current-menu-item,.main-menu ul li:hover,.main-menu ul li.current-menu-parent{background: #0D358F}
.main-menu ul li.menu-item-has-children:hover:after{  content: '';width: 0;height: 0;border: 7px solid transparent;border-top-color: #0D358F;position: absolute;bottom: 0;margin-bottom: -14px;left: 0;margin-left: 15px; z-index: 9999}
.main-menu ul li.item-home:hover:after{border-top-color: transparent}
/*Sub menu*/
.main-menu ul li:hover > .sub-menu{display: block;visibility: visible;z-index: 9999;opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0.3s ease, opacity 0.2s ease .1s;-webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s}
.main-menu ul li .sub-menu{background: #F3F3F3;min-width:210px;opacity: 0;padding:0;position:absolute;-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0.5s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease}
.main-menu ul li .sub-menu li {margin:0;width: 100%;-webkit-transition: 0.2s;-moz-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s}
.main-menu ul li .sub-menu li:hover{background:#CC0014}
.main-menu ul li .sub-menu li:hover a{color: #fff}
.main-menu ul li .sub-menu li:hover:after{border-top-color: transparent}
.main-menu ul li .sub-menu li a{padding: 0 15px;line-height: 37px;color: #222}
.main-menu ul li .sub-menu ul {left:210px;margin-top: -37px}

@-webkit-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s linear, opacity 0.2s linear;-webkit-transition: -webkit-transform 0s linear, opacity 0.2s linear}
}
@-moz-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@-o-keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
@keyframes fontbulger {
    0% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 0);transform: scale(1, 0);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
    100% {-webkit-transform-origin: top;transform-origin: top;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-transform: scale(1, 1);transform: scale(1, 1);transition: transform 0s ease, opacity 0.2s ease;-webkit-transition: -webkit-transform 0s ease, opacity 0.2s ease}
}
.scrolled{animation: fontbulger 0.5s;-webkit-animation: fontbulger 0.5s}
.menu-fixed {z-index: 999999!important;position: fixed;top: 0;left: 0;right: 0}
.menu-fixed {position: fixed; left: 0; right: 0; top: 0; z-index: 999999}

/*Menu mobile*/
.close-menu{display: none!important}
.main-navigation{clear: both;display: block;float: left;width: 100%;background-color: #CC0014;border-radius: 0;margin-bottom: 0px;border: 0px}
.main-navigation .off-canvas-toggle {float: left;padding: 4px 0px}
.main-navigation .off-canvas-toggle .icon-bar{background-color: #fff}
.menu .close-menu{text-align: center}
#off-canvas{background:#3c3c3c;transform: translate3d(-100%, 0, 0);-moz-transform: translate3d(-100%, 0, 0);-webkit-transform: translate3d(-100%, 0, 0);top: 0;bottom: 0;left: 0;height: 100%;overflow: hidden;position: fixed;visibility: hidden;z-index: -1;transition: transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease .5s, z-index 0s ease .5s}
body.mnopen #off-canvas{transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);overflow-scrolling: touch;overflow: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;visibility: visible;z-index: 9999;transition: transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s;-webkit-transition: -webkit-transform .4s ease, visibility 0s ease 0s, z-index 0s ease 0s}
.off-canvas-inner{width:100%;background:#3c3c3c;color:#FFF}
.off-canvas-inner ul{float:left;width: 320px}
.off-canvas-inner ul li{float:left;width: 100%;border-top: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:last-child{border-bottom: solid 1px rgba(255,255,255,.1)}
.off-canvas-inner ul li:hover{border-color: #212327}
.off-canvas-inner ul li.menu-item-has-children:hover{border-color: rgba(255,255,255,.1)}
.off-canvas-inner ul li a{padding: 9px 30px;margin: 0 auto;display:block;color: #999;font-size: 13px;text-transform: uppercase}
.off-canvas-inner ul li a:hover{background:#212327;color: #FFF}
.off-canvas-inner ul li a .fa-times-circle{opacity: .3;color: #CC0014;font-family: "FontAwesome";font-size: 28px}
.off-canvas-inner ul li a:hover .fa-times-circle{opacity: 1}

.off-canvas-inner ul li .sub-menu li{line-height: normal}
.off-canvas-inner ul li .sub-menu li:last-child{border-bottom: 0px}
.off-canvas-inner ul li .sub-menu li a{padding-left: 40px}
.off-canvas-inner ul li .sub-menu li a:before{content: '-';display: inline-block;font-family: Fontawesome;color: #999;margin: 0 5px 0 0}
/* = Main
-------------------------------------------------------------- */
#main{float: left; width: 100%}
/*Slider Posts News*/
.slider{float: left;width: 100%; margin: 10px 0}
.title-posts-news{ width: 11%;white-space: nowrap;float: left;margin-right: 10px;background: red;color: #fff;text-transform: uppercase;font-size: 11px;padding: 0px 5px;position: relative}
.title-posts-news:after{  content: "\f0da";font-family: 'FontAwesome';position: absolute;color: red;font-size: 16px;line-height: 22px;right: 0;margin-right: -5px}
.append_recent{float: right; width: 87%}
.slider .slider-posts-news{float: left;width: 100%;  border-bottom: 1px solid #D6D6D6}
.slider .slider-posts-news .item a{float: left;font-family: 'Roboto Condensed',sans-serif}
.slider .slider-posts-news .item .date{  float: right;margin-right: 60px; color: #FF4141}
.slider-posts-news .owl-controls{margin-top: 0}
.slider-posts-news .owl-nav [class*=owl-]{  position: absolute;margin-bottom: 0!important ; top: 0;background: #fff!important;border: 3px solid #d6d6d6;width: 22px;height: 22px;  margin-top: -4px!important}
.slider-posts-news .owl-nav [class*=owl-] i{color: #222;position: absolute;top: 50%;margin-top: -7px;margin-left: -3px}
.slider-posts-news .owl-prev{  right: 0;margin-right: 30px!important}
.slider-posts-news .owl-next{  right: 0}
.slider-posts-news .owl-theme .owl-controls .owl-nav [class*=owl-]{padding: 0!important}
/*Home Page*/
.news-posts .left img{width: 100%}
.news-posts .left li.first{width: 100%; margin-right: 0}
.news-posts .left li.last{margin-right: 0}
.timepost{  display: block;color: #919191;font-size: 12px;font-family: Arial}
.timepost:before{  content: "\f017";font-family: 'FontAwesome';margin-right: 5px;font-size: 12px}
.com_share{color: #919191;display: inline-block;font-size: 12px;width: 100%;font-family: Arial;  margin: 5px 0}
.com_share i.fa-tags, .com_share i.fa-user, .com_share i.fa-comments {margin-left: 10px}
.popular-posts{margin-top: 15px}
.popular-posts h3{font-size: 14px; margin: 0}
.subcat{  border-top: 2px solid #CC0014;border-bottom: 1px solid #d9d9d9;display: inline-block;width: 100%;background: #f4f4f4}
.subcat .title_active {background: #CC0014;  float: left;padding: 5px 10px;position: relative; color: #fff; font-family: 'Roboto Condensed', sans-serif}
.subcat i {color: #fff}
.subcat h2 {  display: inline-block; margin: 0}
.subcat h2 a{display: block}
.subcat a {color: #fff;font-size: 14px;white-space: nowrap;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif}
.popular-posts .owl-nav [class*=owl-]{  position: absolute;top: 50%;width: 30px;height: 80px;margin: -66px 0 0 0!important;padding: 0!important;opacity: 0.5;border-radius: 0!important; color: #FF4141!important;font-size: 40px!important;line-height: 80px}
.popular-posts .owl-nav [class*=owl-]:hover{background: #d6d6d6; opacity: 1}
.popular-posts .owl-nav .owl-prev {left: -15px}
.popular-posts .owl-nav .owl-next {right: -15px}
/*Main Content*/
.main-content{float: left;width: 100%}
.posts-left,.main-left{border-right: 1px solid #d9d9d9}
.item-cate{float: left;width: 100%; margin-bottom: 15px}
.item-cate-4{width: 69%}
.item-cate-5{width: 29%}
.mgr{margin-right: 2%}
.list-posts li.first .bold,.list-posts-4 .bold{display: block;color: #222}
.list-posts-2 li.list-posts-4 li{margin-bottom: 10px}
.list-posts-2 li{width: 49%; float: left}
.list-posts-3 li{width: 32%; margin-right: 2%; float: left}
.list-posts-3 li:nth-child(3),.list-posts-3 li:nth-child(6),.list-posts-3 li:nth-child(9),.list-posts-3 li:nth-child(12){margin-right: 0}
.list-posts-3 li:nth-child(3n+1){clear: both}
.list-posts-2 li.first{margin-right: 2%}
.list-posts-5 li img{width: 100%!important; margin-right: 0!important; margin-bottom: 5px}
.list-posts-2 .bold,.list-posts-3 .bold,.list-posts-5 .bold{color: #222}
.list-posts-4 li img{  width: auto}
.tabsview li span.number{  font-family: 'Roboto Condensed',sans-serif;float: left;background-color: #c2c2c2;color: #fff;text-align: center;width: 40px;line-height: 40px;margin-right: 5px;font-size: 20px}
.subcat ul{  float: right;margin-top: 5px}
.subcat ul li{  float: left}
.subcat ul li a{color: #222;font-weight: 700;text-transform: none;font-family: 'Roboto Condensed', sans-serif;padding: 0 5px;border-right: 1px solid #d9d9d9}
.subcat ul li.last a{border-right: none}
.subcat-2{float: left;border-bottom: 1px solid #D9D9D9;width: 100%; margin-bottom: 5px}
.subcat-2 a,.subcat-2 span{  text-transform: uppercase;color: #CC0014;line-height: 31px;float: left;border-bottom: 2px solid #CC0014;margin-bottom: -1px;font-family: 'Roboto Condensed',sans-serif;font-weight: 700}
.item-cate-3 .subcat-2{margin-bottom: 15px}
.item-cate-3 .list-posts .bold{display: block}
.item-cate-3 .bold{color: #222}
.item-cate-3 .list-posts{  float: left;width: 100%;background-color: #E8F3F9;padding: 10px}
.posts-right .item-cate li.first .bold{  display: initial}
.posts-right .item-cate .bold{color: #222}
.item-cate-3 li a{color: #222}

/* = Footer
-------------------------------------------------------------- */
#footer-wrapper{  float: left;width: 100%;border-top: 2px solid #CC0014; margin-top: 10px}
.social_fo{background: #d9d9d9}
.social_fo .page_site div{  float: left;margin-right: 15px;border-right: 1px solid #bebebe;padding: 0 15px 0 0}
.social_fo .page_site div a{line-height: 40px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.social_fo .page_site div a i{  color: #00ADEF}
.social{  font-family: 'Roboto Condensed', sans-serif;font-weight: 700;line-height: 40px;text-transform: uppercase;float: right}
.icon_font{margin-right: 5px; font-size: 20px}
.icon_font.face{margin-left: 5px;color: #36609F}
.icon_font.twitte{color: #2AA9E0}
.icon_font.in{color: #066C9A}
.icon_font.rss{color: #F48020}
.icon_font.gogle{color: #DB5442}
.box_footer{margin-bottom: 10px}
#footer{background-color: #f4f4f4; padding-top: 15px}
#footer h4{ font-size: 18px; margin-bottom: 10px;border-bottom: 1px dotted #9e9696;padding-bottom: 10px}
#footer li{  margin-bottom: 5px}
#footer .row:first-child{border-bottom: 1px solid #9e9696; padding-bottom: 15px}
.copyright{padding: 10px 0}
.to_top{  position: absolute;right: 0;margin-right: 60px;margin-top: 4px;border-radius: 5px;overflow: hidden}
.to_top a{  background-color: #F99D1C;width: 35px;height: 35px;float: left;text-align: center}
.to_top i{line-height: 35px;color: #fff;font-size: 20px}
/* = Single
-------------------------------------------------------------- */
.single h1.cat-links, .page h1.cat-links{margin-bottom: 0}
#date_share{float: left;width: 100%;margin: 0 0 10px}
#date_share .date{float: left;font-size: 12px;font-family: 'Arial';color: #919191}
#block_share{float: right;font-size: 20px}
.btn_facebook{color: #36609F}
.btn_twitter{color: #2AA9E0}
.btn_google{color: #DB5442}
.single .dong-su-kien {margin: 10px 0}
.single .dong-su-kien div {float: left;width: 100%;background: #F9E9F1;padding: 3px 0 5px 5px;margin-bottom: 1px}
.single .dong-su-kien a {color: #0E76BC!important;font-weight: 600}
.entry-meta{float: left;width: 100%; margin-top: 10px}
.entry-meta .tag{ background: #ededed;color: #222;padding: 1px 5px;display: inline-block;font-size: 12px;margin-right: 5px;font-family: 'Roboto Condensed', sans-serif;font-weight: 700}
.entry-meta .tag-links a{  background: #ededed;color: #0054a6;padding: 1px 5px;margin: 0 5px 5px 0;text-align: left;font-size: 12px;display: inline-block}
.post-content hr{float: left;width: 100%}
.article-fb-comments{display: inline-block;width: 100%}
.article-fb-comments .title{  background: #0054a6;color: #fff;padding: 3px 10px;margin-bottom: 15px;font-weight: 500;font-family: 'Roboto Condensed',sans-serif;text-transform: uppercase}
.post-related{margin-bottom: 0; margin-top: 20px}
.info-school{margin-top: 15px}
.thumb-school{float: left; margin-right: 20px;width: 186px!important}
.get-exp{font-weight: 700}
.posts-right iframe,.main-right iframe{width: 100%}
.post-content iframe{max-width: 100%}

#tabs-info{border: 1px solid #ddd; padding: 10px; float: left; width: 100%;margin-top: 30px}
#tabs-info .ui-tabs-nav{float: left;width: 100%; border-bottom: 1px solid #ddd; margin-left: 0}
#tabs-info .ui-tabs-nav li{float: left;border-bottom: 1px solid #ddd;margin-bottom: -2px; list-style-type: none}
#tabs-info .ui-tabs-nav li.ui-tabs-active{border-bottom: 1px solid transparent}
#tabs-info .ui-tabs-panel{padding-top: 15px;  float: left;width: 100%}
#tabs-info .ui-tabs-nav li a{ margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;  padding: 7px 15px;float: left; background-color: #fff ;color: #222; font-weight: 700;font-family: 'Roboto Condensed',sans-serif; outline: none; text-decoration: none }
#tabs-info .ui-tabs-nav li.ui-state-active a{border: 1px solid #ddd; border-bottom: 1px solid transparent}
/*Related Post*/
.related-posts{  float: left;width: 100%;margin-top: 20px}
.related-posts .col-lg-4:nth-child(3n+1){clear: both}
/* = Category
-------------------------------------------------------------- */
.feature-posts-cate{margin-bottom: 15px}
.feature-posts-cate li{  margin-bottom: 0;padding-bottom: 0}
.list-post-cate li{border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 10px}
h1.cat-links{color: #CC0014;font-weight: 700;font-size: 24px;margin-bottom: 10px;display: block}
.list_category h2,.list_category h3{font-weight: 700; font-size: 14px; margin: 0}
.list_category ul{float: left;width: 100%}
.list_category .item-big{ float: left;width: 60%;margin-right: 3%;border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.list_category .item-big h2{margin-bottom: 5px}
.list_category .item-small{ float: right;width: 37%}
.list_category .item-small .thumbnail{float: left; margin-right: 10px}
.list_category ul li{  display: inline-block;width: 100%}
.list_category ul li:last-child{margin-bottom: 0;  border-bottom: none}
.archive .item-cate .bold,.single .item-cate .bold{color: #222;display: inline!important}
.dong-su-kien{clear: both}
.dong-su-kien a{  color: #CC0014;font-weight: 700;font-family: 'Roboto Condensed', sans-serif}
.archive .col-lg-9, .single .col-lg-9{border-right: 1px solid #D9D9D9}

/* For scrool box comment */
.box_comment_close {width: 20px;height: 20px;border-radius: 18px;background: #0072bd;border: 1px solid #d7d7d7;text-align: center;line-height: 18px;color: white;position: absolute;top: -10px;left: -10px;cursor: pointer;font-weight: bold}
.box_comment_fixed {position: fixed;bottom: 10px;left: 10px;width: 305px;background: white;border: 1px solid #d7d7d7;font-size: 12px;z-index: 99999}
.box_comment_header{padding: 0 10px;background: #0e76bc;height: 30px;line-height: 30px;color: white;font-size: 13px}
.box_comment_header span{cursor: pointer}
.box_comment_list {max-height: 300px !important;overflow-y: scroll;overflow-x: visible}
.hide_box_comment .box_comment_list {height: 0px !important}
.comment_form {overflow: hidden}

/*Comment*/
#comments{padding: 30px 0;float: left;width: 100%}
#comments .count-title{  color: #222;font-size: 18px;font-weight: 700}
.comment-list{list-style:none;padding:0; margin: 0}
.comment-list li{padding-left:0}
.comment-list li:before{content:none; list-style: none}
.comment-awaiting-moderation{display:block;font-style:italic;color:green}
.comment-awaiting-moderation:before{clear:both}
.comment-author .avatar{overflow:hidden;float:left;margin: 0 20px 0 0}
.comment-edit > a{color:#c6c6c6}
.comment-edit cite, .comment-meta cite a ,.comment-edit time {color: #222;font-size: 13px; font-style: normal}
a.comment-reply-link{margin-left:20px; font-size: 14px}
.comment-reply-link span{display: none;}
.comment-edit time , a.comment-reply-link{ color: #999}
.comment-content p{ display:inline; color: #444;font: 13px/24px}
.comment-content .comment-awaiting-moderation{color: #444;font: 13px/24px}
.comment-meta.comment-author .fn{ text-transform:capitalize}
.comment-metadata{float:right;display:inline-block}
.edit-link{ display:inline}
.comment-list .children{list-style:none;padding-left:85px;}
.form-allowed-tags code{background:none;color:#8e8e8e;}
article.comment{display:table;width:100%;padding: 10px 0;border-bottom: solid 1px #eaeaea}
article.comment .avatar-wrap{display:table-cell;padding:0 20px 0 0;width:86px}
article.comment .avatar-wrap .avatar{margin:0;max-width:none;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;background-color: #f3f3f3}
article.comment .comment-meta{display:table-cell;vertical-align:top;width:100%}
article.comment .comment-edit{display: block;width: 100%;margin-top: -3px;margin-bottom: 7px}
article.comment .comment-edit .comment-time{float:right}
article.comment .comment-reply-link{margin-left:15px;font: 13px/24px;color:#999}
article.comment .comment-reply-link:hover{color:#222}
.comment-form-tm h5{font-weight: 700; font-size: 18px}
.comment-form-tm textarea,.comment-form-comment textarea{width: 100%;height: 120px;resize :none;padding-top: 9px;padding-left: 2%;outline: none;  font-family: Arial}
.cm-form-info p{margin-bottom: 5px;font-size: 13px}
.cm-form-info .form-submit{margin-bottom: 0}
#commentform{margin-top: 10px;}
#commentform input[type="text"]{border-radius: 0px;height: 30px;padding-left: 15px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;transition: all .2s ease-in-out;outline: none}
#commentform input#author::-webkit-input-placeholder:after,
#commentform input#email::-webkit-input-placeholder:after,
#commentform textarea#comment::-webkit-input-placeholder:after{color:red;content:" *"}
#commentform input[type='submit']{border: 0;background: #0054A6;width: auto;line-height: 30px;padding: 0 10px;color: #fff;outline: none;cursor: pointer}
#comments {padding: 0;float: left;width: 100%}
#comments .in,#comments .in a{color: #999;font-size: 13px}
.comment-content a {word-wrap: break-word}
.comment-respond{margin-top: 36px}
#cancel-comment-reply-link{font-size: 13px;color: #999}
/*Widget calendar*/
#wp-calendar { width: 100%; font-size: 11px; float: left}
#wp-calendar thead th { background: #f5f5f5; border: 1px solid #ddd; border-top: none; font-size: 11px}
#wp-calendar tbody td { text-align: center; border: 1px solid #ddd; line-height: 2.5em; transition: background 0.15s ease; -webkit-transition: background 0.15s ease; -o-transition: background 0.15s ease; -moz-transition: background 0.15s ease}
#wp-calendar tbody td:hover { background: #f1f1f1; color: #333}
#wp-calendar tbody td a { display: block; text-decoration: none; background: #f1f1f1; color: #333}
#wp-calendar tbody td:hover a { background: #4d4d4d; color: #fff}
#wp-calendar tfoot td { padding-top: 1px; padding: 4px}
#wp-calendar tfoot td#next{text-align: right}
#wp-calendar caption { cursor: pointer; font-size: 13px; text-transform: uppercase; margin: 0; padding: 12px; outline: 0 none !important; background: #3b86b0; color: #fff}
#wp-calendar tbody a { display: block; text-decoration: underline}
#wp-calendar th { text-align: center; border: 1px solid transparent; border-top: none; padding: 7px 0; color: #a7a7a7}

/*Pagenavi*/
.paging-navigation{  float: left;width: 100%;text-align: right;margin: 15px 0}
.wp-pagenavi {clear: both}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none;border: 1px solid #BFBFBF;padding: 3px 5px;margin: 2px}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #222}
.wp-pagenavi span.current {font-weight: bold}
/*Breacrumb*/
.breadcrumb{font-family: 'Roboto Condensed', sans-serif}

/*Sidebar*/
.tabsview{margin: 0px 0 0;float: left;width: 100%}
.tabsview ul{list-style: none;margin: 0;padding: 0;}
.tabsview #tabs{border-top: 2px solid #CC0014;border-bottom: 1px solid #d9d9d9; display: inline-block; width: 100%; margin-bottom: 10px;}
#tabs .ui-state-default{float: left; padding: 0 5px}
#tabs .ui-state-default a{float: left; padding: 5px 10px;font-family:'Roboto Condensed',sans-serif; text-transform: uppercase; cursor: pointer;transition: inherit;-webkit-transition: inherit}
#tabs .ui-state-default a i{transition: inherit;-webkit-transition: inherit}
#tabs .ui-state-default.ui-tabs-active{background: #CC0014}
#tabs .ui-state-default.ui-tabs-active a{color: #fff;outline: none; text-decoration: none; outline: none}
#tabs .ui-tabs-panel li{width: 100%;float: left; margin: 5px 0}
#tabs .ui-tabs-panel li a{color: #222; display: inline;font-family: 'Roboto Condensed', sans-serif}
#tabs .ui-tabs-panel li a:hover{}
#tabs .ui-tabs-panel li img{float: left;margin-right: 10px;width: 110px;height: auto}
#tabs .ui-tabs-panel li .com_share{width: 164px}
#tabs .ui-tabs-panel li .com_share a{color: #919191;font-weight: normal;font-size: 11px}
/*Form Search*/
.advance-search-form{ border: 1px solid #D9D9D9;padding: 0 20px;border-radius: 5px; margin-bottom: 10px; background-color: #E8F3F9}
.advance-search-form .col-md-12 .row{padding: 10px 0}
.ew-advanced-toggle{background-color: #8b8b8b!important; outline: none!important;}
.ew-advanced-search{display:none}
.advance-search-form label{margin-bottom: 5px}
.btn-group-justified{margin-top: 29px}
.form-search-fixed{position: fixed;top: 0px;width: 1170px;z-index: 9999}

table{width: 100%;font-size: 16px; text-align: center; margin: 15px 0; border: 1px solid #ddd}
.category-area table caption{color: red;font-weight: 700;font-family: 'Roboto Condensed',sans-serif;font-size: 20px;margin-bottom: 10px}
thead{background-color: #ddd}
thead td{color: red;  font-weight: 700;font-size: 16px}
thead td:nth-child(3){text-align: left}
td{ padding: 5px 10px;  border: 1px solid #ddd}
tbody tr{ border-bottom: 1px solid #ddd}
.cate-school tbody tr:nth-child(even){background-color: #FBCAA2}
.cate-school tbody tr:nth-child(odd){background-color: #FDE4D0}
.code_school{text-transform: uppercase}
.name_school{text-align: left}
.name_school a{color: #2a6496; text-transform: capitalize}
#tabs-ts .ui-tabs-nav{ background-color: #ddd; float: left;width: 100%}
#tabs-ts .ui-tabs-nav li{ float: left;padding: 5px 20px;border-right: 1px solid #fff}
#tabs-ts .ui-tabs-nav li.last{border-right: 0}
#tabs-ts .ui-tabs-nav li.ui-tabs-active a{color: #1587c6; text-decoration: none}
#tabs-ts .ui-tabs-nav li a{font-family: 'Roboto Condensed',sans-serif; color: #222; font-weight: 700;outline: none}
#tabs-ts .ui-tabs-panel{ padding: 50px 15px 20px}
#tabs-ts .ui-tabs-panel .col-lg-6:nth-child(3),#tabs-ts .ui-tabs-panel .col-lg-6:nth-child(6){clear: both}
#tabs-ts .ui-tabs-panel h5{ margin-bottom: 5px}
#tabs-ts .ui-tabs-panel h5 a{  color: #428bca;font-weight: 700;font-size: 16px}
#tabs-ts .ui-tabs-panel li:before{content:'\f101'; font-family: FontAwesome; color: #428bca; margin-right: 5px}
#tabs-ts .ui-tabs-panel .col-lg-6{margin-bottom: 15px}
/*Google Maps*/
#map-head{height: 100%;width:100%;margin-bottom:35px; float: left}
#listing-map{height:550px;position:relative; float: left;width: 100%}
#listing-map img{max-width:none}
#listing-map .map-info-window{padding-bottom:10px;width: 200px; background: #fff; padding: 5px 15px}
#listing-map .prop-title{margin-bottom: 5px}
#listing-map .prop-title a{font-size:16px;font-family: 'Roboto Condensed',sans-serif;font-weight:normal;color:#222}
#listing-map .prop-title a:hover{color:#FF0000}
#listing-map .prop-thumb{margin-bottom:10px}
#listing-map p span.price{font-size:16px;color:#df5400;font-family: 'Roboto Condensed',sans-serif}
#listing-map a.know-more-link{text-decoration:none;font-family: 'Roboto Condensed',sans-serif;display:inline-block;background-color:#37b3d9;padding:6px 13px 8px;font-size:13px;color:white}

.twitter-share-button{position: relative!important;top: 6px}
.list_video h3{font-weight: 700; font-size: 14px; margin: 5px 0 0}
.list_video:nth-child(4n+1){clear: both}
.author-box h5{font-weight: 700}
.author-box{float: left;width: 100%; border: 1px solid #D9D9D9;margin: 30px 0;padding: 15px}
.author-box .title-author{ float: left;margin-right: 10px}
.support-online .title-top-right{ background-color: #F4A610; display: block; line-height: 30px; color: #fff; padding: 0 15px; text-transform: uppercase;}
.support-online ul{padding: 10px 15px; background-color: #efefef;}
.support-online ul li{border-bottom: 1px dotted #000; margin-bottom: 5px; padding-bottom: 5px;}
.support-online ul li span{color: #F4A610; font-weight: 700}
.support-online ul li:last-child{border-bottom: none; margin-bottom: 0; padding-bottom: 0}
.widget_sp_image{ text-align: center }
#mega-menu-wrap-main_menu .mega-menu-toggle .mega-toggle-block-1:after{content: '\f214'}
#mega-menu-wrap-main_menu .mega-menu-toggle.mega-menu-open .mega-toggle-block-1:after{content: '\f153'}
.fb-comments,
.fb-comments > span,
.fb-comments > span > iframe {max-width: 100%; width: 100%!important}

.ew-image-holder.bg-contain{ background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain}
.ew-image-holder:hover .overlay{visibility: visible; opacity: 1}
.ew-image-holder{position: relative; width: 100%; display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden;}
.ew-image-holder:before{display: block; content: ""; width: 100%; padding-top: 66.6667%; background: none; box-shadow: none;}
.ew-image-holder:before{ padding: 0; height: 140px}
.ew-image-holder.height186:before{ height: 186px}
.ew-image-holder.height283:before{ height: 283px}
.ew-image-holder.height90:before{ height: 90px}
.ew-image-holder.height60:before{ height: 60px}
.item-cate-3 .thumb-left{width: 90px; float: left; margin-right: 10px}
.news-posts .right .height60, .post-cate-4 .height60{width: 75px}
.list_category .ew-image-holder.thumb-left{width: 200px}
input.wpcf7-not-valid, textarea.wpcf7-not-valid { background: #fff url(images/error.png) no-repeat 98% center; border: 1px solid #f00!important}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{background-color: #e8e8e8}
.wpcf7 .wpcf7-not-valid-tip{margin-top: -13px; position: relative; padding: 5px 8px; line-height: 1.2em; border-radius: 3px; opacity: .8; background-color: #f1f1f1; color: #b20000;}
.wpcf7 .wpcf7-not-valid-tip:after {bottom: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136,183,213,0); border-bottom-color: #f1f1f1; border-width: 10px; margin-left: -10px; }
.wpcf7 .ajax-loader, .wpcf7 form.invalid .wpcf7-response-output{display: none!important}
.processing{position:relative}
.processing:before{content:'';margin:0px auto;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(0,0,0,0.1) !important;border-right:3px solid rgba(0,0,0,0.1) !important;border-bottom:3px solid rgba(0,0,0,0.1) !important;opacity:.8;border-left:3px solid #446084;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px;pointer-events:none}
.processing:before{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;z-index:99}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.wpcf7-form{float: left; width: 100%}
.wpcf7-form .processing *{opacity:.8}

/* = Responsive
-------------------------------------------------------------- */
@media all and (max-width: 1024px){
	.title-posts-news{width: 10%}
	.append_recent{width: 88%}
}
@media all and (max-width: 991px){
	.wrapper-main-menu{background-color: #222}
}
@media screen and (max-width: 800px) {
	.ads-top-right{display: none}
	/*.main-menu{display: none}*/
	.title-posts-news{width: 13%}
	.append_recent{width: 85%}
	.navbar-toggle{display: block}
	.close-menu{display: block!important}
	.main-left{ border-right: none}
	.slider{display: none}
	.money-posts{margin-top: 10px}
}
@media screen and (max-width: 767px) {
	.related-posts .col-lg-4:nth-child(3n+1){clear: inherit}
	.related-posts .col-lg-4:nth-child(2n+1){clear: both}
	.title-posts-news {width: 16%}
	.append_recent {width: 82%}
	.related-posts a{float: left;width: 100%}
	.related-posts .col-lg-4{margin-bottom: 10px}
	.box_comment_fixed{display: none}
	.list_video:nth-child(4n+1){clear: inherit}
	.list_video:nth-child(2n+1){clear: both}
}
@media screen and (max-width: 568px) {
	.news-posts .col-xs-6{width: 100%}
	.news-posts .left{ margin-bottom: 10px}
}
@media screen and (max-width: 480px) {
	.top_contact,{display: none}
	.list_category .item-big{width: 100%; margin-right: 0; margin-bottom: 10px}
	.list_category .item-small{width: 100%}
}
@media screen and (max-width: 390px) {
	.list-posts-2 li{margin-right: 2%; width: 100%}
	.list-posts-2 li:nth-child(2),.list-posts-2 li:nth-child(4),.list-posts-2 li:nth-child(6){margin-right: 0}
	.list-posts-2 li p{display: none}
	.list-posts-2 li img{width: 100%!important}
	.list-posts-3 li{width: 49%}
	.list-posts-3 li:nth-child(3n+1){clear: inherit}
	.list-posts-3 li:nth-child(2n+1){clear: both}
	.list-posts-3 li:nth-child(3), .list-posts-3 li:nth-child(6), .list-posts-3 li:nth-child(9){margin-right: 2%}
	.list-posts-3 li:nth-child(2), .list-posts-3 li:nth-child(4), .list-posts-3 li:nth-child(6){margin-right: 0}
	.item-cate-4,.item-cate-5{width: 100%;margin-right: 0}
	.related-posts .col-xs-4,.related-posts .col-xs-8,.related-posts .col-xs-4 img{width: 100%}
	.related-posts .col-xs-4 img{width: 100%}
}