@charset "UTF-8";
/***************************************
Theme Name: Desktop
Theme URI: http://tinhhoa.net
Author: Tinh Hoa Desktop
Author URI: http://tinhhoa.net
***************************************/

/************************************************
** GLOBAL STYLES
*************************************************/
* {padding: 0;margin: 0;outline: none;list-style: none;border: 0 none;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html {-ms-touch-action: manipulation;touch-action: manipulation;}
body {overflow-x: hidden;background: #fff;color: #191919;font-family: Roboto,Arial,Helvetica,sans-serif;font-size: 15px;}
pre,code {direction: ltr;background: url(images/code-bg.png);font: 11px/19px 'andale mono','lucida console',monospace;padding: 3px;display: block;overflow-x: visible;overflow-y: hidden;margin: 0 0 20px 0;color: #666;border-top: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #F0F0F0;border-right: 1px solid #F0F0F0;}
h1,h2,h3,h4,h5,h6 {font-weight: 500;}
a {color: #191919;text-decoration: none;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover, .entry a:hover {color: #007372;}
textarea {overflow: auto;width: 100%;}
textarea,input {padding: 5px;outline: none;}
select {padding: 2px;}
option {padding: 0 4px;}
input[type=button],button {padding: 4px;cursor: pointer;vertical-align: middle;}
input.text_input,textarea.textarea {border: 1px solid #ccc;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
textarea,input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=file],input[type=search],input[type=color],input[type=datetime],input[type=datetime-local],input[type=month],input[type=range],input[type=time],input[type=week],select {border: 1px solid #eee;background-color: #F9F9F9;color: #515151;font: 12px Tahoma;padding: 8px;margin-bottom: 7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=file]:hover,input[type=search]:hover,input[type=color]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=month]:hover,input[type=range]:hover,input[type=time]:hover,input[type=week]:hover,select:focus {background-color: #F5F5F5;}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=file]:focus,input[type=search]:focus,input[type=color]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=range]:focus,input[type=time]:focus,input[type=week]:focus,select:focus {background-color: #fff;}
input.error,textarea.error {border: 1px solid #FF0000!important;}
blockquote:before,.entry .tie-list-shortcode ul li:before,#main-nav .mega-cat-content.mega-cat-sub-exists .mega-cat-content-tab.loading-items:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.button,a.button,#main-content input[type="submit"],.form-submit #submit,#login-form .login-button,.widget-feedburner .feedburner-subscribe,input[type="submit"]{width: auto;position: relative;background-color: #242424;color: #FFF;padding: 5px 12px;display: inline-block;font: 500 15px/20px Roboto, Arial;border: 0 none;cursor: pointer;text-decoration: none;text-align: center;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-appearance: none!important;-moz-appearance: none!important;}
.button:hover,a.button:hover,#main-content input[type="submit"]:hover,.form-submit #submit:hover,#login-form .login-button:hover,.widget-feedburner .feedburner-subscribe:hover,input[type="submit"]:hover,a.bp-title-button:hover {background-color: #038f90;text-decoration: none;}
.jw-controlbar .jw-option {background: rgba(0,0,0,0.7);width: 65px;margin-bottom: 0;}
::-moz-selection {background: #F9A386;color: #fff;text-shadow: none;}
::selection {background: #F9A386;color: #fff;text-shadow: none;}
::-webkit-scrollbar-track {background: #FFFFFF;-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;border: 1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background: #008685;-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active {background: #888;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}
::-webkit-scrollbar {width: 8px;height: 8px;}

.clear {clear: both;}
.hide {display: none;}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {clear: both;margin-left: auto;margin-right: auto;}
.tie-padding {display: inline-block;}
.loading {font-size: 12px;color: #009fbe;text-transform: uppercase;text-align: center;display: block;}
.loading .fa-spinner {font-size: 14px;vertical-align: text-bottom;margin-left: 6px;}
.clearfix:after {content: '';display: table;width: 100%;clear: both;}
.ease {-webkit-transition: all 0.25s ease;-moz-transition: all 0.25s ease;-ms-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.col-4, .col-3, .col-2 {position: relative;display: inline-block;width: 100%;}
.col-4 > li{position:relative;float: left;width: calc((100% - 60px) / 4);margin-left: 20px;margin-bottom: 15px;clear: none;}
.col-4 > li:nth-child(4n+1){margin-left:0; clear:both;}
.col-3 > li, .col-3 .col{position:relative;float: left;width: calc((100% - 40px) / 3);margin-left: 20px;margin-bottom: 20px;clear: none;}
.col-3 > li:nth-child(3n+1),.col-3 .col:nth-child(3n+1){margin-left:0; clear:both;}
.col-2 > li, .col-2 .col{position:relative;float: left;width: calc((100% - 20px) / 2);margin-left: 20px;margin-bottom: 20px;clear: none;}
.col-2 > li:nth-child(2n+1), .col-2 .col:nth-child(2n+1){margin-left:0; clear:both;}
.swiper-button-next:before, .swiper-button-prev:before {content: '';position: absolute;top: 50%;transform: translate(0%,-50%);color: #fff;font: normal normal normal 30px/1 FontAwesome;z-index: 10;opacity: 0;cursor: pointer;text-shadow: 0 1px 4px #000;}
.swiper-button-prev:before {left: 10px;content: "\f104";right: auto;}
.swiper-button-next:before {content: '\f105';right: 10px;left: auto;}

/************************************************
** Header Styles
*************************************************/
#theme-header {position: relative;color: #fff;margin-bottom: 30px;z-index: 999;}

/* Top Nav Styles */
#theme-header .top-nav {background-color: #333333;}
#theme-header .top-nav .left-col {float: left;}
#theme-header .account{position: relative;line-height: 35px;}
#theme-header .account .loggin-box{position:relative;}
#theme-header .account .loggin-box #login_box .box h3{display:none;}
#theme-header .account .fa {float: left;color: #fff;line-height: 35px;margin-right: 8px;}
#theme-header .account .username {float: left;color: #fff;font-size: 14px;line-height: 35px;}
#theme-header .account ul.sub-menu{opacity: 0;visibility: hidden;position: absolute;top: 35px;width: 150px;padding: 5px 0 10px;background: rgb(35, 35, 35);/* border: solid 1px rgba(255, 255, 255, 0.31); */box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);z-index: 55;}
#theme-header .account:hover ul.sub-menu {visibility: visible;opacity: 1;}
#theme-header .account ul.sub-menu:after {content: '';position: absolute;left: 15px;top: -8px;border-width: 0 10px 10px;border-style: solid;border-color: transparent transparent #232323;display: block;width: 0;z-index: 200;opacity: 0;}
#theme-header .account ul.sub-menu li a {display: inline-block;font-size: 14px;line-height: 16px;width: 100%;color: #ddd;padding: 5px 15px;}
#theme-header .account ul.sub-menu li a:hover{color:#fff;}
#theme-header .top-nav .right-col {float: right;}
#theme-header .tool-box {}
#theme-header .tool-box li{float: left;}
#theme-header .tool-box i.fa {margin-right: 5px;}
#theme-header .tool-box li a, ul.nav-links li a {font-size: 14px;padding:10px;line-height: 35px;font-weight: 500;color: #fff;text-transform: uppercase;}
#theme-header .tool-box li a:hover, ul.nav-links li a:hover {opacity: 1;}
ul.nav-links li {float: left;}
ul.nav-links li a {box-shadow: none;padding-left: 0;padding-right: 15px;}

/* Search Box Styles */
.search-block {padding: 5px 10px;padding-left: 10px;position: relative;float: right;text-align: center;z-index: 99;border-left: 1px solid #000000;}
.search-block .search-form {background: #fff;border: 1px solid #d1d1d1;color: #666;width: 180px;padding: 0 10px 0 10px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.search-block i.fa {float: left;font-size: 13px;line-height: 22px;margin-right: 5px;color: #ccc;cursor: pointer;}
.search-block #___gcse_0 {float: left;width: calc(100% - 20px);margin-top: 3px;}
.search-block #shead {background: none repeat scroll 0 0 transparent;border: medium none;color: #fff !important;height: 30px;outline: medium none;padding: 5px;margin-bottom: 0;width: 124px;}
.search-block #shead:focus {color: #000;width: 150px;}
.search-block .search-button {background: none repeat scroll 0 0 transparent;border: medium none;float: left;height: 30px;outline: medium none;width: 30px;font-size: 14px;color: #FFF;}
.search-block .search-button:active {top: 0;}
.search-block:hover .search-button, .search-block:hover #shead {opacity: 1;color: #fff;}
.search-block button.search-button i:before {font-size: 18px;color: #FFF;}
.search-block .gsc-search-box {margin-bottom:0}
.search-block .gsc-control-cse, .search-block .gsib_a {padding: 0;}
.search-block .gsc-input-box,.search-block .gsc-control-cse {background: transparent;border: none!important;}
.search-block .gsc-search-box-tools .gsc-search-box .gsc-input {text-indent: 0!important;background: none!important;border: none!important;color: #444;font-size: 13px;padding-right: 0;}
.search-block input.gsc-search-button {border: none!important;background: transparent!important;padding: 0!important;margin: 8px!important;}
.search-block table.gsc-search-box .gsc-input-box {padding: 0;background: transparent;border: none!important;box-shadow: none!important;}
.gcsc-branding,.search-block .gsib_b,.gsc-url-top,.gsc-search-button-v2 {display: none!important;}
.gsc-control-cse .gs-spelling,.gsc-control-cse .gs-result .gs-title,.gsc-control-cse .gs-result .gs-title * {height:auto;font-size: 16px;text-align: left;font-weight: bold;text-decoration: none;}
.gs-webResult.gs-result a.gs-title:link,.gs-webResult.gs-result a.gs-title:link b,.gs-imageResult a.gs-title:link,.gs-imageResult a.gs-title:link b {color: #3F3FEC!important;}
.gsc-modal-background-image {background: #000!important;}
.gsc-result .gs-title {height: auto;}
.gsc-results-wrapper-overlay {padding: 30px 8px!important;border-radius: 3px;border: 1px solid #000;}
.search-block .gsc-selected-option-container {width: 100px!important;}

/* Header Content Styles */
#theme-header .header-content, #em-header .header-content {position: relative;padding: 25px 0;}

.header-content .logo {width: 100%;text-align: center;}
.header-content .logo img {height: 47px;}
.header-content .logo h1,.header-content .logo h2 {font: bold 32pt arial;}
.header-content .logo strong {display: none;}
.header-content .logo span {font-weight: normal;font-size: 14px;display: block;clear: both;}
.header-content .right-colum {float: right;}
.header-bottom {padding: 7px;}
.header-bottom .featured-tags h2 {float: left;color: #ac0608;font-size: 12px;font-weight: 700;margin-right: 10px;}
.header-bottom ul.tag-list li a {float: left;padding: 0 10px;text-transform: uppercase;font-size: 12px;font-weight: bold;border-right: 2px solid #d3a2a8;}
.header-bottom ul.tag-list li:last-child a{border-right:none;}
.header-bottom ul.second-nav {float: right;}
.header-bottom ul.second-nav li {float: left;padding: 0 10px;font-weight: 700;font-size: 14px;text-transform: uppercase;}
ul.download-link li {display: block;width: 200px;margin: 0 auto 10px;}

/************************************************
** Navigation Styles
*************************************************/
#main-nav {z-index: 999;height: 40px;overflow: hidden;border-bottom: 1px solid #e6e6e6;}
#main-nav .main-menu {}
#main-nav .main-menu > ul.menu {text-align: center;}
#main-nav .main-menu > ul.menu > li{display: inline-block;}
#main-nav ul li.menu-item-has-children {position: relative;}
#main-nav ul.menu > li > a {display: inline-block;padding: 0px 9px;height: 40px;width: 100%;text-transform: uppercase;font: 500 16px/40px Oswald, Roboto, Arial;-webkit-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);-moz-box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.1);}
#main-nav ul li i.fa,#slide-out ul li i.fa,#mobile-menu li.menu-item-home a:before {margin-right: 5px;}
#main-nav ul.menu > li.current-menu-item > a, #main-nav ul.menu > li.current-menu-parent > a, #main-nav ul.menu > li.current_page_parent > a, #main-nav ul.menu > li.current-page-ancestor > a, #main-nav ul li a:hover,#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post:hover a {color: #0b8786;}
#main-nav ul li.current-menu-item ul,#main-nav ul li.current-menu-parent ul,#main-nav ul li.current_page_parent ul,#main-nav ul li.current-page-ancestor ul {top: 50px;}
#main-nav ul.menu>li:hover{}
#main-nav ul.menu li:hover>ul,#main-nav ul.menu li:hover>.mega-menu-block {display: block;-webkit-animation: fadeIn .2s ease-in;-moz-animation: fadeInUp .2s ease-in;animation: fadeInUp .2s ease-in;}
#main-nav ul ul a,#main-nav .mega-menu-block a {height: auto;padding: 2px 25px;display: block;color: #ddd;font: 400 14px/21px Roboto,arial;text-transform: none!important;}

/* Navigation dropdown Mega-Menu */
#main-nav ul .menu-sub-content {display: none;padding: 0;position: absolute;left:0!important;z-index: 205;background: #111;color: #999;-webkit-box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);box-shadow: 0 3px 4px 1px rgba(0,0,0,0.2);-webkit-border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomright: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories li {width: 100%;height: auto;margin: 0;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories h3 a {text-transform: uppercase!important;color: #FFC600;font: 600 15px/30px Roboto,arial;padding: 0 10px;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories {float: left;width: 20%;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories li a {font: 400 14px/14px Roboto,arial;padding: 10px 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom: 1px solid #222;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories li a:hover {background: #222;}
#main-nav ul .menu-sub-content ul.mega-cat-sub-categories li:last-child a{border-bottom:0}
#main-nav ul .menu-sub-content .mega-cat-content {float: left;padding: 20px;padding-right: 0;}
#main-nav ul .menu-sub-content .mega-cat-content.mega-cat-sub-exists {background: #000;width: 80%;min-height: 255px;position: relative;}
#main-nav ul .menu-sub-content .mega-cat-content .mega-menu-post {float: left;padding-right: 20px;width: 25%;}
#main-nav ul .menu-sub-content .mega-cat-content a.mega-menu-link {padding: 0;margin-top: 10px;}

/* Navigation dropdown Sub-Menu  */
#main-nav ul ul.sub-menu {width: 200px;z-index: 250;}
#main-nav ul ul.sub-menu li{width: 100%;margin: 0;height: auto;padding: 5px 15px;border-top: 1px solid #545454;}
#main-nav ul ul.sub-menu li a{padding: 0;}
#main-nav ul ul.sub-menu ul.sub-menu{top: -1px;border-radius: 0;}
#main-nav ul ul ul {right: auto;left: 100%;top: 0;z-index: 210;}

/* Navigation Fixed Styles */
#main-nav.fixed-nav {background: #fff;position: fixed;top: -999px;left: 0;width: 100%;z-index: 9999;-webkit-transition: top .5s;-moz-transition: top .5s;-o-transition: top .5s;transition: top .5s;-webkit-box-shadow: 0 5px 3px rgba(0,0,0,.1);-moz-box-shadow: 0 5px 3px rgba(0,0,0,.1);box-shadow: 0 5px 3px rgba(0,0,0,.1);}
#main-nav.fixed-nav.fixed-nav-appear {top:0}
body.admin-bar #main-nav.fixed-nav.fixed-nav-appear{top: 32px;}
.grecaptcha-badge {display: none;}

/* 404 Page Styles */
div.not-found {}
#main-content .error404{text-align: center;padding: 15px;margin-bottom: 35px;}
.error404 .title-404 {font-size: 200px;font-weight: bold;color: #eee;}
.error404 .p-title {font-size: 40px;font-weight: 500;margin-bottom: 10px;}
.error404 .search-block-large {display: inline-block;border: 1px solid #ddd;}
.error404 .search-block-large button.search-button {float: left;padding: 8px 12px;vertical-align: inherit;}
.error404 .search-block-large input#s {margin: 0;height: 31px;width: 250px;float: left;}

/************************************************
** Wrapper styles
*************************************************/
.wrapper-outer {position: relative;overflow: hidden;}
#wrapper {position: relative;}
#main-content {margin: 0 auto;position: relative;clear:both;}
#main-content:after {display: block;visibility: hidden;clear: both;height: 0;content: ".";}
.content {float: left;width: calc(100% - 315px);padding-right: 15px;border-right: 1px solid#ddd;}
.container {width: 1200px;margin: 0 auto;position: relative;}
.row {clear: both;width: 100%;margin-bottom: 40px;position: relative;}

/************************************************
** Post Item styles
*************************************************/
.p-thumbnail .td-admin-edit{position: absolute;display: none;top: 0;right: 0;padding: 5px 10px;background: rgba(0,0,0,0.2);color: #fff;z-index: 1;}
.p-thumbnail:hover .td-admin-edit{background: rgba(0,0,0,0.5);display: block;}
.p-thumbnail img {
    width: 100%;
}

.thumb-top .p-thumbnail {position: relative;width: 100%;margin-bottom: 8px;border-radius: 3px;overflow: hidden;}
.thumb-top .p-thumbnail img {width: 100%;}
.thumb-top .p-thumbnail .vid-player {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.thumb-top.over .p-thumbnail .p-entry {color: #fff;z-index: 1;text-transform: capitalize;}
.thumb-top.over .p-thumbnail .p-entry a {color: #fff;font-size: 13px;}
.thumb-top.over .p-thumbnail .p-entry a:hover {color: bisque;}
.thumb-top .p-entry .p-title{font: 700 14px/20px Merriweather, Arial;}
.thumb-top .p-excerpt {line-height: 1.3;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}

.thumb-left .p-thumbnail {position: relative;float: left;width: 100px;margin-right: 10px;border-radius: 3px;overflow: hidden;}
.thumb-left .p-entry{display: inline-block;width: calc(100% - 115px);}
.thumb-left .p-entry .p-title {font: 600 12px/18px Merriweather, Arial;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.thumb-left li {display: inline-block;width: 100%;margin-bottom: 8px;clear: both;}
.widget-container .thumb-left .p-thumbnail {width: 110px;}
.widget-container .thumb-left .p-entry {width: calc(100% - 120px);}

.p-thumbnail .eMagLogo {position: absolute;left: 15px;bottom: 15px;width: 100px;max-width: 40%;}
.p-thumbnail .eMagLogo img {position: relative;z-index: 2;}
.p-entry .p-meta, .p-entry .p-meta a {color: firebrick;font-size: 12px;font-weight: 500;}
.p-entry .p-meta > span {position: relative;display: inline-block;padding-right: 12px;margin-right: 5px;margin-top: 5px;}
.p-entry .p-meta.top > span {margin: 5px 5px 5px 0;}
.p-meta > span:after {content: '•';position: absolute;top: 50%;right: 0;transform: translate(0, -50%);}
.p-meta > span:last-child:after {display: none;}
.p-entry .p-meta .fa{margin-right:3px;}
.p-entry .p-excerpt{margin-top: 5px;font-size: 14px;line-height: 19px;color: #444;}

/************************************************
** Box styles
*************************************************/
.shead{position: relative;z-index: 1;margin-bottom: 15px;border-radius: 3px;text-align: center;border-top: 4px solid #242424;border-bottom: 2px solid #ddd;}
.shead .stitle {position: relative;display: inline-block;padding: 4px 25px 2px 12px;font: 500 16px/28px Oswald, Roboto, Arial;text-transform: uppercase;}
.shead.bg a:hover, .shead.bg .stitle:hover {color:bisque;}
.shead .more {position: absolute;top: 50%;right: 5px;font-size: 25px;line-height: 34px;padding-top: 1px;margin-right: 10px;text-transform: uppercase;transform: translate(0,-50%);}
.shead .view-all {position: absolute;right: 0;top: 50%;font-size: 18px;font-weight: 600;color: #008e8e;transform: translate(0%,-50%);opacity: 0.6;}
.shead:hover .view-all {opacity:1;}

.shead.bg {background: #333;border: 0;}
.shead.bg .stitle, .shead.bg a {color: #fff;}
.shead.bg a:hover,.shead.bg .stitle:hover {}

.shead.full {border-bottom:0;}
.shead.full h2,.shead.full h5{width: 100%;border-left: 4px solid rgb(16, 187, 187);}
.shead.full .view-all, .widget .shead .view-all, #other-news .shead  .view-all {display:none;}
.shead.gray-bg h2,.shead.gray-bg h5 {background: #eee;color: #444;border-color: #ccc !important;}
.shead.blue-bg h2 {background: rgb(68, 68, 68);border-color: rgb(117, 117, 117);}

.slashTitle {position: relative;z-index: 1;color: #fff;float: left;height: 24px;overflow: hidden;background: darkslategray;font: 400 12px/15px Oswald, Roboto, Arial;text-transform: uppercase;margin: 0 4px 0 0;padding: 5px 14px 4px 10px;}
.slashTitle:hover {color:bisque;}
.slashTitle:after, .slashTitle:before {content: '';position: absolute;top: 0;width: 8px;height: 24px;background-color: #fff;-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);z-index: 0;display: none;}
.slashTitle:after {display: block;right: -4px;}

.slashMore {z-index: 1;color: #fff;display: inline-block;font-size: 12px;height: 24px;padding: 5px 8px;position: relative;background-color: #333;}
.slashMore:hover {color:bisque;}
.slashMore:after, .slashMore:before {content: '';position: absolute;top: 0;width: 8px;height: 24px;background-color: #333;-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transform: skewX(-15deg);z-index: 0;display: none;}
.slashMore:before {display: block;left: -4px;}
.slashMore:after {display: block;right: -3px;}

.shead.cbox {display: flex;flex-wrap: wrap;flex-direction: row;text-align: left;width: 100%;padding-bottom: 5px;margin-bottom: 15px;border-top: 0;border-radius: 0;}
.shead.cbox .stitle {font-size: 20px;padding: 0;margin-right: 20px;}
.shead .tabs {float: right;margin-top: 2px;}
.shead .tabs li {display: inline-block;font-size: 80%;margin-right: 10px;}
.shead .tabs li a {color: #666;display: block;font: 400 15px/25px Oswald,Arial;margin-top: 2px;letter-spacing: 0.5px;}
.shead .tabs li:hover a {color: #0b8786;}
.shead .tabs li.active a  {color: #00919f;}
.shead .tabs li:last-child {margin-right:0}

.widget .shead {border-bottom: 0;}
.widget .shead h2,.widget .shead h5 {font-size: 16px;height: 36px;line-height: 22px;background: #176565;border-color: #008e8e;border-radius: 2px;}

.scont {position: relative;}
.scroll-box {position: relative;margin-bottom: 25px;}
.slimScrollDiv .slimScrollBar {background: #ddd!important;right: 0!important;opacity: 1!important;width: 3px!important;display: block!important;}

.post-inner .ad-banner{margin-bottom: 0;}
.ad-banner{text-align: center;margin-bottom: 20px;}
.ad-banner ul li {width: 50%;list-style: none!important;margin:0;}
.view-more-btn {display: block;width: 165px;margin: 0 auto;border-radius: 20px;}

/************************************************
** Block styles
*************************************************/
#crumbs {padding: 8px 0;border-bottom: 1px solid #ddd;font-weight: 500;}
#crumbs .container > span {}
#crumbs .container > span.current {color: #008685;}

#focus {}
#focus .res-wrap {position:relative;display: flex;flex-direction: row;flex-wrap: wrap;}
#focus .has-scroll .post-cat a {font-weight: 500;color: #008685;}
#focus .scont ul li {padding-bottom: 8px;border-bottom: 1px dashed #ddd;}
#focus .scont ul li:last-child {border-bottom:0;padding-bottom: 0;margin-bottom: 0;}

#focus .left-col{width: 316px;height: 100%;margin-right: -1px;border-right: 1px solid #ddd;order: 1;}
#focus .left-col > .scroll-box {overflow: hidden;}
#focus .left-col > .scroll-box:last-child {margin-bottom:0}
#focus .left-col > .scroll-box .shead {margin-right: 15px;border: none;}
#focus .left-col .scont {overflow: hidden;height: 380px;}
#focus .has-scroll {position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding-right: 15px;background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9500175070028011) 15%, rgba(255,255,255,0.804359243697479) 30%, rgba(255,255,255,0) 100%);}

#focus .right-col {order: 3;}
#focus .right-col .has-scroll {padding-left: 15px;padding-right: 0;}
#focus .right-col .slimScrollDiv .slimScrollBar {right: initial!important;}
#focus .right-col .scrollBox {overflow: hidden;height: 410px;margin-left: -15px;}
#focus .right-col .p-thumbnail {float: right;margin-right: 0;}

#focus .center-col {display: flex;flex-direction: column;order: 2;width: calc(100% - 630px);padding: 0 15px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;height: 100%;}
#focus .center-col .first-post {text-align: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;}
#focus .center-col .first-post .p-thumbnail {margin-bottom:10px}
#focus .center-col .first-post.thumb-top .p-entry .p-title,#cat-featured .first-post .p-entry .p-title {font: 700 22px/34px Merriweather, Arial;}

#focus .center-col .other-posts {position: relative;height: 436px;margin-right: -15px;overflow: hidden;}
#focus .center-col .other-posts .has-scroll {padding-right: 15px;}
#focus .center-col .other-posts li {margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px dashed #ddd;}
#focus .center-col .other-posts .p-thumbnail {width: 138px;}
#focus .center-col .other-posts .p-entry {width: calc(100% - 148px);}
#focus .center-col .other-posts .p-entry .p-title {font: 700 14px/21px Merriweather, Arial;}

#headline-posts .scont {padding-bottom: 30px;border-bottom: 2px solid #ddd;}
#headline-posts .swiper-button-next {right: -30px;}
#headline-posts .swiper-button-prev {left: -30px;}

.catBox {display: inline-block;width: 100%}
.catBox .first {float: left;width: 390px;width: 52%;padding-right: 40px;}
.catBox .first .p-title {font-size: 18px;line-height: 26px;max-height: 77px;margin-bottom: 2px;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
.catBox .first .p-meta {margin-bottom: 8px;}
.catBox .other {float: right;width: 48%;}
.catBox .other .item {width: 100%;display: inline-block;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px dashed #ddd;}
.catBox .other .item:last-child {margin-bottom:0; padding-bottom:0;border-bottom:0}
.catBox .other .p-entry .p-title {line-height: 18px;}


/* Author Box*/
.author-box {display: inline-block;width: 100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;}
.author-box .avatar {float: left;width: 100px;border: 1px solid #ddd;padding: 1px;border-radius: 50%;}
.author-box .infos {float: left;width: calc(100% - 100px);padding-left: 10px;}
.author-box .infos h3 {color: #008685;font-weight: 600;font-size: 20px;margin-bottom: 5px;}
.author-box .infos ul.social-icons li {float: left;padding: 0px 5px;font-size: 20px;}
.author-box .infos ul.social-icons li a {display: inline-block;color: #4267b2;line-height: 30px;text-align: center;}
.author-box .infos ul.social-icons li.googleplus a {color: #c91436;}
.author-box .infos ul.social-icons li.twitter a {color: #1b9ffd;}
.author-box .infos .follow { margin-top: 6px;}
.author-box .infos .follow a {color: #4267b2;font-weight: 500;padding-right: 8px;margin-right: 8px;border-right: 2px solid #cdcdcd;}
.author-box .infos .follow a:last-child, #focus .center-col .other-posts li:last-child {border: 0;padding-bottom: 0;margin-bottom: 0;}

/************************************************
** Page Styles
*************************************************/
.page-head {margin-bottom: 10px;overflow: hidden;}
.page-title {display: block;font: 500 30px/34px Oswald,Arial;margin: 20px 0 15px;}
.page-description.entry {font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.page-description.entry p {margin-bottom: 5px;opacity: 0.8;}

/* Category Page Styles */
#cFocus {margin-bottom: 20px;border-bottom: 3px solid #ddd;}
#cFocus .first-post {margin-bottom: 20px;}
#cFocus .first-post article {display: flex;flex-direction: row;flex-wrap: wrap;}
#cFocus .first-post .p-thumbnail {width: calc(100% - 320px);order: 2;border-radius: 3px;overflow: hidden;}
#cFocus .first-post .p-thumbnail img {width:100%}
#cFocus .first-post .p-entry {width: 320px;order: 1;padding-right: 20px;}
#cFocus .first-post .p-entry .p-title {font: 700 18px/26px Merriweather, Arial;}
#cFocus .first-post .p-entry .p-excerpt {margin-top:8px;}

.post-listing {padding-bottom: 15px;margin-bottom: 20px;}
.post-listing .item {display: inline-block;width: 100%;clear: both;margin-bottom: 10px;padding-bottom: 15px;border-bottom: 1px solid #eee;}
.post-listing .p-thumbnail {width: 220px;margin-right: 15px;}
.post-listing .p-entry {float: left;width: calc(100% - 235px);}
.post-listing .p-entry .p-title {font-weight: 600;font-size: 18px;line-height: 26px;}
.post-listing .p-entry .p-meta > span {display: inline-block;margin-bottom: 7px;}
.post-listing .p-entry .p-meta span i.fa{color: #888;margin-right: 4px;font-size: 13px;}
.post-listing .p-entry .p-excerpt {color: #444;line-height: 1.3;margin-top: 0;}

.pagination {width: 100%;overflow: hidden;margin-bottom: 20px;}
.pagination a,.pagination span.extend,.pagination span.current {float: left;margin-right: 3px;color: #777;padding: 3px 7px;}
.pagination a:hover {color: #000;}
.pagination span.current {color: #FFF;background-color: #01a4a3;border-radius: 2px;}
.pagination .pages {float: right;display: block;font-size: 85%;padding: 7px 0 2px;}
.current-cat-wrap .pagination {margin-bottom: 0;border-bottom: 1px solid #ddd;}
.scroller-status {text-align: center;padding: 10px;}
.wpcf7 .form-group label {display: block;margin-bottom: 5px;}
.wpcf7 .form-group {margin-bottom: 5px;}

/************************************************
** Emagazine Page Styles
*************************************************/
#em-header {position: relative;border-bottom: 1px solid #4f94d6;box-shadow: 0 1px 4px #797979;z-index: 99998;}
#em-header .header-content .logo {float: left;width: auto;}
#em-header .center-logo {position: absolute;top: 5px;left: 50%;text-align: center;width: 300px;height: 50px;line-height:60px;transform: translate(-50%,0%);z-index: 2333;}
#em-header .center-logo img{max-height: 100%;}
#em-header .center-logo .page-title{color: #0c7978;line-height: 60px;font-weight: bold;font-family: initial;letter-spacing: 2.1px;}
#em-header .center-logo .page-title .e-char {color: #d0032a;}
#em-header .right-content {float:right;margin-right:20px;margin-top:20px;}
.e-magazine.single #main-content {margin-top: 0;}
#em-posts ul.post-list {}
#em-posts ul.post-list li.big-item {display: inline-block;width: 100%;margin-bottom: 15px;}
#em-posts .big-item h2.p-title {font-size: 20px;line-height: 26px;}
#em-posts ul.post-list li.half-item{float: left;width: calc((100% - 20px) / 2 );margin-bottom: 15px;}
#em-posts ul.post-list li.half-item.first{margin-right: 20px;}
#em-posts ul.post-list li.thumb-left{display: inline-block;width: 100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #ddd;}
#em-posts ul.post-list li.thumb-left .p-thumbnail{width: 300px;margin-right: 15px;}
#em-posts ul.post-list li.thumb-left > .p-entry{display: inline-block;width: calc(100% - 315px);}
#em-orther-posts, .e-magazine #respond {display: block;max-width: 900px;margin: 0 auto 25px;}
#em-the-post .share-btns, #em-the-post #respond, #em-the-post .the_tags_outer {display: block;max-width: 900px;margin: 0 auto 15px;}
#em-the-post .post-content p, #em-the-post .post-content blockquote, #em-the-post .post-content h1, #em-the-post .post-content h2, #em-the-post .post-content h3, #em-the-post ol, #em-the-post ul {width: 655px;max-width: 100%;margin: 15px auto;}

/* Suggest box */
#suggest {visibility: hidden;opacity: 0;position: fixed;bottom: 0;right: 0;width: 380px;z-index: -1;border: 1px solid #ddd;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#suggest.active {visibility: visible;opacity: 1;z-index: 999;}
#suggest .close-btn {background: #fff;position: absolute;top: -1px;right: -1px;width: 15px;height: 15px;font-weight: bold;line-height: 13px;z-index: 9;color: #666;text-align: center;border: 1px solid #ccc;opacity: 0.7;}
#suggest .single-slide {}
#suggest .single-slide .swiper-slide {background: #fdfdfd;box-shadow: 0 0 4px #000;overflow-y: hidden;}
#suggest .single-slide .p-thumbnail {float: left;width: 130px;height: 80px;margin-right: 0;border-radius: 0;}
#suggest .single-slide .p-thumbnail > a > img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#suggest .single-slide .p-thumbnail .eMagLogo {width: 50px;left: -9px;top: 8px;}
#suggest .swiper-slide .p-entry {position: absolute;top: 0;left: 0;right: 0;padding: 10px 10px 10px 140px;width: 100%;background: transparent;}
#suggest .swiper-slide .p-entry .p-meta {display:none;}
#suggest .swiper-slide .p-entry .post-box-title {font-size: 14px;font-weight:500;line-height: 20px;color: #fff;}
#suggest .swiper-slide .p-thumbnail .thumb-link:before {background: -moz-linear-gradient(top, transparent 40%, #000 100%);background: -webkit-linear-gradient(top, transparent 40%, #000 100%);background: -o-linear-gradient(top, transparent 40%, #000 100%);background: -ms-linear-gradient(top, transparent 40%, #000 100%);background: linear-gradient(to bottom, transparent 40%, #000 100%);}

/************************************************
** Single Post Page Styles
*************************************************/
/* Post Head Styles */
.single-post-thumb img {width: 100%;}
.single-post-caption {display: inline-block;width: 100%;padding: 7px;line-height: 18px;text-align: center;color: #767676;background: #F3F3F3;}
.google-map iframe {width: 100%;}
.single-audio {opacity: 0.5;margin-top: -30px;}
.single-audio:hover {opacity: 1;}

/* Post Styles  */
#the-post {position: relative;z-index: 3;padding-right: 30px;}
#the-post .tp-wrap {float: right;width: 780px;max-width: 100%;margin: 0 auto;}
#the-post #share-btn {float: left;width: 60px;margin-top: 180px;text-align: center;}
#the-post .pc-wrap {float: left;width: calc(100% - 60px);padding-left: 30px;margin-bottom: 40px;border-left: 1px solid #ddd;}
#the-post .pc-wrap .post-content {}

#the-post .post-head .p-title, #hot-article .p-title {font: 600 30px/40px Merriweather, Arial;margin-bottom: 15px;}
#the-post .post-head .p-meta {position: relative;display:inline-block;width:100%;color: #777;border-top: 2px solid #eaeaea;border-bottom: 2px solid #eaeaea;margin-bottom: 15px;height: 35px;line-height: 35px;}
#the-post .post-head .p-meta a {color:#777;}
#the-post .post-head .p-meta a:hover {color: #000;}
#the-post .post-head .p-meta > span {margin-right: 5px;padding-right: 15px;position: relative;}
#the-post .post-head .p-meta i.fa{margin-right: 2px;}

#the-post .post-head .p-meta .right-col {float: right;padding: 2px 0;}
#the-post .post-head .p-meta .right-col .sharethis-inline-share-buttons .st-btn {height: 27px;width: 27px;line-height: 27px;padding: 0;text-align: center;margin-right: 4px;}
#the-post .post-head .p-meta .right-col .sharethis-inline-share-buttons .st-btn > img {top: 6px;}

/* Share Styles */
#share-btn .sharethis-inline-share-buttons {text-align: center;display: flex;flex-direction: column;align-items: center;}
#share-btn .theiaStickySidebar {display: flex;flex-direction: column;align-items: center;}
#share-btn #st-1 .st-btn {display: inline-block!important;text-align: center;width: 30px;height: 30px;padding: 0;top: 0!important;margin-right: 0;margin-bottom: 4px;}
#share-btn #st-1 .st-btn img {top: 7px;}
#share-btn .zalo-share-button {}
#share-btn .safechat-share-btn {border-radius: 4px;margin-bottom: 4px;background: #de642b;background: linear-gradient(0deg, rgb(222, 100, 43) 0%, rgb(234, 122, 47) 50%, rgb(253, 162, 58) 100%);display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#share-btn .safechat-share-btn img {margin-left: -1px;width: 17px;-webkit-filter: drop-shadow(0px 0px 1px #444);filter: drop-shadow(0px 0px 1px #444);}

#float-share {position: fixed;top: 50%;left: 0;width: 48px;transform: translate(0, -50%);z-index: 111;}
#float-share .zalo-share-button {background: #03a5fa;width: 48px!important;height: 40px!important;padding: 0 4px 4px;border-bottom-right-radius: 4px;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#float-share .sharethis-inline-share-buttons {width: 48px;height: auto;}
#float-share .sharethis-inline-share-buttons .st-btn {display: block!important;width: 48px;height: 40px;border-radius: 0;margin-right: 0;opacity: 0.9;border-radius: 0;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
#float-share .sharethis-inline-share-buttons .st-btn:hover {top: 0;width: 70px;border-radius: 0 3px 3px 0;opacity: 1;}
#float-share .sharethis-inline-share-buttons .st-btn > img {position: absolute;top: 50%;left: 50%;width: 22px;height: auto;transform: translate(-50%,-50%);}
#float-share .sharethis-inline-share-buttons .st-btn.st-first {border-top-right-radius: 3px;}

#feature-video .p-title {font-size: 20px;line-height: 30px;}
#the-post .wide-box {margin-bottom: 25px;clear: both;}
.fluid-width-video-wrapper {margin-bottom: 20px;display:grid;width: 100%;position: relative;padding: 0;}
.fluid-width-video-wrapper > iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Post Entry */
.entry a {color: firebrick;}
.entry {line-height: 150%;text-align: justify;}
.entry twitter-widget {clear:both;margin: 10px auto;}
.entry p {font-size: 17px;margin-bottom: 20px;}
.entry img {max-width: 100%;height: auto;}
.entry iframe {max-width: 100%;}
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {margin-bottom: 10px;line-height: 140%;font-family: Merriweather, Arial;font-weight: 600;}
.entry h1{font-size: 22px;}
.entry h2{font-size: 20px;line-height: 32px;}
.entry h3{font-size: 18px;line-height: 26px;}
.entry h4{font-size: 18px;}
.entry h5, .entry h6{font-size: 17px;}
.entry ol,.entry ul {margin-bottom: 30px;padding-left: 20px;}
.entry ul li {list-style: outside disc;list-style-image: none;}
.entry ol li {list-style: outside decimal;}
.entry li {margin: 0 0 5px 0;}
.entry li ul,.entry li ol {margin: 5px 0 0 15px;}
.entry #user-login ul {margin-bottom: -5px;}
.entry table {border-spacing: 0;width: 100%;border: 1px solid #ddd;border-collapse: separate;margin-bottom: 1.5em;}
.entry table tr:nth-child(even) {background: #F9F9F9;}
.entry table td,.entry table th {padding: .4em;text-align: left;border-right: 1px dotted #eee;}
.entry table thead th {background: #F4F4F4;border-right: 1px solid #eee;border-bottom: 1px solid #eee;text-transform: uppercase;padding: 0.7em .4em;vertical-align: middle;}
.entry table tbody th {background: #F4F4F4;border-bottom: 1px solid #eee;}
.entry table tbody td {border-bottom: 1px solid #eee;}
.entry table tr th:last-child,.entry table tr td:last-child {border-right: 0;}
.entry table tbody tr:last-child td,.entry table tbody tr:last-child th {border-bottom: 0;}
.entry table .post-ad, blockquote .post-ad { display: none!important;}

.gallery {margin: 0 auto 18px;clear: both;}
.gallery .gallery-item {display: inline-block;padding: 10px;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery .gallery-item img {height: auto;margin: 0 auto;-webkit-transition: all .40s;-moz-transition: all .40s;-o-transition: all .40s;transition: all .40s;}
.gallery .gallery-item a:hover img {opacity: 0.6!important;margin: -5px 0 5px;}
.gallery-caption {color: #888;margin: 0 0 12px;}
.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {display: none;}
.gallery br+br {display: none;}
.attachment img {display: block;margin: 0 auto;}

.entry .wp-block-image figcaption, .entry .wp-block-audio figcaption, .entry .wp-block-gallery .blocks-gallery-caption, .entry .wp-block-embed figcaption {text-align: center;color: #666;}
.entry .wp-block-gallery {margin-bottom: 30px;}
.entry .wp-block-gallery ul {margin-bottom: 0;padding-left: 0;}
.entry .wp-block-embed, .entry .wp-block-cover, .entry .wp-block-media-text {margin-bottom: 20px;}
.entry .wp-block-embed.aligncenter {display: block;text-align: center;}
.entry .wp-block-cover, .entry .wp-block-cover-image {line-height: initial;}
.entry .wp-block-code {font-family: Menlo, Consolas, monaco, monospace;font-size: 14px;color: #23282d;padding: 0.8em 1em;border: 1px solid #e2e4e7;border-radius: 4px; }
.entry .wp-block-preformatted pre {font-family: Menlo, Consolas, monaco, monospace;font-size: 14px;color: #23282d; }
.entry .wp-block-pullquote {border-top: 4px solid #555d66;border-bottom: 4px solid #555d66;color: #40464d;margin-bottom: 25px;}
.entry .wp-block-pullquote cite,.wp-block-pullquote footer, .wp-block-pullquote__citation {color: #40464d;text-transform: uppercase;font-size: 13px;font-style: normal; }
.entry .wp-block-quote {margin: 20px 0;}
.entry .wp-block-quote cite,.wp-block-quote footer, .wp-block-quote__citation {color: #6c7781;font-size: 13px;margin-top: 1em;position: relative;font-style: normal; }
.entry .wp-block-quote:not(.is-large):not(.is-style-large) {border-left: 4px solid #000;padding-left: 1em; }
.entry .wp-block-separator {border: none;border-bottom: 2px solid #8f98a1;margin: 1.65em auto; }
.entry .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 100px; }
.entry .wp-block-table {width: 100%;min-width: 240px;border-collapse: collapse; }
.entry .wp-block-table td,.wp-block-table th {padding: 0.5em;border: 1px solid currentColor;word-break: break-all; }
.entry pre.wp-block-verse {overflow: auto;color: inherit;background: transparent;border: none;font: inherit;}

.navigation {margin: 10px 0;clear: both;overflow: hidden;}
.nav-previous {float: left;}
.nav-next {float: right;}
.page-link {margin: 15px 0 0;padding: 10px;background: #f6f6f6;clear: both;}
.page-link a {color: #FFF;padding: 5px 6px;background: #999;}
.page-link a:hover {background: #777;}
.edit-link {clear: both;display: block;margin-top: 10px;}

img,img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {max-width: 100%;height: auto;vertical-align: middle;}
img.centered,img.aligncenter {display: block;margin: 5px auto;}
img.alignright {margin: 5px 0 5px 25px;display: inline;}
img.alignleft {margin: 5px 25px 5px 0;display: inline;}
.wp-caption {line-height: 130%;max-width:100%;margin: 0 auto 15px;text-align: center;box-shadow: none;}
.wp-caption .wp-caption-text {color: #777;padding: 5px 10px;}
.wp-caption.alignleft {margin-right: 25px;}
.wp-caption.alignright {margin-left: 25px;}
.wp-caption img {max-width: 100%!important;border-radius: 5px;}
.wp-caption p.wp-caption-text {color: #888;padding: 4px 0;margin: 0;}

.the_tags_outer {clear: both;border-bottom: 1px solid #E6E6E6;margin: 15px 0px 10px;}
.the_tags_outer .post-cats,.the_tags_outer .post-tags{display:inline-block;width:100%;}
.the_tags_outer .tag-title {float: left;font-size: 14px;font-weight: 600;margin-right: 10px;}
.the_tags_outer a{float: left;font-size: 14px;margin-right: 10px;margin-bottom: 5px;text-transform: capitalize;}
.the_tags_outer a:hover{}

.mejs-container {margin-bottom: 20px;}
.mejs-container.wp-audio-shortcode {width: 100%;}
.mejs-container.wp-video-shortcode,.wp-video {width: 100%!important;height: auto!important;}
.mejs-container.wp-video-shortcode.mejs-video {padding-top: 57%;}
.mejs-overlay,.mejs-poster {width: 100%!important;height: 100%!important;}
.mejs-mediaelement video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%!important;height: 100%!important;}
.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {background-color: #2C4097;}
.mejs-container .mejs-controls a:focus>.mejs-offscreen {color: #000;}

.single-post-video {display: inline-block;width: 100%;padding-bottom: 56%;position: relative;z-index: 2;margin-bottom: 10px;overflow: hidden;}
.single-post-video iframe, .single-post-video .player-wrap {position: absolute !important;top: 0;left: 0;width: 100%;height: 100%;}
.single-post-video .player-wrap .video-js, .single-post-video .player-wrap .video-js .vjs-tech {width:100%;height: 100%;}
#hot-article {position: relative;margin-top: 40px;margin-bottom: 20px;border-top: 5px solid #242424;}
#hot-article .box-title {width: 100%;text-align: center;padding: 8px 10px;font: 500 20px/28px Oswald, Roboto, Arial;text-transform: uppercase;margin-bottom: 20px;border-bottom: 2px solid #ddd;}
#hot-article .the_tags_outer {border-bottom: 0;margin-bottom: 0;}

/************************************************
** Footer Styles
*************************************************/
#theme-footer {position: relative;width: 100%;padding: 40px 0;background: #242424;font-family: 'Oswald';color: #fff;z-index: 4;}
#theme-footer .container {display: flex;flex-wrap: wrap;flex-direction: row;}
#theme-footer a {color: #eee;}
#theme-footer a:hover {color:bisque}

#theme-footer .left-col {display: flex;flex-wrap: wrap;flex-direction: column;width: 200px;height: 100%;padding-right: 30px;}
#theme-footer .fter-logo {margin-bottom: 30px;}

.fter-menu {display: inline-block;width: 100%;margin-bottom: 20px;}
.fter-menu li {margin-bottom: 8px;}
.fter-menu li a {font-size: 16px;font-weight: 400;padding-right: 10px;}
.fter-menu li:last-child a{border-right:0}
.fter-bot .copy-right {line-height: 45px;float: right;font-size: 16px;text-transform: uppercase;font-weight: 500;}

#theme-footer .right-col {display: inline-block;flex-grow: 1;width: calc(100% - 230px);padding-left: 10px;border-left: 1px solid #686868;}
#theme-footer .right-col ul.menu > li {float: left;width: 25%;padding: 10px 20px;}
#theme-footer .right-col ul.menu > li:nth-child(4n+1) {clear: both;}
#theme-footer .right-col ul.menu > li > a {display: inline-block;width: 100%;font-weight: 400;font-size: 18px;line-height: 25px;margin-bottom: 5px;}
#theme-footer .right-col ul.menu ul.sub-menu {margin-left: 12px;}
#theme-footer .right-col ul.menu ul.sub-menu > li {}
#theme-footer .right-col ul.menu ul.sub-menu > li > a {font-size: 14px;font-weight: 300;line-height: 22px;}

#topcontrol {z-index: 99;background: #02aca9;border: 1px solid #028c89;width: 40px;height: 40px;text-align: center;font-size: 24px;position: fixed;bottom: -100px;right: 10px;cursor: pointer;opacity: 0.7;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
#topcontrol:before {width: 40px;height: 40px;line-height: 35px;color: #FFF;}
#topcontrol:hover {opacity: 1;}

/************************************************
** Sidebar & Widget Styles
*************************************************/
#left-sidebar.sidebar {float:left;width: 315px;padding-left: 0;padding-right: 15px;border-left: 0;}
.sidebar{float: right;width: 316px;border-left: 1px solid #ddd;padding-left: 15px;margin-left: -1px;}
.full-width .sidebar {display: none!important;}
.sidebar-left .sidebar {float: left;}
.sidebar-left .content {float: right;}
.theiaStickySidebar:after {content: "";display: table;clear: both;}
.widget {clear: both;margin: 0 0 25px;}
.widget:last-child {margin-bottom: 0;}

.widget-top {position: relative;background: #333;z-index: 1;color: #fff;margin-bottom: 12px;border-radius: 3px;text-align: center;}
.widget-top h2{position: relative;display: inline-block;color: #fff;padding: 4px 25px 2px 12px;font: 500 16px/28px Oswald, Roboto, Arial;text-transform: uppercase;}
.widget-top h2 a {color:#fff}
.widget-top h2:hover {color:bisque;}
.widget-top a.more {position: absolute;top: 50%;right: 5px;color: #fff;font-size: 25px;line-height: 34px;padding-top: 1px;margin-right: 10px;text-transform: uppercase;transform: translate(0,-50%);}

.widget-container {clear: both;}
.widget-container ul li{display: inline-block;width: 100%;margin-bottom: 8px;padding-bottom: 8px;border-bottom: 1px dashed #ddd;}
.widget-container ul li:last-child {border-bottom:0;margin-bottom:0;padding-bottom:0}
.widget-container .thumb-left .p-title {}
.widget-container .thumb-left .p-meta-author, .widget-container .thumb-left .p-meta-author a {color: #008584;font-weight: bold;}
.widget-container span.view-more a,.extra-column span.view-more a {position: inherit;float: right;}

.widget.posts-list .widget-container.scrollBox {margin-right: -1px;}
.widget.posts-list .widget-container.scrollBox ul.has-scroll {padding-right: 10px;height: 400px;}

.facebook-box {text-align: center;}
.google-box {text-align: center;position: relative;overflow: hidden;}

#tabbed-widget .tabs-wrap li:last-child,.comments-avatar .widget-container li:last-child,.posts-list .widget-container li:last-child,.categort-posts .widget-container li:last-child,.authors-posts .widget-container li:last-child {border-bottom: 0 none;}
#tabbed-widget .widget-top {background: #F7F7F7;}
.tabs-wrap,.cat-tabs-wrap {clear: both;display: none;}
.tabs-wrap#tab1,.cat-tabs-wrap.cat-tabs-wrap1 {display: block;}
#tabbed-widget ul.tabs li {float: left;position: relative;line-height: 30px;padding: 0;background: transparent;width: 33.3%;text-align: center;}
#tabbed-widget ul.tabs li a {display: inline-block;background: #eee;text-align: center;color: #666;border: 1px solid #ccc;text-shadow: 0 1px 0 #FFF;padding: 0;line-height: 35px;width: 100%;}
#tabbed-widget ul.tabs li a:hover {color: #000;}
#tabbed-widget ul.tabs li.active a {background: #FFF;}
#tabbed-widget .tabs-wrap.tagcloud {font-size: 0;}
#tabbed-widget .tabs-wrap.tagcloud a {padding: 6px 8px;background: #F7F7F7;display: inline-block;margin: 0 1px 1px 0;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s;}
#tabbed-widget .tabs-wrap.tagcloud a:hover {background: #333;color: #FFF;text-decoration: none;}

/************************************************
** Comment Styles
*************************************************/
#respond {margin-bottom: 10px;position: relative;clear: both;}
#respond:before {height: 1px;}
#respond h3 {font-size: 22px;font-family: Roboto,arial,serif;}
#comments-box .post-listing {padding: 20px 20px 0;margin-bottom: 40px;}
#comments-title em {color: #333;}
.comment-avatar {float: left;margin: 0 10px 0 0;}
.commentlist li {position: relative;margin-bottom: 20px;clear: both;}
.author-comment {overflow: hidden;position: relative;margin-bottom: 5px;}
.author-comment cite {color: #3b3b3b;position: relative;display: block;margin-bottom: 2px;padding-top: 5px;font-style: normal;font-weight: bold;float: left;}
.commentmetadata {display: block;font-size: 85%;float: right;padding-top: 5px;}
.commentmetadata a {color: #3b3b3b;}
.commentmetadata a:hover {color: #000;}
.comment-wrap {position: relative;border-bottom: 1px solid #E7E7E7;}
.comment-wrap iframe {width:100%!important}
.comment-content {position: relative;display: block;overflow: hidden;padding-bottom: 15px;margin-left: 80px;min-height: 80px;}
.comment-content p {line-height: 17px;margin-bottom: 10px;}
.nocomments {text-align: center;}
.commentlist li.pingback {padding: 5px 10px;border-bottom: 1px solid #ddd;}
.commentlist .children {margin-top: 15px;margin-left: 50px;}
.commentlist .reply a {position: absolute;bottom: 0;right: 0;background: #E7E7E7;padding: 3px 10px;font-size: 11px;}
.commentlist .reply a:hover {background: #333;color: #FFF;}

/************************************************
** ADS Styles
*************************************************/
.post-ad {text-align: center}
.post-ad:before {font: 500 14px/1.6 Roboto,Arial;display: block;color: #333;width: 94%;max-width: 960px;margin: 0 auto 10px;content: "Quảng Cáo";}
.e3lan-top {float: right;line-height: 0;}
.e3lan-bottom,.e3lan-below_header {line-height: 0;margin: 15px auto 20px;text-align: center;position: relative;}
.e3lan-post {line-height: 0;margin: 0 auto 20px;text-align: center;}
.home-e3lan {clear: both;display: inline-block;width: 100%;margin: 15px auto;text-align: center;min-height: 1px;overflow: hidden;}
.e3lan-top iframe,.e3lan-bottom iframe,.home-e3lan iframe,.e3lan-post iframe,.e3lan-below_header iframe {margin: 0 auto;}
.e3lan-top img,.e3lan-bottom img,.home-e3lan img,.e3lan-post img,.e3lan-below_header img {max-width: 100%;height: auto;}
.e3lan-top ins,.e3lan-bottom ins {width: 728px;height: 90px;}
.home-e3lan ins,.e3lan-post ins {width: 468px;height: 60px;}
.ads-banner {display: block;width: 100%;text-align: center;padding: 15px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.ads-banner-fluid {display: block;border-bottom: 1px solid #e6e6e6;padding: 15px;text-align: center;overflow: hidden;}
.post-ads {display: block;margin: 15px;text-align: center;}
.bsadsbase {width: 180px;text-align: center;}
.bsadsheadline {display: none;opacity: 1.0;height: auto;width: auto;position: absolute;top: 170px;color: #333;padding: 0;z-index: 1001;font-size: 13px;z-index: 999;}
.bsadsheadline.float-fixed {position: fixed;}
.e3lan-widget-content{margin-bottom: 20px;text-align: center;}
.e3lan-widget-content:last-child {margin-bottom:0}

/************************************************
** Tooltip Styles
*************************************************/
a.ttip,a.tooldown {display: block;}
.tipsy {font-size: 13px;position: absolute;padding: 5px;z-index: 100000;}
.tipsy-inner {background-color: #000;border: 1px solid #595656;color: #FFF;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 5px dashed #000;}
.tipsy-arrow-n {border-bottom-color: #000;}
.tipsy-arrow-s {border-top-color: #000;}
.tipsy-arrow-e {border-left-color: #000;}
.tipsy-arrow-w {border-right-color: #000;}
.tipsy-n .tipsy-arrow {top: 0;left: 50%;margin-left: -5px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-nw .tipsy-arrow {top: 0;left: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-ne .tipsy-arrow {top: 0;right: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-s .tipsy-arrow {bottom: 1px;left: 50%;margin-left: -5px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-sw .tipsy-arrow {bottom: 0;left: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-se .tipsy-arrow {bottom: 0;right: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-e .tipsy-arrow {right: 0;top: 50%;margin-top: -5px;border-left-style: solid;border-right: none;border-top-color: transparent;border-bottom-color: transparent;}
.tipsy-w .tipsy-arrow {left: 0;top: 50%;margin-top: -5px;border-right-style: solid;border-left: none;border-top-color: transparent;border-bottom-color: transparent;}
#sitemap {overflow: hidden;padding-top: 10px;}
.sitemap-col {float: left;margin: 0 2% 10px 0;width: 23.5%;}
#sitemap .last {margin-right: 0;}
.sitemap-col h2 {color: #111;font-size: 24px;font-family: Roboto,arial,serif;border-bottom: 1px solid #e9e9e9;padding-bottom: 5px;}
.sitemap-col ul {padding-left: 0;margin-left: 0;}
.sitemap-col ul li {list-style-position: inside;}
.sitemap-col ul li a {padding: 4px 0 4px;display: inline-block;}

.post-content-slideshow-outer {padding: 10px 0;border-bottom: 4px solid #f2f2f2;margin: 10px 0 20px;clear: both;}
.post-content-slideshow {padding-bottom: 80px;position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.post-content-slide {width: 100%!important;height: auto!important;top: 40px!important;display: none;}
.post-content-slide:nth-child(2) {display: block;}
.post-tslideshow-nav-outer {height: 30px;}
.post-tslideshow-nav-outer-bottom {height: 30px;bottom: 0;position: absolute;width: 100%;}
.post-slideshow-nav {display: inline-block;text-align: center;padding: 5px 0;}
.post-slideshow-nav a {background: #b4b4b4;width: 10px;height: 10px;text-indent: -9999px;overflow: hidden;display: inline-block;margin: 2px 2px 0;-webkit-transition: all .40s;-moz-transition: all .40s;-o-transition: all .40s;transition: all .40s;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.post-slideshow-nav a:hover {background: #939393;}
.post-slideshow-nav a.activeSlide {background: #666;}
a.post-slideshow-next,a.post-slideshow-prev {background: #2C4097;padding: 3px 15px;cursor: pointer;overflow: auto;color: #FFF;float: right;margin-left: 5px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
a.post-slideshow-next:hover,a.post-slideshow-prev:hover {background: #444;}
.google-map.alignleft {margin-right: 10px;}
.google-map.alignright {margin-left: 10px;}
.google-map.aligncenter {text-align: center;}
.post-tooltip {cursor: pointer;display: inline-block;border-bottom: 1px #666 dotted;color: #ed5109;}
.post-tooltip:hover {border-bottom-color: #ed5109;}
.highlight {background: #FF9;color: #FFF;}
.highlight-yellow {background: #FF9;color: #222;}
.highlight-red {background: #F43D2A;}
.highlight-blue {background: #3DB2EA;}
.highlight-orange {background: #F97405;}
.highlight-black {background: #000;}
.highlight-green {background: #8CCB0A;}
.highlight-gray {background: #999;}
.highlight-pink {background: #FF7979;}
.dropcap {display: block;float: left;margin: 0 8px 0 0;font-size: 50px;line-height: 50px;font-family: Arial,"helvetica neue",Helvetica,Verdana,sans-serif;}
.tie-list-shortcode ul {margin-left: 0!important;margin-right: 0!important;}
.tie-list-shortcode li {list-style: none!important;padding-left: 20px;}
.tie-list-shortcode ul li:before {margin-right: 5px;margin-left: -20px;}
.tie-list-shortcode.starlist ul li:before {content: "\f005";color: #fbd606;}
.tie-list-shortcode.checklist ul li:before {content: "\f00c";color: #7fb718;}
.tie-list-shortcode.lightbulb ul li:before {content: "\f0eb";color: #fbd606;}
.tie-list-shortcode.thumbup ul li:before {content: "\f164";color: #7fb718;}
.tie-list-shortcode.thumbdown ul li:before {content: "\f165";color: #f01818;}
.tie-list-shortcode.plus ul li:before {content: "\f0fe";color: #555;}
.tie-list-shortcode.minus ul li:before {content: "\f146";color: #555;}
.tie-list-shortcode.heart ul li:before {content: "\f004";color: #FF7979;}
.tie-list-shortcode.cons ul li:before {content: "\f00d";color: #f01818;}

.box {padding: 20px;background-color: #F6F6F6;margin-bottom: 20px;word-wrap: break-word;}
.box div.box-inner-block {padding-left: 70px;min-height: 50px;}
.box .tie-shortcode-boxicon {float: left;margin-left: -70px;}
.box .tie-shortcode-boxicon:before {line-height: 60px;height: 60px;width: 60px;font-size: 60px;margin: 0;}
.box.shadow {border: 1px solid #ddd;-webkit-box-shadow: 0 0 5px rgba(153,153,153,0.6);-moz-box-shadow: 0 0 5px rgba(153,153,153,0.6);box-shadow: 0 0 5px rgba(153,153,153,0.6);}
.box.shadow div.box-inner-block {padding: 0;}
.box.info {background: #d6f6ff;border-color: #BFE3EC;}
.box.info .tie-shortcode-boxicon:before {content: "\f05a";color: #2CB4DA;}
.box.success {background: #e2f2cb;border-color: #D1E4B7;}
.box.success .tie-shortcode-boxicon:before {content: "\f05d";color: #8AB84D;}
.box.warning {background: #fffddb;border-color: #E9E59E;}
.box.warning .tie-shortcode-boxicon:before {content: "\f071";color: #ECC21B;}
.box.error {background: #ffe6e2;border-color: #EEBFB8;}
.box.error .tie-shortcode-boxicon:before {content: "\f05e";color: #F03317;}
.box.download {background: #e2f2cb;border-color: #D1E4B7;}
.box.download .tie-shortcode-boxicon:before {content: "\f019";color: #8AB84D;}
.box.note {background: #fffddb;border-color: #E9E59E;}
.box.note .tie-shortcode-boxicon:before {content: '\f15c';color: #ECC21B;}
a.shortc-button {border: none;cursor: pointer;padding: 0 10px;display: inline-block;margin: 10px 0 0;font-weight: 700;outline: none;position: relative;background: #bdc3c7;color: #fff!important;text-decoration: none;font-size: 10px;height: 25px;line-height: 25px;opacity: .9;overflow: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
a.shortc-button:hover {opacity: 1;}
a.shortc-button:active {top: 1px;}
a.shortc-button i {margin-right: 10px;}
a.shortc-button.red {background: #e74c3c;}
a.shortc-button.green {background: #2ecc71;}
a.shortc-button.blue {background: #3498db;}
a.shortc-button.orange {background: #e67e22;}
a.shortc-button.pink {background: #ff00a2;}
a.shortc-button.purple {background: #9b59b6;}
a.shortc-button.black {background: #222;}
a.shortc-button.white {background: #ecf0f1;color: #333!important;}
a.shortc-button.medium {font-size: 14px;height: 45px;line-height: 45px;padding: 0 15px;}
a.shortc-button.big {font-size: 24px;height: 65px;line-height: 65px;padding: 0 20px;}
.toggle {margin-bottom: 15px;border: 1px solid #eee;position: relative;}
.toggle h3 {background: #F1F1F1;font-weight: normal;font-size: 14px;padding: 10px;margin: 0;cursor: pointer;-webkit-transition: background .2s ease;-moz-transition: background .2s ease;-o-transition: background .2s ease;transition: background .2s ease;}
.toggle h3:hover {background: #E7E7E7;}
h3.toggle-head-close {display: none;}
h3.toggle-head-open i,h3.toggle-head-close i {float: right;font-size: 16px;}
.toggle-content {padding: 25px;}
.toggle.close .toggle-content,.toggle.close h3.toggle-head-open {display: none;}
.toggle.close h3.toggle-head-close {display: block;}
.author-info {margin-bottom: 15px;border: 1px solid #EEE;padding: 25px;position: relative;}
.author-info-content {padding-left: 100px;}
.author-info-content h3 {font-weight: normal;font-size: 16px;margin-bottom: 15px;margin-top: 0;}
.author-info img.author-img {max-width: 70px;float: left;margin-right: 15px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth {position: relative;margin-right: 4%;float: left;}
.one_half {width: 48%;}
.one_third {width: 30.66%;}
.two_third {width: 65.33%;}
.one_fourth {width: 22%;}
.three_fourth {width: 74%;}
.one_fifth {width: 16.8%;}
.two_fifth {width: 37.6%;}
.three_fifth {width: 58.4%;}
.four_fifth {width: 67.2%;}
.one_sixth {width: 13.33%;}
.five_sixth {width: 82.67%;}
.entry .last {margin-right: 0!important;clear: right;}
.post-tabs {margin-bottom: 20px;border: 1px solid #eee;}
.post-tabs ul.tabs-nav {margin: 0;background: #f1f1f1;}
.post-tabs ul.tabs-nav li,.post-tabs-ver ul.tabs-nav li {line-height: 32px;cursor: pointer;display: table-cell;width: 1%;margin: 0;padding: 0;text-align: center;border: 1px solid #FFF;border-width: 0 1px 0 0;-webkit-transition: background .2s ease;-moz-transition: background .2s ease;-o-transition: background .2s ease;transition: background .2s ease;}
.post-tabs ul.tabs-nav li:last-child,.post-tabs-ver ul.tabs-nav li:last-child {border: 0;}
.post-tabs ul.tabs-nav li:hover,.post-tabs-ver ul.tabs-nav li:hover {background: #E7E7E7;}
.post-tabs ul.tabs-nav li {text-align: center;}
.post-tabs ul.tabs-nav li.current {background: #FFF;z-index: 1;height: 33px;}
.post-tabs .pane,.post-tabs-ver .pane {display: none;padding: 25px;}
.post-tabs .pane:first-child,.post-tabs-ver .pane:first-child {display: block;}
.post-tabs-ver {margin-bottom: 20px;}
.post-tabs-ver ul.tabs-nav {position: relative;left: 1px;float: left;width: 25%;margin: 0;background: #f1f1f1;border: 1px solid #eee;border-width: 1px 0 1px 1px;}
.post-tabs-ver ul.tabs-nav li {display: block;width: 100%;padding: 0 8px;border: 0 none;border-bottom: 1px solid #FFF;}
.post-tabs-ver ul.tabs-nav li.current {background: #FFF;z-index: 1;}
.post-tabs-ver .pane {float: left;width: 75%;border: 1px solid #eee;}
.tie-full-width-img img {height: auto;margin-right: -20px;margin-left: -20px;width: 660px;left: 0;max-width: none;margin-bottom: 10px;}
.post-cover .tie-full-width-img img {width: 680px;margin-right: -24px;margin-left: -24px;}
.full-width .tie-full-width-img img {width: 997px;}
.full-width .post-cover .tie-full-width-img img {width: 1045px;margin-right: -24px;margin-left: -24px;}
.ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder,.ilightbox-holder .ilightbox-container,.ilightbox-holder .ilightbox-container img.ilightbox-image,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-toolbar *,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social,.ilightbox-holder .ilightbox-container .ilightbox-social * {float: none;margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;line-height: 100%;vertical-align: baseline;background: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-o-user-select: none;user-select: none;}
.ilightbox-overlay,.ilightbox-loader,.ilightbox-loader *,.ilightbox-holder .ilightbox-container .ilightbox-caption,.ilightbox-toolbar,.ilightbox-thumbnails,.ilightbox-thumbnails *,.ilightbox-holder .ilightbox-container .ilightbox-social {-webkit-transform: translateZ(0);-moz-transform: translateZ(0);}
.ilightbox-noscroll {overflow: hidden;}
.ilightbox-closedhand * {cursor: url(css/ilightbox/closedhand.cur),default!important;}
.ilightbox-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100000;}
.ilightbox-loader {position: fixed;z-index: 100005;top: 45%;left: -192px;padding-left: 30px;opacity: 0.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-webkit-border-radius: 0 100px 100px 0;border-radius: 0 100px 100px 0;}
.ilightbox-loader div {width: 72px;height: 72px;-webkit-border-radius: 0 100px 100px 0;border-radius: 0 100px 100px 0;}
.ilightbox-loader.horizontal {left: 45%;top: -192px;padding: 0;padding-top: 30px;-webkit-border-radius: 0 0 100px 100px;border-radius: 0 0 100px 100px;}
.ilightbox-loader.horizontaldiv {-webkit-border-radius: 0 0 100px 100px;border-radius: 0 0 100px 100px;}
.ilightbox-toolbar {display: none;position: fixed;z-index: 100010;}
.ilightbox-toolbar a {float: left;cursor: pointer;}
.ilightbox-toolbar .ilightbox-prev-button,.ilightbox-toolbar .ilightbox-next-button {display: none;}
.ilightbox-thumbnails {display: block;position: fixed;z-index: 100009;}
.ilightbox-thumbnails.ilightbox-horizontal {bottom: 0;left: 0;width: 100%;height: 100px;}
.ilightbox-thumbnails.ilightbox-vertical {top: 0;right: 0;width: 140px;height: 100%;overflow: hidden;}
.ilightbox-thumbnails .ilightbox-thumbnails-container {display: block;position: relative;}
.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container {width: 100%;height: 100px;}
.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container {width: 140px;height: 100%;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid {display: block;position: absolute;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail {display: block;cursor: pointer;padding: 10px;position: relative;opacity: 0.5!important;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-active,.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail:hover {opacity: 1!important;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img {width: 100%;height: 100%;-webkit-border-radius: 2px;border-radius: 2px;border: 1px solid #000;-ms-interpolation-mode: bicubic;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-active img {border-color: #ff0;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: .7;}
.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover {opacity: 1;}
.ilightbox-holder {display: none;position: fixed;z-index: 100003;-webkit-transform: none;-moz-transform: none;}
.ilightbox-holder.ilightbox-next,.ilightbox-holder.ilightbox-prev {cursor: pointer;}
.ilightbox-holder div.ilightbox-container {position: relative;width: 100%;height: 100%;}
.ilightbox-holder.supportTouch div.ilightbox-container {overflow: scroll;-webkit-overflow-scrolling: touch;}
.ilightbox-holder img.ilightbox-image {width: 100%;height: 100%;}
.ilightbox-holder .ilightbox-container .ilightbox-caption {display: block!important;opacity: 1!important;position: absolute;left: 30px;right: 30px;bottom: 0;max-width: 100%;padding: 5px 10px;margin: 0 auto;font-size: 12px;line-height: 150%;word-wrap: break-word;z-index: 20003;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;}
.ilightbox-holder .ilightbox-alert {display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-align: center;padding-top: 100px;margin: auto;width: 300px;height: 50px;}
.ilightbox-holder .ilightbox-wrapper {width: 100%;height: 100%;overflow: auto;-webkit-overflow-scrolling: touch;}
.ilightbox-holder .ilightbox-inner-toolbar {position: relative;z-index: 100;}
.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar {position: absolute;}
.ilightbox-button {position: fixed;z-index: 100008;cursor: pointer;}
.isMobile .ilightbox-button,.isMobile .ilightbox-thumbnails {display: none!important;}
.isMobile .ilightbox-toolbar .ilightbox-prev-button,.isMobile .ilightbox-toolbar .ilightbox-next-button {display: block;}
.ilightbox-title {font-size: 12px!important;}
.ilightbox-title a {color: #ccc;font-size: 15px;font-weight: bold;}
.ilightbox-title a:hover {color: #FFF;}
.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a,.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a {color: #555;}
.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a:hover,.ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a:hover {color: #000;}
.font-btn {display: inline-block;padding: 1px 6px;margin-top: -5px;margin-left: 8px;font-size: 11px;line-height: 20px;font-weight: bold;text-shadow: 0 1px 1px rgba(255,255,255,0.75);vertical-align: middle;cursor: pointer;background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);background-image: -o-linear-gradient(top,#fff,#e6e6e6);background-image: linear-gradient(to bottom,#fff,#e6e6e6);background-repeat: repeat-x;border: 1px solid #bbb;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);border-bottom-color: #a2a2a2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);}
.font-btn.active,.font-btn:active {background-color: #e6e6e6;background-color: #d9d9d9;background-image: none;outline: 0;-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);}
.font-btn:hover {color: #333;text-decoration: none;background-color: #e6e6e6;background-position: 0 -15px;-webkit-transition: background-position .1s linear;-moz-transition: background-position .1s linear;-o-transition: background-position .1s linear;transition: background-position .1s linear;}

#slide-out {background: #222;position: absolute;display: block;z-index: 9999;left: 0;top: 0;height: 100%;width: 350px;color: #ddd;-webkit-transform: translate3d(100%,0,0);-moz-transform: translate3d(100%,0,0);-ms-transform: translate3d(100%,0,0);-o-transform: translate3d(100%,0,0);transform: translate3d(-100%,0,0);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;}
#slide-out .social-icons {margin: 15px auto;text-align: center;}
#slide-out .social-icons a {color: #ccc;font-size: 16px;padding: 0 4px;}
#slide-out .social-icons a:hover {color: #FFF;}
#mobile-menu {border-top: 1px solid #2D2D2D;display: none;}
#mobile-menu.mobile-hide-icons i.fa {display: none;}
#slide-out #mobile-menu .mega-menu-block {padding: 0!important;background: transparent!important;min-height: inherit!important;}
#slide-out #mobile-menu ul ul,#slide-out #mobile-menu .sub-menu-columns-item {display: none;background: #333;}
#slide-out #mobile-menu li {list-style: none;position: relative;}
#slide-out #mobile-menu ul li.menu-item-has-children i.mobile-arrows {position: absolute;top: 0;right: 0;padding: 13px;border-left: 1px solid #333;margin: 0;cursor: pointer;display: block;}
#slide-out #mobile-menu a {color: #ccc;display: block;font-size: 16px;padding: 11px;padding-right: 0;border-bottom: 1px solid #2D2D2D;}
#slide-out #mobile-menu a:hover {background: #1c1c1c;color: #FFF;}
#slide-out #mobile-menu ul ul a {font-size: 14px;padding-left: 30px;}
#slide-out #mobile-menu ul ul ul a {font-size: 12px;padding-left: 40px;}
#slide-out #mobile-menu ul ul ul a {padding-left: 50px;}
#slide-out #mobile-menu ul ul ul ul a {padding-left: 60px;}
#mobile-menu li.menu-item-home a:before {content: "\f015";}
#slide-out-open {display: none;position: absolute;width: 30px;height: 35px;top: 50%;left: 20px;transform: translate(0,-50%);}
#slide-out-open span {top: 50%;left: 50%;transform: translate(-50%,-50%);}
#slide-out-open span,#slide-out-open span:after,#slide-out-open span:before {position: absolute;content: ' ';top: 9px;display: block;height: 3px;width: 26px;background: #333;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 11px;}
#slide-out-open span:before {top: 8px;}
#slide-out-open span:after {top: 16px;}
#open-slide-overlay {position: fixed;top: 0;left: 80%;z-index: 500;overflow: hidden;width: 100%;height: 100%;}
.csstransforms3d.csstransitions .js-nav #main-nav {left: 80%;}
.csstransforms3d.csstransitions .js-nav #mobile-menu {display: block;}
.inner-wrapper, #slide-out {-webkit-transition: -webkit-transform 500ms ease,opacity 500ms ease;-moz-transition: -moz-transform 500ms ease,opacity 500ms ease;-o-transition: -o-transform 500ms ease,opacity 500ms ease;transition: transform 500ms ease,opacity 500ms ease;}
.csstransforms3d.csstransitions .js-nav #slide-out {-webkit-transform: translate3d(0,0,0) scale3d(1,1,1);-moz-transform: translate3d(0,0,0) scale3d(1,1,1);-ms-transform: translate3d(0,0,0) scale3d(1,1,1);-o-transform: translate3d(0,0,0) scale3d(1,1,1);transform: translate3d(0,0,0) scale3d(1,1,1);}
.csstransforms3d.csstransitions .js-nav #slide-out-open span {top: 16px;left: 5px;-webkit-animation: fa-spin .2s 2 linear;animation: fa-spin .2s 2 linear;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.csstransforms3d.csstransitions .js-nav #slide-out-open span:after {top: 0;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.csstransforms3d.csstransitions .js-nav #slide-out-open span:before {opacity: 0;}

.csstransforms3d.csstransitions .js-nav .inner-wrapper {
    -webkit-transform: translate3d(350px,0,0);
    -moz-transform: translate3d(350px,0,0);
    -ms-transform: translate3d(350px,0,0);
    -o-transform: translate3d(350px,0,0);
    transform: translate3d(350px,0,0);
}

@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes fadeInDown {    0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
@keyframes animationFrames {0% {transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
    10% {transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    20% {transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    30% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    40% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    50% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    60% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    70% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    80% {transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    90% {transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    100% {transform: rotate(0deg) scaleX(1.20) scaleY(1.20);}
}
@-moz-keyframes animationFrames {0% {-moz-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
    10% {-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    20% {-moz-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    30% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    40% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    50% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    60% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    70% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    80% {-moz-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    90% {-moz-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    100% {-moz-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);}
}
@-webkit-keyframes animationFrames {0% {-webkit-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
    10% {-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    20% {-webkit-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    30% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    40% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    50% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    60% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    70% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    80% {-webkit-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    90% {-webkit-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    100% {-webkit-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);}
}
@-o-keyframes animationFrames {0% {-o-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
    10% {-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    20% {-o-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    30% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    40% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    50% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    60% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    70% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    80% {-o-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    90% {-o-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    100% {-o-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);}
}
@-ms-keyframes animationFrames {0% {-ms-transform: rotate(0deg) scaleX(1.00) scaleY(1.00);}
    10% {-ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    20% {-ms-transform: rotate(-3deg) scaleX(0.80) scaleY(0.80);}
    30% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    40% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    50% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    60% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    70% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    80% {-ms-transform: rotate(-3deg) scaleX(1.20) scaleY(1.20);}
    90% {-ms-transform: rotate(3deg) scaleX(1.20) scaleY(1.20);}
    100% {-ms-transform: rotate(0deg) scaleX(1.20) scaleY(1.20);}
}
@media only screen and (max-width: 1201px) {
    .container {width:1024px}
    #main-nav ul.menu > li > a {font-size: 13px;padding: 0 7px;}

}
@media only screen and (max-width: 1024px) {
    .container,#em-orther-posts ,#em-the-post .share-btns, #em-the-post #respond, #em-the-post .the_tags_outer {width: 100%;padding: 0 20px;}
    #main-nav, #theme-footer .right-col, #theme-header .top-nav .left-col {display: none;}
    #theme-header .top-nav .right-col {width:100%}
    #theme-header .tool-box li.search-block {float: right;border-left: 0;}
    #theme-header .header-content {border-bottom: 1px solid #e6e6e6;}
    #theme-header #slide-out-open {display:block}
    
    .content, .sidebar{width:100%;border: 0;padding-right:0;padding-left: 0;}
    #focus .center-col {width: calc(100% - 315px);padding-right: 0;border-right: 0;}
    #focus .right-col {display:none;}
    #suggest {bottom:40px}
    
    #the-post {padding-right: 0;}
    #the-post .tp-wrap {width: 100%;}
    #the-post .pc-wrap {border: 0;padding-left: 0;width: 100%;}
    #share-btn .sharethis-inline-share-buttons {flex-direction: row;float: left;margin-right: 3px;}
    #share-btn .sharethis-inline-share-buttons .theiaStickySidebar {}
    #the-post #share-btn {position: fixed!important;bottom: 0;left: 50%;transform: translate(-50%,0);width: auto;margin: 0;min-height: 0!importANT;background: #fff;border-radius: 3px 3px 0 0;padding: 6px 6px 0;border: 1px solid #ddd;box-shadow: 0px 1px 1px #5f5f5f;}
    #the-post #share-btn .theiaStickySidebar {display: flex;position:initial!important;width: 100%!important;flex-direction: row;align-items: center;}
    #share-btn #st-1 .st-btn {margin: 0 3px;}
    #share-btn .safechat-share-btn {margin-bottom: 0;margin-right: 3px}
    #theme-footer {text-align: center;}
    #theme-footer .left-col {width: 100%;flex-direction: row;justify-content: center;}
    #theme-footer .fter-logo {margin-bottom: 15px;width: 100%;}
    #theme-footer .fter-menu {width: initial;margin-bottom: 0;margin-right: 6px;}
    #theme-footer .fter-menu li {display: inline-block;}
}

@media only screen and (max-width: 782px) {
    body.admin-bar #main-nav.fixed-nav.fixed-nav-appear {top:46px;}
    #focus .center-col {width: 100%;order: 1;border-left: 0;padding-left: 0;margin-bottom: 30px;}
    #focus .left-col {width: 100%;border-right: 0;}
    #focus .center-col .other-posts .p-thumbnail {width: 100px;}
    #focus .center-col .other-posts .p-entry {width:calc(100% - 115px)}
    
    #cFocus {border-bottom: 0;margin-bottom: 0;} 
    #cFocus .first-post {padding-bottom: 10px;margin-bottom: 12px;border-bottom: 1px solid #eee;}
    #cFocus .first-post .p-thumbnail {width: 100%;order: 1;margin-bottom: 15px;}
    #cFocus .first-post .p-entry {width: 100%;}
    #cFocus .other-posts {}
    #cFocus .other-posts ul li {width: 100%;margin-left: 0!important;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
    #cFocus .other-posts ul li .p-thumbnail {width: 220px;float: left;margin-right: 15px;margin-bottom: 0;}
    #cFocus .other-posts ul li .p-entry {display: flex;flex-direction: column;float: left;width: calc(100% - 235px);}
    #cFocus .other-posts ul li .p-entry .p-title {font-weight: 600;font-size: 18px;line-height: 26px;order: 1;}
    #cFocus .other-posts ul li .p-entry .p-meta {order: 2;}
    .post-listing .p-entry .p-excerpt {display:none}
}

@media only screen and (max-width: 680px) {
    .col-3 > li, .col-3 .col {width: calc((100% - 30px) / 2);margin-left:15px!important;clear:none!important;}
    .col-3 > li:nth-child(2n+1), .col-3 .col:nth-child(2n+1) {margin-left: 0!important;clear:both!important;}

    .catBox .first {width: 100%;padding-right: 0;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
    .catBox .first .p-thumbnail {float: left;width: 45%;margin-bottom: 0;}
    .catBox .first .p-entry {float: left;width: 55%;padding-left: 15px;}
    .catBox .first .p-entry .p-title {font-size: 16px;line-height: 24px;max-height: 72px;}
    .catBox .other .p-entry .p-meta {display:none;}
    .catBox .other {float: left;width: 100%;border-bottom: 0;padding-bottom: 0;}
    .catBox .other .p-thumbnail {width: 130px;}
    .catBox .other .p-entry {width: calc(100% - 145px);}
    .catBox .other .p-entry .p-title {font-size: 14px;line-height: 20px;}
    
}
@media only screen and (max-width: 600px) {
    body.admin-bar #main-nav.fixed-nav.fixed-nav-appear {top:0;}
    #theme-header .tool-box li a {padding: 0;margin-right: 10px;font-size: 20px;}
    #theme-header .tool-box li a i.fa {margin-right:0;font-size: 16px;}
    #theme-header .tool-box li a > span {display:none}
    #focus .left-col .has-scroll li, #focus .right-col .has-scroll li {width: 100%;margin-left: 0!important;}
    
    .post-ad ul.col-2 li {width: 100%; }

    .catBox .first .p-thumbnail {width: 100%;margin-bottom: 10px;}
    .catBox .first .p-entry {width: 100%;padding-left: 0;}
    .catBox .other, .catBox .other:last-child {width: 100%;padding-bottom: 12px;margin-bottom: 12px;border-bottom: 1px solid #cccdce;}
    .catBox .other:last-child {border-bottom: 0;padding-bottom: 0;}
    .catBox .other .p-thumb, .post-listing .item .p-thumb {width: 150px;}
    .catBox .other .p-entry {width: calc(100% - 150px);}
    .catBox .other .p-entry .p-meta {display:block}

    #cFocus .other-posts ul li .p-thumbnail, .post-listing .p-thumbnail {width: 150px;}
    #cFocus .other-posts ul li .p-entry, .post-listing .p-entry {width: calc(100% - 165px);}
    #cFocus .other-posts ul li .p-entry .p-title, .post-listing .p-entry .p-title {font-size: 15px;line-height: 23px;}
}
@media only screen and (max-width: 400px) {
    .col-3 > li, .col-2 > li {}
    #cFocus .other-posts ul li, .post-listing .item {padding-bottom: 3px;}
    #cFocus .other-posts ul li .p-thumbnail, .post-listing .p-thumbnail {width: 100%;margin-right: 0;margin-bottom: 10px;}
    #cFocus .other-posts ul li .p-entry, .post-listing .p-entry {width: 100%;}
}

@media print {
    body {font-size: 20px;}
    .container {width:100%;padding: 20px;}
    .entry,.comment-content p {line-height: 40px;}
    .post-listing {border: 0 none;}
    .post-cover-title {opacity: 1!important;}
    .p-title,.post-cover-title {font-size: 42px;line-height: 40px;color: #000;}
    .top-nav, #main-nav, #topcontrol, #crumbs, .sidebar, .share-post, footer#theme-footer, .footer-bottom, .p-meta .post-comments, #author-box, .post-navigation, #comments, .e3lan, .post-tag, .post-edit-link, #top #float-share, #tiki, #respond, #feature-video, #bottom-top-headlines {display: none!important;}
    .content {float: none;width: 100%;}
    #the-post {border: none;}
    .entry {font-size: 17px;line-height: 1.5em;}
    #the-post .post-head .p-meta {font-size: 15px;}
}