/* TABLE OF CONTENT 
 * ==================
 * 1.  BASE
 * 2.  HEADER
 * 3.  NAVIGATION MENU
 * 4.  HOMEPAGE
 * 5.  BLOG
 * 6.  PAGES
 * 7.  SIDEBAR
 * 8.  FOOTER
 * 9.  BLOCKS
 * 10. WIDGETS
 **/

 
/************************* 
 *  
 *  1.  BASE
 * 
 *************************/
 /*==== RESET ===========*/
 /* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
legend {
	white-space: normal;
}
fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 24px;
	padding: 11px 12px 0;
}
input, textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

input:focus, textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}
/*======= STANDARD ===========*/
.screen-reader-text{}
/*========= Fonts =========*/
/*--- Hyperlinks ---*/
a, a:visited {
	text-decoration: none;
	}
a:active,a:focus {
	outline: none;
	}

/*========= Headings =========*/
h1,h2,h3,h4,h5,h5,h6{
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	font-weight: 700;
}
h1{
	font-size: 30px;
}

h2{
	font-size: 26px;
}

h3{
	font-size: 20px;	
}

h4{
	font-size: 18px;	
}

h5{
	font-size: 16px;
}

h6{
	font-size: 14px;
}

:focus {
	outline: 0;
}
 /*==== GENERAL ===========*/
a {
    text-decoration: none;
    outline: none;
}
.btn, input[type="submit"] {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.5;
    padding: 8px 16px;
    color: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s ;
    -o-transition: all 0.1s ;
    transition: all 0.1s;
    cursor: pointer;
    border: none;
    -webkit-appearance: none;
}
.btn:active, input[type="submit"]:active {
    border: none;
}
.btn:hover, input[type="submit"]:hover, .post-categories a:hover, .cat-btn:hover, .tag-btn:hover, .tn-author-page-contact a:hover, .share-list .tn-share:hover {
    opacity: 0.9;
    box-shadow: none;
}
.btn:active, input[type="submit"]:active, .post-categories a:active, .cat-btn:active, .tag-btn:active, .tn-author-page-contact a:active, .share-list .tn-share:active {
    -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,0.27);
    box-shadow: inset 0 2px 0 rgba(0,0,0,0.27);
}
textarea {
    border-radius: 3px;
}
.tn-container {
    width: 1050px;
    margin: auto;
    position: relative;
    max-width: 100%;
}
/*--- Clear fix -----------*/
.clear-fix:before,
.clear-fix:after {
    content: "";
    display: table;
}
 
.clear-fix:after {
    clear: both;
}
 
/* IE6/7 support */
.clear-fix {
    *zoom: 1;
}
body {
    background: none;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
}
.hide, .invisible {
    visibility: hidden;
}
::selection {
    color: #fff;
}
::-moz-selection {
    color: #fff;
}
.top-bar {
    background-color: #212121;
}
.site-container {
    overflow: hidden;
    margin: auto;
    width: 1110px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.site-container.wide {
    width: 100%;
}
.site-container.boxed {
    margin-top: 30px;
    margin-bottom: 30px;
}
.page-wrap {
    width: 100%;
    margin: 0 auto;
}
.main-body {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff; 
    padding-top: 40px;
}
.page-template-homepage-php .main-body {
    padding-top: 0px;
}
.cursor-zoom {
    display: block;   
}
.cursor-zoom, .cursor-zoom img, .cursor-zoom i, .zoomer img, .article-thumb .img-popup-link {
    cursor: url(../images/zoom_in.png), auto;
}
.sticky{}
/*====== flex slider ===========*/
/* Direction Nav */
.flex-direction-nav polyline {
  stroke-width: 2;
}
.flex-direction-nav a:hover polyline,
.flex-direction-nav a:focus polyline {
  stroke-width: 3;
}

.flex-direction-nav a:active polyline {
  stroke-width: 6;
  transition: all 100ms ease-in-out;
}

.flex-direction-nav polyline {
  transition: all 250ms ease-in-out;
}
.flexslider .flex-direction-nav a:before {
    content: none!important;
}
.flex-direction-nav a svg {
    padding: 5px;
    width: 100%;
    height: 100%;
}
.flexslider .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 35px;
    height: 70px;
    margin: -35px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    color: #fff !important;
    text-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}
.flexslider .flex-direction-nav .flex-prev {
    left: 15px;
}
.flexslider .flex-direction-nav .flex-next {
    right: 15px;
}
.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    visibility: visible;
}
.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    visibility: visible;
}
.flexslider .flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
.flexslider .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 16px;
    line-height: 40px;
    display: block;
    content: '\f001';
}
.flexslider .flex-direction-nav a.flex-next:before {
    content: '\f002';
}
/*===== Block heading =====*/
.tn-header {
	margin-bottom: 35px;
}
.tn-header .tn-title {
    text-align: left;
}
.tn-header h3 {
    position: relative;
    margin: 0;
    color: #212121;
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: -1px;
    display: inline-block;
    font-weight: 700 !important;
}
.tn-header .tn-title, .widget-tabs-title-container {
    border-bottom:  1px solid rgba(0,0,0,0.1);
}
.tn-header .subtitle {
    font-size: 12px;
    color: #888;
    margin-top: 10px;
    margin-bottom: 8px;
}
/*--- Style 2 ---*/
.block-heading-style2.block-heading-style2 .tn-header h3 {
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: -1px;
    border-bottom: none;
    border-top: 3px solid;
    border-left: 1px solid rgba(0,0,0,0.1) !important;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
    background: #fff;
    font-size: 14px;
    font-weight: 300 !important;
}
.block-heading-style2 .tn-header {
    overflow: hidden;
}
.block-heading-style2 .tn-header .tn-title {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.block-heading-style2 .widget-header {
    background: none;
    padding: 0;
}
.block-heading-style2 .widget-header .widget-title {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.block-heading-style2 .widget-header h3 {
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: -1px;
    border-bottom: none;
    border-top: 3px solid;
    border-left: 1px solid rgba(0,0,0,0.1) !important;
    border-right: 1px solid rgba(0,0,0,0.1) !important;
    background: #fff;
    font-size: 14px;
    font-weight: 300 !important;
    color: #333;
}
/*--- Style 3 ---*/
.block-heading-style3 .tn-header h3 {
    line-height: 40px;
    border-bottom-width: 1px;
}
.block-heading-style3 .tn-header .tn-title {
    border-top: 3px solid rgba(0,0,0,0.1);
    padding-right: 10px;
}

.block-heading-style3 .widget-header {
    border-top: 3px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    background: none;
    padding: 0;
}
.block-heading-style3 .widget-header h3 {
    line-height: 40px;
    border-bottom-width: 1px;
    padding: 0;
    margin-bottom: -1px;
}
/*--- Color bg widget ---*/
.widget.has-bg .tn-header {
    margin-top: -10px;
    margin-bottom: 10px;
}
.widget.has-bg .tn-header .tn-title {
    border: none;
}
.widget.has-bg .tn-header .tn-title h3 {
    color: #fff !important;
    border: none !important;
    background: transparent;
    padding: 0;
    margin: 0;
}
/* ==== Featured Videos and Images ===== */ 
.thumb-wrap, .post-thumb-wrap {  
  position: relative;
  background: #333;
}
.thumb-wrap img, .post-thumb-wrap img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.thumb-wrap:hover img, .post-thumb-wrap:hover img {
    opacity: 0.8;
}
.thumb > a, .thumb-link {
    display: block !important;
}

.video-thumb iframe {
	width: 100% !important;
	display: block;
}
.video-thumb p {
	display: none;
}	
.last { 
	margin-right: 0 !important; 
	clear: right; 
}

.full-width {
	width: 100% !important;
    clear: both;
}
.footer .one-half.last {
    margin-top: 30px;
}
/*====== post info =============*/
.sub-post .post-meta {
    width: 100%;
}
.item-post .entry-meta {
	margin-bottom: 0;
}
.cat-icon {
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
.post-list .thumb {
    width: 70px;
    height: 70px;
}
.item-post .thumb {
    width: 75px;
    height: 75px;
} 
.thumb {
    overflow: hidden;
    position: relative;
    background-color: #333;
}
.thumb img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.main-post:hover .thumb img, .tn-classic-blog-content .item:hover .post-thumb-wrap img,
.article-masonry:hover .thumb-wrap img {
    opacity: 0.7;
}
.icon-thumb {
    background-color: #bbb;
}
.widget-slider .icon-thumb:after{
    content: '';
    padding-top: 66.6667%;
    display: block; 
}
.tn-mega-menu .flex-viewport{
    border-left: 1px solid #e0e0e0;
}
.post-icon {
   color: #333;
   background: #fff;
   padding: 0 6px;
}
.overlay-meta > i, .overlay-meta > .video-popup-link, .overlay-meta > .img-popup-link  {
    line-height: 24px !important;
    vertical-align: middle;
    background: #fff;
}
.thumb-wrap.thumb-wrap a:hover > .post-icon, .post-thumb-wrap.post-thumb-wrap a:hover > .post-icon {
    opacity: 1;
}
.post-thumb a {
    display: block;
}
.post-thumb img {
    width: 100%;
}

.post-title {
    transition: all 0.2s ease-in;
    line-height: 1.3;
    font-size: 15px;
}
.post-title-sub-post {
    margin: 0;
}
.post-title.post-title-sub-post {
    font-size: 15px;
    line-height: 1.3;
    text-transform: none;
    margin-top: 6px;
}
.post-title.post-title-main-post, .post-title.post-title-masonry, .post-title.post-title-classic-blog {
    font-size: 18px;
    line-height: 1.3;
}

.post-title a {
    color: #212121;
    display: inline !important;
}
.post-title a:hover {
    border-bottom: 1px solid;
}
.tn_widget_review-posts .post-title a:hover {
    border-bottom: none;
}
.post-cat a {
    color: #fff;
    text-transform: uppercase;
}
.post-cat-bg {
    display: inline-block;
    transition: all .3s ease;
    line-height: 1;
}
.big-grid .post-cat, .tn_block_featured_1l4s .main-post .post-cat {
    top: 20px;
    left: 20px;
}
.post-cat-bg a {
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    font-size: 11px;
    display: inline-block;
    line-height: 24px;
    padding: 0 8px;
    color: #fff;
    vertical-align: middle;
}
.post-categories a {
    display: inline-block;
    padding: 2px 6px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    color: #fff !important;
    text-transform: uppercase;
    background-color: #555;
}
.author > a:hover, .comments > a:hover {
    border-bottom: 1px solid;
}
.entry-excerpt {
    color: #888;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 10px;
}
.main-post p,
.entry-excerpt p {
	margin-bottom: 0;
}
.post-meta {
    color: #aaa;
    line-height: 1.5;
}
.post-meta:last-child {
    margin-top: 10px;
}
.post-meta div, .post-meta time {
    display: inline-block;
    font-size: 12px;
    line-height: 1.5;
    color: #aaa;
    font-weight: 300;
    margin-right: 10px;
}
.post-meta.post-meta-single {
    margin-bottom: 0;
}
.post-meta.post-meta-single div, .post-meta.post-meta-single time {
    font-size: 13px;
}
.entry-header .share-list {
    margin-top: 15px;
} 

.post-meta a {
    color: #aaa;
}

.post-meta i {
    margin-right: 2px;
    font-size: 14px;
}

.post-meta .views, .post-meta .comments {
    margin-right: 10px;
    line-height: 1;
}
.sub-post .post-meta .date {
    float: none;
}
/*=== Review score ===*/
.rating-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 50%;
    text-align: center;
    z-index: 9;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.4s;
    transition: all 0.8s;
}
.rating-canvas, .rating-canvas-single {
    position: absolute;
    top: 0;
    left: 0;
}
.rating-wrap span {
    display: block;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
/*========= oEmbed ========*/
.tn-oEmbed-audio iframe {
    width: 100%;
    height: 220px;
    display: inherit;
} 
.tn-oEmbed-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.tn-oEmbed-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tn-oEmbed-audio + .social-share {
    display: none !important;
}
 /************************* 
 *  
 *  2.  HEADER
 * 
 *************************/
/*======= Top nav ========*/
.top-nav {
    float: left;
    font-size: 11px;
    line-height: 1;
}
.top-nav li {
    display: block;
    position: relative;
}   
.top-nav ul.menu > li {
    padding: 0 12px;
    float: left;
    text-align: center;
    line-height: 37px;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.top-nav ul.menu > li:hover {
    background-color: #303030;
}
.top-nav a {
    display:block;
    text-decoration:none;
    text-transform: uppercase;
}
.top-nav ul.menu>li>a {
    color: #aaa;
    float: left;
    font-weight: 400 !important;
    font-size: 11px;
}
.top-nav ul.menu>li:hover > a, .top-nav ul.menu>li:hover:before {
    color: #fff !important;
}
.top-nav ul.menu>li:first-child > a:before {
   border: none;
}
.top-nav ul.sub-menu li {
    padding: 10px;
}
.top-nav ul.sub-menu a {
    color: #212121;
    vertical-align: middle;
    width: 150px;
    line-height: 1.5;
}
#top-menu .sub-menu {
    width: 200px;
}
.top-nav ul.sub-menu {
    position:  absolute;
    z-index: 100;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.top-nav ul.menu > li > ul.sub-menu {
    top: 100%;
    left: 0;
    background-color: #212121;
}
.top-nav ul.sub-menu li{
    text-align: left;
    background-color: #303030;
    border-top: 1px solid #444;
}
.top-nav ul.sub-menu li:hover {
    background-color: #3a3a3a;
}
.top-nav ul.sub-menu li:first-child {
    border: none;
}
.top-nav ul.sub-menu li a {
    color: #aaa;
    font-weight: 300;
}
.top-nav li:hover > ul.sub-menu{ /* show sub-menu from lvl2 */
    opacity: 1;
    visibility: visible;
}

#top-menu > ul.menu > li.menu-item-has-children:before {
    content: '\f0d7';
    float: right;
    margin-left: 5px;
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 35px;
    color: #888;
}
.top-nav ul.sub-menu li:hover > a, .top-nav ul.sub-menu li.menu-item-has-children:hover:before{
    color: #fff;
}
.top-nav .sub-menu > li.menu-item-has-children:before {
    content: '\f0da';
    float: right;
    margin-left: 5px;
    font-family: 'FontAwesome';
    font-size: 10px;
    line-height: 18px;
    color: #888;
}
/*--- Mobile top menu ---*/
.mobile-menu-icon {
    cursor: pointer;
    vertical-align: middle;
}
.top-nav .mobile-menu-icon {
    width: 37px;
    height: 37px;
    color: #aaa;
    font-size: 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 37px;
}
.header-layout2 .top-nav .mobile-menu-icon {
    position: static;
}
#top-menu-mobile {
    display: none;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: #303030;
    width: 250px;
}
.header-layout2 #top-menu-mobile {
    left: 50%;
    margin-left: -125px;
}
#top-menu-mobile ul {
    display: block;
}
#top-menu-mobile li {
    display: block;
    float: none;
    text-align: left;
    padding: 0;
    border: none;
}
#top-menu-mobile > .menu > li:not(:first-child) {
    border-top: 1px solid #444;
}
#top-menu-mobile li a {
    float: none;
    padding: 0 30px 0 10px;
    line-height: 37px;
    width: auto;
}
#top-menu-mobile .sub-menu {
    position: static;
    transform: none;
    padding: 0;
    margin-left: 15px;
    border-top: 1px solid #444;
    background: none;
    display: none;
    transition: none;
    visibility: visible;
    opacity: 1;
}
#top-menu-mobile li.menu-item-has-children:before {
    content: none;
}
#top-menu-mobile .expand { 
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    font-family: 'FontAwesome';
    font-size: 14px;
    line-height: 37px;
    color: #aaa;
    text-align: center;
    cursor: pointer;
}
#top-menu-mobile li:hover {
    background: none;
}
#top-menu-mobile > .menu > li:hover > a { 
    background: #3a3a3a;
}
/*======== Top bar social =========*/
.header-social {
    float: right;
    margin: 0;
    line-height: 1;
    padding-right: 37px;
}
.header-social li {
    display: inline-block;
    height: 37px;
    width: 37px;
    text-align: center;
}

.header-social li a {
    font-size: 16px;
    line-height: 33px;
    color: #aaa;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    display: block;
    position: relative;
}
.header-social li a:hover {
    color: #fff;
}

.header-layout2 .header-social li {
    border-radius: 50%;
    border: 2px solid transparent;
}
.header-layout2 .header-social li:hover {
    background: none !important;
}
.header-layout2 .header-social li:hover a {
    color: #777;
}
/*----- header main ----------*/
.header-wrap {
    width: 100%;
    background: #fff;
}
.header {
    text-align: center;
}
.header-content {
    display: table;
    padding: 15px 0;
}
.header .logo.logo-text h1 {
    font-size: 50px;
    line-height: 1.5;
    text-transform: uppercase;
}
.header-left .logo {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
.header-center .logo {
    display: inline-block;
}
.header .logo {
    padding: 20px 0; 
}
.header .logo img {
    max-width: 100%;
    display: block;
}
.header .logo a {
    display: inline-block;
}
.header-left .header-banner {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}
.header-banner img {
    max-width: 100%;
}
/*=== Compact header ===*/
.header-compact {
    margin-bottom: 0;
}
.header-light.header-compact .header-content {
    background-color: #fff!important;
    box-shadow: 0 6px 8px -2px rgba(0,0,0,0.15);
    position: relative;
}
.header-dark.header-compact .header-content {
    background-color: #333!important;
    box-shadow: 0 6px 8px -2px rgba(0,0,0,0.15);
}
.header-light.header-compact .main-nav:before {
    content: none;
}
.header-compact .header-content > .tn-container {
    display: table;
}
.header-compact .header-content {
    display: block;
    padding: 0px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    z-index: 5;
}
.header-compact .logo {
    display: table-cell;
    padding: 5px;
    line-height: 60px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    vertical-align: middle;
}
.header-compact .logo h1 {
    height: 60px;
    line-height: 60px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.header-compact .logo img {
    height: 60px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.header-compact .main-nav {
    display: table-cell;
    text-align: right;
    vertical-align: middle;
}
.header-compact .main-nav li ul {
    text-align: left;
}
.header-compact.header-light .main-nav {
    box-shadow: none;
}
.header-compact .tn-mega-menu {
    right: 0;
    left: auto;
    max-width: 1050px;
}

.header-compact .main-nav .menu > li > a {
    line-height: 65px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-bottom: 5px;
}
.header-compact .main-nav .mobile-menu-icon  i {
    line-height: 55px;
}
.header-compact.fixed .main-nav .mobile-menu-icon  i {
    line-height: 50px;
}
.header-light .main-nav .mobile-menu-icon  i {
    color: #777;
}
.header-compact #main-mobile-menu {
    min-width: 290px;
    right: 0; 
}
 /************************* 
 *  
 *  3.  NAVIGATION MENU
 * 
 *************************/
#main-menu > .menu {
    font-size: 0;
}
.main-nav > .menu {
    font-size: 0;
}
/*--- Menu icon ---*/
#main-menu .tn-icon {
    margin-right: 3px;
    margin-top: -2px;
    width: auto;
    height: auto;
    font-size: 17px !important;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
/*--- Fixed menu ---*/
.fixed .main-nav {
    position: fixed;
    top:0;
    left: 0;
    right: 0;
}
.header-compact.fixed .header-content {
    z-index: 100;
    width: 100%;
    position: fixed;
    top:0;
    left: 0;
    right: 0;
}
.header-compact.fixed .main-nav {
    position: static;
}
.header-compact.fixed .logo h1 {
    height: 40px;
    line-height: 40px;
}
.header-compact.fixed .logo img {
    height: 40px;
}
.header-compact.fixed .main-nav .menu > li > a {
    line-height: 45px;
}
.header-compact .main-nav .menu > li:hover > a:before {
    margin-bottom: -5px;
}
.header-light.header-compact .main-nav .mobile-menu-icon {
    margin-top: 0;
}
.header-compact.fixed .main-nav .mobile-menu-icon {
    height: 50px;
}
/*=== Mobile nav ===*/
#main-mobile-menu {
    display: none;
}
.mobile-menu-icon {
    display: none;
}
.main-nav .mobile-menu-icon  {
    width: 100%;
    height: 50px;
    cursor: pointer;
    text-align: center;
}
.header-light .main-nav .mobile-menu-icon  {
    margin-top: 4px;
}
.main-nav .mobile-menu-icon  span {
    color: #aaa;
    font-size: 14px;
    line-height: 50px;
    float: left;
    margin-left: 10px;
}
.main-nav .mobile-menu-icon  i {
    color: #aaa;
    font-size: 30px;
    line-height: 50px;
    float: right;
    margin-right: 10px;
}
#main-mobile-menu {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #333;
    z-index: 99;
    padding: 10px;
}
#main-mobile-menu li {
    text-align: left;
    cursor: pointer;
    display: block;
}
#main-mobile-menu li a {
    color: #aaa;
}
#main-mobile-menu li a:before, #main-mobile-menu li a:after{
    content: none;
}
#main-mobile-menu .expand {
    display: block;
    width: 40px;
    height: 40px;
    float: right; 
    text-align: right;
    padding-right: 5px;       
}
#main-mobile-menu .expand i {
    display: block;
    font-size: 18px;
    line-height: 40px;
}
#main-mobile-menu a {
    display: block;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 0;
    margin-right: 40px;
    border: none;
}
#main-mobile-menu > ul > li {
    border-bottom: 1px solid #555;
}
#main-mobile-menu > ul > li:last-child {
    border-bottom: none !important;
}
#main-mobile-menu ul.sub-menu, #main-mobile-menu ul.sub-sub-menu {
    display: none;
    padding-left: 20px;
}
/* Light mobile menu */
.header-light #main-mobile-menu {
    background-color: #fefefe;
    box-shadow: 0 2px 2px 2px rgba(0,0,0,0.05);
}
.header-light #main-mobile-menu li a {
    color: #888;
}
.header-light #main-mobile-menu > ul > li {
    border-bottom: 1px solid #eee;
}
.header-light .main-nav .mobile-menu-icon  span {
    color: #777;
}
/*==== main nav ====*/
.main-nav {
    background-color: #333333;
    position: relative;    
    list-style-type:none;
    z-index: 99;
    line-height: 1;
    min-height: 51px;
}
.main-nav li {
    display: block;
}   
.main-nav .menu > li {
    margin: 0 15px;
    vertical-align: middle;
    display: inline-block;
}
.main-nav a {
    display: inline-block;
    text-decoration:none;
}
.main-nav .menu > li > a {
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
    border-top: 5px solid transparent;
    line-height: 46px;
    padding-bottom: 5px;
}
.tn-sub-sub-menu {
    position: absolute;
    padding: 8px;
    left: 100%;
    top: 0;
    width: 210px;
    background-color: #fff;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.header-compact #main-menu > .menu > li:last-child .tn-sub-sub-menu, .header-compact #main-menu > .menu > li:nth-last-child(2) .tn-sub-sub-menu {
    right: 100%;
    left: auto;
}
.tn-sub-menu > li.menu-item-has-children > a:after {
    content: '\f0d7';
    position: absolute;
    right: 5px;
    font-family: "FontAwesome";
    font-size: 12px;
    transition: all 0.2s ease-in;
}
.tn-sub-menu > li.menu-item-has-children:hover > a:after {
    transform: rotatez(-90deg);
    -webkit-transform: rotatez(-90deg);
}
.tn-mega-menu, .tn-dropdown-menu, .tn-sub-sub-menu {
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -moz-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -ms-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -o-transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    box-shadow: 0px 2px 3px 1px rgba(0,0,0,0.1);
}
/*==== Dark nav ====*/
.header-dark .main-nav.fixed .tn-container {
    background-color: rgba(51,51,51,0.9);
}
.header-dark .main-nav .menu > li.current-menu-item > a {
    color: #fff;
}
.header-dark .main-nav > .tn-container {
    background-color: #333;
}
.header-dark .main-nav .menu > li:not(:last-child) > a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -9px;
    border-right: 1px solid rgba(0,0,0,0.5);
    box-shadow: 1px 0px rgba(255,255,255,0.08);
    height: 12px;
}
.header-dark .main-nav .menu > li > a {
    color: #aaa;
}

.header-dark .tn-sub-menu > li > a, .header-dark .tn-sub-sub-menu > li > a {
    color: #333;
    display: block;
}
.header-dark .main-nav .menu > li:hover > a{
    color: #fff;
}

.header-dark .tn-sub-sub-menu {
    background-color: #fff;
}
.header-dark .tn-sub-menu li:hover > a {
    background-color: #fafafa;
}
.tn-sub-menu > li, .tn-sub-sub-menu > li {
    border-left: 2px solid transparent;
}
/*==== Light nav ====*/
.header-light .main-nav {
    background-color: #fff;
}
.header-light .main-nav.fixed {
    background-color: rgba(255,255,255,0.95);
}
.header-light .main-nav > .tn-container {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.header-light .main-nav:before {
    content: '';
    display: block;
    height: 5px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin-bottom: -5px;
}
.header-light .main-nav {
    box-shadow: 0 6px 8px -2px rgba(0,0,0,0.15)
}
.header-light #main-menu {
    transform: translatex(-1px);
    -webkit-transform: translatex(-1px);
}
.header-light #main-menu > .menu {
    padding: 0;
}
.header-light .tn-mega-menu, .header-light .tn-dropdown-menu, .header-light .tn-sub-sub-menu {
    margin-left: 1px;
    background: #fafafa;
}
.header-light .tn-sub-posts {
    background: #f5f5f5;   
}
.header-style2.header-style2 .tn-sub-posts {
    background: transparent;   
}
.header-light .main-nav .menu > li:not(:last-child) > a:after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -6px;
    border-right: 1px solid #eee;
    box-shadow: 1px 0px rgba(255,255,255,0.08);
    height: 12px;
}
.header-light .main-nav .menu > li:hover > a:before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-bottom: 6px solid #fafafa;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transform: translatex(-50%);
    -webkit-transform: translatex(-50%);
}
.header-light .main-nav .menu li > a {
    color: #333;
}
.header-light .main-nav .menu > li > a {
    padding-bottom: 0;
    color: #888;
}
.header-light .main-nav .menu > li:hover > a {
    color: #333;
}
.header-light .tn-sub-menu li:hover > a {
    background-color: #f5f5f5;
}
/*==== Mega menu ====*/
.tn-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;    
}
.main-nav .menu > li:hover > .tn-mega-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.tn-mega-menu .tn-sub-menu-wrap {
    width: 25%;
    float: left;
    padding: 8px;
}
.tn-sub-menu > li {
    display: block;
    position: relative;
    text-align: left;
}
.tn-sub-menu > li > a, .tn-sub-sub-menu > li > a {
    padding: 6px;
    display: block;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
}
.tn-sub-menu > li > a {
    padding-right: 15px;
}   
.tn-mega-menu .tn-sub-menu > li:hover > .tn-sub-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.tn-sub-post {
    position: relative;
}
.tn-sub-posts.tn-with-sub {
    width: 75%;
    float: right;
}
.tn-sub-post .thumb img {
    height: auto;
}
/*====== Megamenu posts =======*/
.tn-sub-posts li {
    width: 25%;
    float: left;
    padding: 15px;
}
.tn-sub-posts.tn-with-sub li {
    width: 33.3333%;
}
/*----- post meta -------*/
.tn-meta {
    margin-top: 10px;
}
.tn-sub-posts .thumb {
    overflow: visible;
}
.tn-sub-posts .thumb:hover img {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}
.tn-sub-posts .post-title {
    margin: 0;
    padding: 0;
}
.tn-sub-posts .post-title a {
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word; 
    color: #212121; 
    text-transform: none;
}
/*Normal menu*/
.tn-dropdown-menu {
    position: absolute;
    top: 100%;
    width: 210px;
    padding: 8px;
    -moz-transform: translate(-15px,20%);
    -webkit-transform: translate(-15px,20%);
    -o-transform: translate(-15px,20%);
    -ms-transform: translate(-15px,20%);
    transform: translate(-15px,20%);
}
.header-compact .main-nav .menu li:last-child .tn-dropdown-menu {
    right: 0;
}
.main-nav .menu li:hover > .tn-dropdown-menu {
    opacity: 1;
    visibility: visible;
    -moz-transform: translate(-15px,0);
    -webkit-transform: translate(-15px,0);
    -o-transform: translate(-15px,0);
    -ms-transform: translate(-15px,0);
    transform: translate(-15px,0);
}
.tn-dropdown-menu .tn-sub-menu > li:last-child {
    border-bottom: none;
}
.tn-dropdown-menu li:hover > .tn-sub-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
/*----- Style 2 --------*/
.header-style2 .main-nav .menu > li {
    margin: 0;
}
.header-style2 .main-nav .menu > li > a {
    padding: 0 10px;
    overflow: hidden;
    transition: color .2s ease, border .2s ease .2s;
    -webkit-transition: color .2s ease, border .2s ease .2s;
}
.header-style2 .main-nav .menu > li:hover > a {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.header-style2.header-dark .main-nav .menu > li > a {
    padding-bottom: 5px;
}
.header-style2 .main-nav .menu > li > a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: translate3d(0,-100%,0);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    z-index: -1;
    border: none;
}
.header-style2 .main-nav .menu > li:hover > a:before {
    transform: none;
    border: none;
}
.header-style2.header-style2 .main-nav .menu > li:hover > a {
    color: #fff;
}
.header-style2 .tn-mega-menu {
    margin-left: 0;
}
.header-style2 .tn-dropdown-menu {
    -moz-transform: translate(0,20%);
    -webkit-transform: translate(0,20%);
    -o-transform: translate(0,20%);
    -ms-transform: translate(0,20%);
    transform: translate(0,20%);
    margin-left: 0;
}
.header-style2 .main-nav .menu li:hover > .tn-dropdown-menu {
    -moz-transform: translate(0,0);
    -webkit-transform: ttranslate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.header-style2 .main-nav .tn-sub-menu a, .header-style2 .main-nav .tn-sub-sub-menu a, .header-style2 .tn-sub-post .post-title a {
    color: #fff !important;
}
.header-style2 .tn-sub-menu li:hover > a {
    background: rgba(0,0,0,0.1);
}
.header-style2 .main-nav > .tn-container {
    z-index: 0;
}
/* Search form
==================================== */
.header-search-wrap {
    line-height: 1 !important;
    position: absolute;
    bottom: 0;
    right: 0;
}
.header-search-wrap #main-search .input-wrap{
    position: absolute;
    top: 37px;
    right: 0;
    width: 250px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    z-index: 100;
    display: none;
}
.header-search-wrap #s {
    border: none;
	width: 100%;
    height: 35px;
    color: #666;
    padding: 5px;
    background-color: #fff;
}
.header-search-wrap .search-icon {
    background-color: #212121;
    position: static;
}
.header-search-wrap .search-icon i {
    color: #aaa;
    display: block;
    width: 37px;
    height: 37px;
    font-size: 16px;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}
.header-search-wrap .search-icon:hover i {
    color: #fff;
}
/*--- Style 2 ---*/
.header-layout2 .header-banner {
    
}
.header-layout2 .header-search-wrap {
    position: static;
    width: 320px;
    display: inline-block;
    max-width: 100%;
}
.header-layout2 .header-social {
    padding-right: 0;
    float: none;
    margin-bottom: 10px;
}
.header-layout2 .header-search-wrap #main-search .input-wrap {
    position: static;
    box-shadow: none;
    display: block;
    width: 100%;   
}
.header-layout2 .header-search-wrap #s {
    background-color: #fff;
    width: 100%;
    height: 40px;
    color: #aaa;
    padding: 10px;
    border-radius: 20px;
    border: 1px solid #eee;
    padding-left: 40px;
}
.header-layout2 .header-search-wrap .search-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: transparent;
}
.header-layout2 .header-search-wrap .search-icon i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    cursor: auto;
}
.header-layout2 .header-search-wrap .search-icon:hover i {
    color: #aaa;
}
#tn-404-wrap .search {
    margin-bottom: 20px;
}

#tn-404-wrap .search #search-form{
    margin: 0 auto;
    width: 80%;
    position: relative;
}
#tn-404-wrap .entry-content h2 {
    font-size: 20px;
    color: #b3b3b3;
    margin-bottom: 20px;
}
#tn-404-wrap .search #s{
    width: 100%;
    color: #999999;
    background: #f7f7f7;
    border: 3px solid #e9e9e9;
    font-size: 20px;
    padding: 10px 60px 10px 20px;
    height: 60px;
    outline: none;
}

#tn-404-wrap #search-form #search-submit{
    background: #cccccc;
    font-size: 28px;
    border: 0;
    color: #fafafa;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    outline: none;
}
#tn-404-wrap #search-form .search-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
#tn-404-wrap #search-form .search-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
}
.content #search-form {
    margin-top: 30px;
}
#search-form {
    width: 100%;
    position:relative;
}
#s {
	width: 100%;
    height: 40px;
    color: #888;
    padding: 5px 45px 5px 5px;
}
.search-icon {
    position: absolute;
    right: 0px;
    top: 0;
    background-color: #333;
}
.search-icon i {
    color: #fff;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}
.search-results .tn-title span {
    margin-left: 15px;
}
/*======== Breadcrumbs =========*/
.tn-breadcrumb {
    background-color: #eee;
    padding: 15px 0;
    font-size: 12px;
    color: #888;
}
.tn-breadcrumb-inner {
    padding: 0 15px;
}
.header-dark .tn-breadcrumb {
    box-shadow: inset 0px 10px 7px -7px rgba(0,0,0,0.2);
}
.tn-breadcrumb .location {
    margin-right: 10px;
}
.tn-breadcrumb .delim {
    margin: 0 10px;
}
.tn-breadcrumb .current {
    display: inline-block;
}
 /************************* 
 *  
 *  4.  HOMEPAGE
 * 
 *************************/
.fullwidth-section {
    float: left;
    width: 100%;
}
.tn-container + .fullwidth-section {
    padding-bottom: 0;
    margin-top: 0;
}
.home-content {
    clear: both;
}
.home-content:first-child {
    margin-top: 40px;
}
.content-section {
    width: 690px;
    float: left;
}
.sb-left .content-section {
    float: right;
}
 /************************* 
 *  
 *  5.  BLOG
 * 
 *************************/
 /*======== Classic blog ========*/
.post-title.post-title-classic-blog {
    margin-top: 0px;
}
.tn-classic-blog-content.tn-classic-big .two-col {
    margin-right: 0;
}
 /************************* 
 *  
 *  6.  PAGES
 * 
 *************************/
.content {
    padding-bottom: 30px;
}
.content > .search-form:last-child {
    margin-bottom: 30px;
}
.content.has-sidebar {
    width: 690px;
    float: left;    
}
.sb-left .content.has-sidebar {
    float: right;
}
.archive-masonry {
    margin: 0 -15px;
}
.heading-wrap {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.2;
}
.heading-wrap h2 {
    font-size: 30px;
    color: #212121;
}
.heading-wrap hr {
    margin: 15px auto;
    height: 2px;
    width: 50px;
    border: none;
}
.archive-meta {
    text-transform: none;
    line-height: 1.2;
    color: #666;
    font-size: 13px;
    padding: 20px;
    background-color: #fafafa;
    margin-bottom: 30px;
    border-radius: 3px;
    margin-top: -10px;
    
}
/*====== Typography ======*/
.article-content ul, .textwidget ul, .article-content ol, .textwidget ol {
	margin: 0 0 1.5em 2.5em;
}

.article-content ul, .textwidget ul {
	list-style: square;
}

.article-content ol, .textwidget ol {
	list-style-type: decimal;
}

.article-content ol ol, .textwidget ol ol {
	list-style: upper-alpha;
}

.article-content ol ol ol, .textwidget ol ol ol {
	list-style: lower-roman;
}

.article-content ol ol ol ol, .textwidget ol ol ol ol {
	list-style: lower-alpha;
}

.article-content ul ul, .textwidget ul ul, .article-content ol ol, .textwidget ol ol, .article-content ul ol, .textwidget ul ol, .article-content ol ul, .textwidget ol ul {
	margin-bottom: 0;
}

.article-content dl, .textwidget dl {
	margin: 0 1.5em;
}

.article-content dt, .textwidget dt {
	font-weight: bold;
}
.article-content dd, .textwidget dd {
	margin-bottom: 1.5em;
}

.article-content strong, .textwidget strong {
	font-weight: bold;
}

.article-content small, .textwidget small { 
	font-size: 80%; 
}

.article-content big, .textwidget big {
	font-size: 120%;
}

.article-content cite, .textwidget cite, .article-content em, .textwidget em, .article-content i, .textwidget i {
	font-style: italic;
}

.article-content cite, .textwidget cite {
	border: none;
}

.article-content blockquote, .textwidget blockquote {
	font-style:italic;
    margin: 7px 35px 10px 45px;    
	font-style: italic;
	padding: 5px 20px;
	clear: both;
    border-left-style: solid;
    border-left-width: 4px;
}

.page .post-article .article-content blockquote p:last-child, .textwidget blockquote p:last-child, .single .post-article .article-content blockquote p:last-child, .textwidget blockquote p:last-child {
	margin-bottom: 0;
	padding: 0px;
}
.article-content blockquote em, .textwidget blockquote em, .article-content blockquote i, .textwidget blockquote i, .article-content blockquote cite, .textwidget blockquote cite {
	font-style: normal;
}
.article-content pre, .textwidget pre {
	background: rgba(0, 0, 0, 0.05);
	font: 87.5% "Courier 10 Pitch", Courier, monospace;
	line-height: normal;
	margin-bottom: 1.5em;
	padding: 0.75em 1.5em;
    overflow: auto;
}
.article-content code, .textwidget code, .article-content kbd, .textwidget kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
.article-content abbr, .textwidget abbr, .article-content acronym, .textwidget acronym {
	border-bottom: 1px solid #666;
	cursor: help;
}
.article-content ins, .textwidget ins {
	text-decoration: none;
}
.article-content sup, .textwidget sup, .article-content sub, .textwidget sub {
	font-size: 62.5%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
.article-content sup, .textwidget sup {
	bottom: 1ex;
}
.article-content sub, .textwidget sub {
	top: .5ex;
}

.article-content input, .textwidget input, .article-content textarea, .textwidget textarea {
	border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}

.article-content input:focus, .textwidget input:focus, .article-content textarea:focus, .textwidget textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: 0;
}

.article-content button, .textwidget button,
.article-content input[type="button"], .textwidget input[type="button"],
.article-content input[type="reset"], .textwidget input[type="reset"],
.article-content input[type="submit"], .textwidget input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
    padding: 5px 10px;
}

.article-content button[disabled], .textwidget button[disabled],
.article-content input[disabled], .textwidget input[disabled] {
	cursor: default;
    padding: 5px 10px;
}

.article-content address, .textwidget address {
	display: block;
	margin: 0 0 1.625em;
}

.article-content table, .textwidget table {
	border-bottom: 1px solid #F2F2F2;
	margin: 0 0 1.625em;
	width: 100%;
	text-align:left;
}

.article-content th, .textwidget th {
	color: #666;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 2.6em;
}

.article-content td, .textwidget td {
	border-top: 1px solid #F2F2F2;
	padding: 6px 10px 6px 0;
}

.article-content p, .textwidget p{
	margin-bottom: 15px;
    text-align: justify;
    text-justify: inter-word;
}

.article-content img, .textwidget img{
	max-width: 100%; 
	height: auto;
}

/*-- WordPress common classes*/
.article-content .alignleft, .textwidget .alignleft{
	display: inline;
	float: left;
	margin-right: 1.25em;
}
.article-content .alignright, .textwidget .alignright{
	display: inline;
	float: right;
	margin-left: 1.25em;
}

.article-content .alignnone, .textwidget .alignnone,
.article-content .aligncenter, .textwidget .aligncenter{
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.article-content img.alignleft, .textwidget img.alignleft,
.article-content img.alignright, .textwidget img.alignright,
.article-content img.alignnon, .textwidget img.alignnone,
.article-content img.aligncenter, .textwidget img.aligncenter {
	margin-bottom: 1.25em;	
}

.article-content p img, .textwidget p img,
.article-content .wp-caption, .textwidget .wp-caption {
	margin-top: 0.4em;
    max-width: 100%;
}
.article-content .textwidget .wp-caption, .textwidget .wp-caption {
	margin-bottom: 1.25em;
	max-width: 96%;
	text-align:center;
    background-color: #eee;
}

.article-content .wp-caption img, .textwidget .wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.article-content p.wp-caption-text, .textwidget p.wp-caption-text {
	margin-bottom: 0;
}

.article-content .wp-caption .wp-caption-text, .textwidget .wp-caption .wp-caption-text,
.article-content .gallery-caption, .textwidget .gallery-caption {
    padding: 4px;
	color: #666;	
	font-size: 12px;
    margin-bottom: 5px !important;
}

/*-- WP Gallery --*/ 
.article-content .gallery img, .textwidget .gallery img {
	border: none !important;
	line-height: 0;
	display: inline-block;
	box-shadow: none;
	max-width: 100%;
}

.article-content .gallery img:hover, .textwidget .gallery img:hover, .article-content .gallery img:focus, .textwidget .gallery img:focus {
	box-shadow: none;
}

.article-content .gallery .wp-caption-text, .textwidget .gallery .wp-caption-text {
	margin: 0 !important;
}

.article-content .gallery .gallery-item, .textwidget .gallery .gallery-item {
	width: 100%;
	margin: 0 0 10px !important;
}

.article-content .gallery-icon, .textwidget .gallery-icon {
	margin: 0;
	padding: 0 10px;
} 
/*======== single page ========*/
.single .main-content.has-sidebar {
    width: 690px;
    float: left;
}
.post-meta .avatar {
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
/* Article Cover */
.tn-single-cover {
    position: relative;
    margin-bottom: 40px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn-single-cover:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.4)), color-stop(100%,rgba(0,0,0,.8)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,.4) 0%,rgba(0,0,0,.8) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,.4) 0%,rgba(0,0,0,.8) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,.4) 0%,rgba(0,0,0,.8) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,.4) 0%,rgba(0,0,0,.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn-single-cover .article-thumb.article-thumb.article-thumb {
    margin-top: 0;
    margin-bottom: 0;
}
.tn-single-cover .post-title-single {
    margin-bottom: 0;
}
.single-format-standard .tn-single-cover:before {
    content: '';
    position: static;
    padding-top: 46%;
    display: block;
    background: none;
}
.single-format-standard .tn-single-cover.fw-cover:before {
    padding-top: 36%;
}
.single-format-standard .tn-single-cover .cover-details {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 20px;
}

.tn-single-cover .cover-details {
    padding: 20px;
    background: rgba(0,0,0,0.5);
}
.tn-single-cover .post-title {
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}
.tn-single-cover .post-meta {
    margin: 10px 0 0;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 0 0 2px 10px;
    border-radius: 3px;
}
.tn-single-cover .post-meta div, .tn-single-cover .post-meta time, .tn-single-cover .post-meta a {
    color: #eee !important;
}
/*-- Cover 2 --*/
.tn-single-cover.cover2 .cover-details {
    background: #fff;
    padding: 20px 20px 0;
}
.tn-single-cover.cover2 .post-title {
    color: #333;
    text-shadow: none;
}
.tn-single-cover.cover2 .post-meta {
    background: transparent;
    padding: 0;
}
.tn-single-cover.cover2 .post-meta div, .tn-single-cover.cover2 .post-meta time, .tn-single-cover.cover2 .post-meta a {
    color: #aaa !important;
}

.single-format-audio .tn-single-cover .article-thumb {
    padding: 40px 0;
}

.single-format-video .tn-single-cover .article-thumb {
    padding: 40px 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.single-format-image .tn-single-cover .article-thumb {
    padding: 40px 0;
    text-align: center;
}
.single-format-image .tn-single-cover .article-thumb > a {
    display: inline-block;
}
.single-format-image .tn-single-cover .article-thumb:hover .post-icon {
    opacity: 0;
}
.single-format-image .tn-single-cover .article-thumb img:hover + .post-icon {
    opacity: 1;
}
.single-format-image .tn-single-cover .article-thumb > a {
    max-width: 800px;
}
.single-format-image .tn-single-cover .article-thumb img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.single-format-image .tn-single-cover .article-thumb .img-popup-link {
    cursor: auto;
}

.single-format-gallery .tn-single-cover .article-thumb {
    padding: 40px 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* Article thumb */
.article-thumb {
    position: relative;
}
.article-thumb video, .article-content video {
    width: 100% !important;
}
.article-thumb .mejs-container, .article-content .mejs-container {
width: 100% !important;
}
.article-thumb .wp-video, .article-content .wp-video {
    width: 100% !important;
}
.article-thumb .mejs-layer, .article-content .mejs-layer {
    width: 100% !important;
}
.single .article-thumb {
    margin-bottom: 40px;
}
.single .article-thumb:first-child {
    margin-bottom: 20px;
}
.single .article-thumb img {
    width: 100%;
    height: auto;
}
.single-big.single-big .article-thumb {
    margin-bottom: 40px;
}
.single-big .tn-image {
    text-align: center;
}
.single-big .tn-image img {
    max-width: 100%;
    width: auto;
    height: auto;
}
.single-format-standard .entry-header-big {
    position: relative;
    margin-top: -114px;
    padding: 20px 20px 0;
    background: #fff;
    margin-left: 20px;
}
.single .entry-header {
    margin-bottom: 40px;
}
.entry-header:not(.entry-header-big) .overlay-meta, .single-format-gallery .entry-header-big .overlay-meta, .single-format-video .entry-header-big .overlay-meta, .single-format-image .entry-header-big .overlay-meta, .single-format-audio .entry-header-big .overlay-meta {
    position: static;
    margin-bottom: 10px;
    transform: none;
    -webkit-transform: none;
}
.entry-header:not(.entry-header-big) {
    position: relative;
    margin-bottom: 40px;
}
.entry-header .overlay-meta .post-icon {
    color: #fff;
    background: #333;
}
.entry-header .overlay-meta > a {
    background: #333;
}
.single-format-standard .entry-header-big .post-meta.post-meta-single {
    margin-bottom: 10px;
}
.post-title-single {
    font-size: 40px;
    color: #212121;
    margin-bottom: 10px;
}
.single .post-title-single.top {
    margin-top: 0;
}
.single .post-meta span, .single .post-meta span a {
    margin: 0;
}
.single .author-name a {
    font-size: 15px;
}
.single .article-time {
    text-transform: none;
}
.single .post-article {
    position: relative;
    overflow: hidden;
}
.single .post-article p, .single .post-article li, .single .post-article h1, .single .post-article h2, .single .post-article h3, .single .post-article h4, .single .post-article h5 {
    line-height: 1.5;
}
.single .post-article .article-content h1, .single .post-article .article-content h2, .single .post-article .article-content h3, .single .post-article .article-content h4, .single .post-article .article-content h5, .single .post-article .article-content h6, .single .post-article .article-content hgroup,
.single .post-article .article-content ul, .single .post-article .article-content ol, .single .post-article .article-content dl, .single .post-article .article-content blockquote, .single .post-article .article-content p, .single .post-article .article-content address,
.single .post-article .article-content table, .single .post-article .article-content fieldset, .single .post-article .article-content figure, .single .post-article .article-content pre {
  margin-bottom: 15px; 
}
.single .post-article .article-content {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #333;
    font-size: 14px;
}
.single .post-article .article-content:first-child {
    margin-top: 0;
}
.single .cat-list {
    margin-top: 20px;
}
.single .cat-list > span, .single .tag-list > span, .single .share-list > span {
    text-transform: uppercase;
    font-weight: 400 !important;
    margin-right: 20px;
    font-size: 12px;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin-bottom: 5px;
}
.single .cat-list > span i, .single .tag-list > span i, .single .share-list > span i {
    margin-right: 5px;
}
.single .share-list, .single .tag-list {
    margin-top: 15px;
}
.single .share-list ul {
    display: inline;
}
.single .share-list li {
    display: inline-block;
    line-height: 1;
}
.single .share-list .share-btn {
    display: none;
}
.single .share-list .tn-share i {
    font-size: 12px;
    line-height: 1.5;
    width: auto;
    margin-right: 5px;
}
.single .share-list .tn-share:after {
    content: attr(title);
}
.cat-btn, .tag-btn {
    display: inline-block;
    font-weight: 400 !important;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #eee;
    color: #fff;
} 
.share-list .tn-share {
    font-weight: 400 !important;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 3px;
    background-color: #eee;
    color: #fff;
} 
.cat-list, .tag-list {
    clear: both;
}
.tag-list > span {
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
}
/***************
Review box
****************/
.tn-review-box .tn-bar .tn-overlay {
    height: 10px;
}
article .tn-review-box {
    width: 210px;
    margin: 0 0 10px 30px;
    float: right;
}
.tn-review-box .tn-review-title {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 15px 0;
    text-align: center;
}
.tn-review-box .tn-bar {
    width: 100%;
    position: relative;
    letter-spacing: 2px;
    text-transform: uppercase;
    float: left;
    margin-bottom: 10px;
}
.tn-review-box .tn-detail-rating {
    margin-bottom: 20px;
}
.tn-review-box .tn-criteria-score {
    font-size: 16px;
    line-height: 1.5;
    z-index: 5;
    float: right;
    font-weight: 700;
}
.tn-review-box .tn-criteria {
    font-size: 14px;
    line-height: 1.3;
    z-index: 5;
    float: left;
    font-weight: 700;
    padding-right: 10px;
    color: #666;
}
.tn-review-box .tn-bar .tn-overlay {
    margin:  0;
    position: relative;
    display: block;
    width: 100%;
    background-color: #eeeeee;
}
.tn-review-box .tn-bar .tn-overlay .tn-bar-score {
    height: 100%;
    display: block;
    
}

.tn-review-box .tn-summary {
    width: 100%;
}
.tn-review-box .review-box-title {
    padding-top: 15px;
    border-top: 4px solid #aaa;
    padding-bottom: 15px;
    border-bottom: 1px solid #aaa;   
}
.tn-review-box .tn-summary #tn-conclusion {
    font-size: 13px;
    color: #888;
    font-style: italic;
    line-height: 1.5;
}
.tn-review-box .tn-title {
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    color: gray;
}
/* Review score */
.tn-score-box {
    position: relative;
    clear: both;
    margin: auto;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 10px solid rgba(0,0,0,0.1);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.tn-score-box .rating-canvas {
    top: -10px;
    left: -10px;
}
.tn-score-box .score {
    display: block;
    color: #fff;
    line-height: 130px;
    font-size: 50px;
    font-weight: 700 !important;  
}

/********************
CSS ANIMATION STYLES
*********************/
.come-in {
  animation: come-in;
  animation-duration: 0.25s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  opacity: 1;
}

.already-visible {
  opacity: 1;
}
/*======== Post page links ========*/
.post-page-links {
    margin-bottom: 40px;
    margin-top: 20px;
}
.post-page-links + div, .post-page-links + nav {
    clear: both;
}
.post-page-links span {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 8px 12px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    font-size: 12px;
    color: #fff;
    line-height: 1;
}
.post-page-links a span {
    color: #333;
}
/*======== Related posts =========*/
#tn-related-wrap {
    margin-top: 40px;  
}
#tn-related-posts .block-title {
    margin-bottom: 15px;
}
#tn-related-posts .post-list.related-no-sb .one-col:nth-child(3n) {
    margin-right: 0;
}
#tn-related-posts .post-list.related-with-sb .one-col:nth-child(2n) {
    margin-right: 0;
}
#tn-related-posts .item-post {
    margin-bottom: 20px;
    overflow: hidden;
}
#tn-related-posts .related-with-sb .item-post:nth-child(2n+1),#tn-related-posts .related-no-sb .item-post:nth-child(3n+1) {
    clear: both;
}
#tn-related-posts .related-with-sb .item-post:last-child, #tn-related-posts .related-with-sb .item-post:nth-last-child(2), #tn-related-posts .related-no-sb .item-post:last-child, #tn-related-posts .related-no-sb .item-post:nth-last-child(2), #tn-related-posts .related-no-sb .item-post:nth-last-child(3) {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}
/*======== Comments ==============*/
.comments-area {
    margin-top: 40px;
    margin-bottom: 30px;
}
.comments-area .tn-header {
    margin-bottom: 0;
}
.comments-area .add-comment-btn {
    float: right;
    padding: 3px 6px;
    font-size: 10px;
    margin-top: 10px;
    font-weight: 300;
}
.comment-respond {
    margin-bottom: 30px;
    margin-top: 30px;
}
.comment-respond h3 {
    font-size: 18px;
    color: #212121;
    line-height: 1.5;
    text-transform: uppercase;
    margin-right: 10px;
}
.comment-respond, .comments-area small {
    font-size: 80%;
}

.comments-area-title h4 {
    display: inline-block;
}
.comments-area ul, .comments-area ol {
    list-style: none;
    
}

.comment-article {
    position:  relative;
}
.comment-author span {
    display: block;
    font-size: 12px;
    line-height: 1.5;
}
.comment-time a {
    color: #888;
}
.comment-time i {
    color: #888;
    margin-right: 5px;
}
.comment-avatar {
    float: left;
    margin-right: 15px;
}
.comment-avatar img {
    border-radius: 50%;
}
.comment.bypostauthor > .comment-article > .comment-author > .comment-author-name:after {
    content: 'AUTHOR';
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    padding: 1px 5px 2px 5px;
    border-radius: 2px;
    margin-left: 10px;
    vertical-align: middle;
}
.comment-author .comment-author-name {
    color: #212121;
    font-size: 16px;
    font-weight: 700;
    display: inline-block !important;
}
.comment-links {
    position: absolute;
    top: 0px;
    right: 0px;
}
.comment-links a {
    margin-left: 10px;
    text-transform: uppercase;
}
.comment-links a:hover {
    border-bottom: 1px solid #bbb;
}
.comment-text .alert.info {
    margin-left: 75px;
    background: #eee;
    padding: 5px;
}
.comment-text .alert.info p {
    font-size: 14px;
    font-style: italic;
}
.comment-content {
    margin-left: 75px;
    font-size: 13px;
    line-height: 1.5;
}
ol.commentlist ul.children {
    border-top: 1px solid #eee;
    margin-top:  30px;
}
.comment:first-child {
    margin-top: 30px;
}
.comment + .comment {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}
.comment-navigation div {
    margin-bottom: 20px;
    margin-right: 10px;
}
.comment-navigation a {
    padding: 5px 8px;
    font-size: 12px;
    border-radius: 3px;
}
.comment-navigation .nav-previous {
    float: left;
}
.comment-navigation .nav-next {
    float: right;
}
.comment-navigation {
    margin: 20px 0;
}
.comment-navigation a {
    color: #fff;
}

.comment-respond {
    font-size: 14px;
    color: #888;
}
.comment-respond #reply-title {
    margin-bottom: 10px;
}
.comment-form {
  list-style: none;
}
.comment-form-author, .comment-form-email, .comment-form-url {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    position: relative;
    margin: 0 5% 15px 0;
}
.comment-form-url {
    margin-right: 0;
}
.comment-respond input[type="text"] {
    display: block;
    width: 100%;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: 0;
    padding: 10px;
}
.comment-respond input[type="text"]:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.comment-respond label {
    display: none;
}
.comment-form-comment {
    margin: 20px 0;
}
.comment-form-comment textarea {
    width: 100%;
    resize: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
}
.comment-form-comment textarea:focus {
    border: 1px solid rgba(0, 0, 0, 0.3);
}
#comment-submit {
    font-size: 12px;
    margin: 0;
    font-weight: 400 !important;
}
.comments-area ul ul, .comments-area ol ul {
    margin-left: 60px;
}
.form-submit {
    text-transform: uppercase;
    margin-bottom: 10px;
}
/*======= Author box ======*/
.tn-author-box {
    position: relative;
    margin-top: 40px;
    padding: 30px;
    background-color: #f5f5f5;
}
.tn-author-content .tn-author-box {
    padding-bottom: 30px;
}
.author .tn-author-box {
    margin-top: 0;
    margin-bottom: 30px;
}
.tn-author-avatar {
    float: left;
    margin-right: 30px;
}
.tn-author-avatar img {
    border-radius: 50%;
}
.tn-author-box h3 {
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 400 !important;
    margin-top: 10px;
}
.tn-author-box h3 a {
    color: #454545;
}
.tn-author-box h3 a:hover {
    text-decoration: underline;
}
.tn-author-box .title {
    display: block;
    font-size: 13px;
    line-height: 1em;
    color: #777;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 2px;
}
.tn-author-page-contact {
    margin-top: 15px;
    font-size: 0;
}
.tn-author-page-contact a {
    display: inline-block;
    background-color: #eee;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #666;
    padding: 0 10px;
    text-align: center;
    transition: all ease .3s;
}
.tn-author-page-contact a:hover i {
    color: inherit;
}
.tn-author-page-contact a i {
    line-height: 26px;
    color: #666;
    font-size: 12px;
    margin-right: 5px;
}

.tn-author-bio {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.5;
    color: #888;
    margin-left: 110px;
}
/*========= Entry navigation =========*/
.post-nav {
    margin-top: 40px;
}
.post-nav .post-nav-link {
    position: relative;
}
.post-nav .post-nav-link .thumb {
    width: 100%;
    height: 160px;
    overflow: hidden;
    position: relative;
    background-color: transparent;
}
.post-nav .post-nav-link .thumb:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}
.post-nav .post-nav-link:hover .thumb:before {
    background: rgba(0,0,0,0.6);
}
.post-nav .post-nav-link > a {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.prev-link-wrap {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 100%;
}
.next-link-wrap {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    width: 100%;
}
.post-nav-link-next {
    width: 50%;
    text-align: right;
    float: right;
}
.post-nav-link-next img, .post-nav-link-next .thumb {
    border-radius: 0 4px 4px 0;    
}
.post-nav-link-prev img, .post-nav-link-prev .thumb {
    border-radius: 4px 0 0 4px;    
}
.post-nav-link-prev {
    width: 50%;
    text-align: left;
    float: left;
}
.post-nav-link-next h3 {
    padding-left: 15px;
}
.post-nav-link-prev h3 {
    padding-right: 20px;
}
.post-nav i {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.post-nav-link-next i {
    margin-left: 5px;
    float: right;
}
.post-nav-link-prev i {
    margin-right: 5px;
    float: left;
}
.post-nav-link-label {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 20px;
    color: #fff;
    min-width: 110px;
}
.post-nav-link-title {
    clear: both;
    line-height: 1.5;
    transition: all 0.3s ease;
}
.post-nav-link-title h3 {
    transition: all 0.3s ease;    
}
.post-nav-link-title a {
    color: #fff;
    text-shadow: 1px 1px 1px #333;
}
/*======= Gallery slider ========*/
#tn-gallery-slider {
    margin-bottom: 20px !important;
}
#tn-gallery-slider, #tn-carousel-gallery-thumb {
    background: transparent;
}
#tn-gallery-slider li img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: auto;
}
#tn-gallery-slider .flex-direction-nav a {
    background: rgba(0,0,0,0.3);
    padding: 5px;
}
#tn-gallery-slider .flex-direction-nav .flex-next {
    right: 0px;
    border-radius: 3px 0 0 3px;
}
#tn-gallery-slider .flex-direction-nav .flex-prev {
    left: 0px;
    border-radius: 0 3px 3px 0;
}
#tn-gallery-slider p {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    padding: 20px;
    font-size: 14px;
    opacity: 0;
}
#tn-gallery-slider li:hover p {
    opacity: 1;
}
#tn-carousel-gallery-thumb li {
    border: 5px solid transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    opacity: 0.7;
}
#tn-carousel-gallery-thumb li.flex-active-slide {
    border-width: 5px;
    border-style: solid;
    opacity: 1;
}
#tn-carousel-gallery-thumb li img {
    border-radius: 3px;
}
#tn-carousel-gallery-thumb .flex-direction-nav {
    height: 0;
}
#tn-carousel-gallery-thumb .flex-viewport .slides {
    margin: 0 -5px;
}
#tn-carousel-gallery-thumb .flex-direction-nav a {
    background: rgba(0,0,0,0.3);
    width: 26px;
    height: 40px;
    padding: 3px;
    margin-top: -20px;
}
#tn-carousel-gallery-thumb .flex-direction-nav a polyline {
    stroke-width: 4px;
}
#tn-carousel-gallery-thumb .flex-direction-nav a:hover polyline {
    stroke-width: 6px;
}
#tn-carousel-gallery-thumb .flex-direction-nav a:active polyline {
    stroke-width: 8px;
}
#tn-carousel-gallery-thumb .flex-direction-nav .flex-next {
    right: 0px;
}
#tn-carousel-gallery-thumb .flex-direction-nav .flex-prev {
    left: 0px;
}
 /*==== 404 PAGE ========*/
 .tn-404-header{
    text-align: center;
    
}
.tn-404-header .error-number h4{
    font-size: 200px;
    margin-bottom: 20px;
}

.tn-404-header .tn-error-title{
    font-size: 40px;
    margin-bottom: 20px;
}

#tn-404-wrap{
    text-align: center;
    margin-bottom: 100px;
}

#tn-404-wrap #page-not-found .entry-content{
    text-align: center;
}

#tn-404-wrap .search {
    margin-bottom: 20px;
}

#tn-404-wrap .search #search-form{
    margin: 0 auto;
    width: 80%;
    position: relative;
}
#tn-404-wrap .entry-content h2 {
    font-size: 20px;
    color: #b3b3b3;
    margin-bottom: 20px;
}
#tn-404-wrap .search #s{
    width: 100%;
    color: #999999;
    background: #f7f7f7;
    border: 3px solid #e9e9e9;
    font-size: 20px;
    padding: 10px 60px 10px 20px;
    height: 60px;
    outline: none;
}

#tn-404-wrap #search-form #search-submit{
    background: #cccccc;
    font-size: 28px;
    border: 0;
    color: #fafafa;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    outline: none;
}
#tn-404-wrap #search-form .search-icon{
    position: absolute;
    right: 0px;
    top: 0px;
}
#tn-404-wrap #search-form .search-icon i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
}
#tn-404-wrap .redirect-home {
    margin-bottom: 20px;
}
#tn-404-wrap .redirect-home a {
    font-size: 12px;
}
#tn-404-wrap .redirect-home i {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
}
/*=== ARCHIVE PAGE ======*/

/*========= Pagination ========*/
.archive-masonry #pagination {
    margin-left: 15px;
}
#pagination span, #pagination a {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 15px;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    display: inline-block;
    font-size: 14px;
    color: #333;
    line-height: 1;
}
#pagination .current {
    color: #fff;
}
/*=========== Page ================*/
.page .main-content.has-sidebar {
    width: 690px;
    float: left;
}
.page .article-thumb {
    margin-bottom: 5px;
}
.page .article-thumb img {
    width: 100%;
    height: auto;
}
.page .cat-list {
    line-height: 25px;
}
.page .post-title {
    color: #212121;
}
.page .post-title-single {
    font-size: 40px;
    color: #212121;
    margin-top: 20px;
}
.page .post-meta span, .page .post-meta span a {
    margin: 0;
}
.page .author-name a {
    color: #E63B36;
    font-size: 15px;
}
.page .article-time {
    text-transform: none;
}
.page .post-article {
    position: relative;
    margin-bottom: 30px;
}

.page .post-article p, .page .post-article li, .page .post-article h1, .page .post-article h2, .page .post-article h3, .page .post-article h4, .page .post-article h5 {
    line-height: 1.5;
}
.page .post-article .article-content h1, .page .post-article .article-content h2, .page .post-article .article-content h3, .page .post-article .article-content h4, .page .post-article .article-content h5, .page .post-article .article-content h6, .page .post-article .article-content hgroup,
.page .post-article .article-content ul, .page .post-article .article-content ol, .page .post-article .article-content dl, .page .post-article .article-content blockquote, .page .post-article .article-content p, .page .post-article .article-content address,
.page .post-article .article-content table, .page .post-article .article-content fieldset, .page .post-article .article-content figure, .page .post-article .article-content pre {
  margin-bottom: 24px;
  margin-bottom: 1.7rem; 
}
.page .post-article .article-content {
    margin-top: 24px;
    margin-top: 1.7rem;
    margin-bottom: 24px;
    margin-bottom: 1.7rem;
    color: #666;
    font-size: 14px;
}
 /************************* 
 *  
 *  7.  SIDEBAR
 * 
 *************************/
 .sidebar {
    width: 330px;
    margin-bottom: 30px;
    padding-left: 15px;
}
.sidebar .widget:first-child {
    margin-top: 0;
}
.right {
    float: right;
}
.left {
    float: left;
}
.widget{
	margin-top: 40px;
	overflow: hidden;
    clear: both;
}
.widget.has-bg:first-child {
    margin-top: 0;
}
.home-content .widget:first-child {
    margin-top: 0;
}
.widget:last-child {
    margin-bottom: 40px;
}
.fullwidth-section.bottom-section .widget:last-child {
    margin-bottom: 40px;
}
.fullwidth-section.bottom-section .widget.has-bg:last-child {
    margin-bottom: 0;
}
.fullwidth-section .widget.has-bg + .widget.has-bg {
    margin-top: 0;
}
.fullwidth-section.bottom-section .widget:first-child {
    margin-top: 0;
}
.home-content .widget-bg {
    padding: 30px!important;
}
 /************************* 
 *  
 *  8.  FOOTER
 * 
 *************************/
/*======== Copyright footer =======*/
.tn-copyright {
    float: left;
}
/*======== Menu footer =======*/
#footer-menu {
    float: right;
}
#footer-menu ul {
    display: inline-block;   
}
#footer-menu li {
    display: inline-block;
    margin-left: 10px;
    text-transform: capitalize;
}
#footer-menu li:not(:last-child):after {
    content: '/';
    margin-left: 10px;
}
#footer-menu a {
    color: #fff;
}
#footer-menu li:hover a {
    border-bottom: 1px solid;
}
/*======== Back top button =======*/
#back-top {
    width: 40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 40px;
    background-color: #333;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    cursor: pointer;
    z-index: 100;
    border-radius: 50%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    font-size: 8px;
    line-height: 2px;
    color: #fff;
}
#back-top:hover {
    opacity: 1 !important
}
#back-top i {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
}

.footer {
    width: 100%;
    background-color: #222;
    color: #ddd;
    clear: both;
}
.footer a {
    color: #aaa;
}
.footer .post-title a {
    color: #eee;
}
.footer-content {
    padding-bottom: 30px;
}
.footer-sidebar {
    width: 330px;
    margin-right: 30px;
    margin-top: 30px;
    float:  left;
}
.footer-sidebar:last-child {
    margin-right: 0;
}
.footer-lower {
    width: 100%;
    margin: auto;
    padding: 20px;
    font-size: 12px;
    background-color: rgba(0,0,0,0.2);
}
.footer .widget {
    background-color: transparent;
}
.footer .tn-header, .footer .widget-tabs-title-container {
    background-color: transparent;
    height: auto;
    margin-bottom: 20px;
}
.footer .tn-title, .footer .widget-tabs-title-containers li {
    padding: 0;
}
.footer .tn-title {
    border-bottom: none;
}
.footer .tn-header h3, .footer .widget-tabs-title-container li h3 {
    background-color: transparent !important;
    font-size: 13px;
    padding-left: 0;
    font-weight: 700;
    border-bottom-width: 1px;
}
 /************************* 
 *  
 *  9.  BLOCKS
 * 
 *************************/
 /*======== flexslider ==========*/
.flexslider .slider ul, .flexslider .slider ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.flexslider {
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent;
}

.tn-mega-menu .flexslider .slides  {
    box-sizing: border-box;
}
.tn-mega-menu .flexslider .slides > li {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    border: 10px solid transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-backface-visibility: visible;
    backface-visibility: hidden;
    
}
#tn-gallery-slider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}

.featured-grid-slider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}

/*========== Block Carousel ============*/
.fullwidth-section .tn_block_featured_carousel .owl-dots {
    display: none !important;
}
.tn_block_featured_carousel .owl-carousel-wrap.initial-load {
    min-height: 160px;
}
.tn_block_featured_carousel .owl-item img {
    transform-style: flat!important;
}
.tn_block_featured_carousel .post-title {
    bottom: 0px;
    left: 0px;
    text-align: left;
    font-size: 15px;
}
.widget-slider .post-title { 
    left: 0;
    bottom: 0;
    position: absolute;    
    padding: 10px;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.tn_block_featured_carousel .post-title:hover a, .tn_block_featured_grid .post-title:hover a {
    color: #fff;
}
.tn_block_featured_carousel .slides li {
    position: relative;
    overflow: hidden;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
}
.tn_block_featured_carousel .slides li:hover .thumb img {
    opacity: 0.7;
}
.tn_block_featured_carousel .slides .thumb:hover img {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
}

.tn_block_featured_carousel .post-title a {
    color: #fff;
}
.tn_block_featured_carousel .tn-item {
    position: relative;
}
/*--- Style 1 ---*/
.tn_block_featured_carousel .style1 .post-info {
    padding: 20px;
    position: absolute;
    top: auto;bottom: 20px;right: 20px;left: 20px;
    background-color: #fff;
}
.tn_block_featured_carousel .style1 .post-title {
    font-size: 24px;
}
.tn_block_featured_carousel .style1 .post-title a {
    color: #333;
}
.content-section .tn_block_featured_carousel .style1 .post-title {
    font-size: 18px;
}
.content-section .tn_block_featured_carousel .style1 .post-info {
    padding: 20px 15px 15px;
}
.content-section .tn_block_featured_carousel .style1 .overlay-meta {
    left: 15px;
}
.tn_block_featured_carousel .style1 .thumb:hover img {
    opacity: 1;
}
/*--- Style 2 ---*/
.tn_block_featured_carousel .style2 {
    padding: 0 20px;
}
.tn_block_featured_carousel .tn-container .style2 {
    padding: 0;
}
.tn_block_featured_carousel .widget-bg .style2 .post-info {
    border: none;
}
.tn_block_featured_carousel .style2 .post-info {
    padding: 20px 15px 15px;
    position: relative;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
    min-height: 90px;
}
.tn_block_featured_carousel .style2 .overlay-meta {
    left: 15px;
}
.tn_block_featured_carousel .style2 .post-title {
    font-size: 22px;
}
.tn_block_featured_carousel .tn-container .style2 .post-title {
    font-size: 18px;
}
.tn_block_featured_carousel .style2 .post-title a {
    color: #333;
}
.tn_block_featured_carousel .style2 .thumb {
    transition: transform .4s, box-shadow .45s ease;
    -webkit-transition: transform .4s, box-shadow .45s ease;
}
/*--- Style 3 ---*/
.tn_block_featured_carousel .style3 .rating-wrap {
    bottom: 30px;
    left: 50%;
    top: auto;
    right: auto;
    margin-left: -30px;
    width: 60px;
    height: 60px;
}
.tn_block_featured_carousel .style3 .rating-wrap span {
    line-height: 60px;
    font-size: 22px;
}
.tn_block_featured_carousel .style3 .post-info {
    padding: 20px;
    position: absolute;
    top: 0;bottom: 0;right: 0;left: 0;
    background-color: rgba(0,0,0,0.5);
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.tn_block_featured_carousel .style3 .tn-item:hover .post-info {
    padding-top: 25px;
    background-color: rgba(0,0,0,0.7);
}
.tn_block_featured_carousel .style3 .post-info .overlay-meta {
    position: static;
    transform: none;
    margin-bottom: 10px;
}
.tn_block_featured_carousel .style3 .post-title {
    font-size: 30px;
    text-shadow: 1px 1px 1px #333;
}
.tn_block_featured_carousel .tn-container .style3 .post-title {
    font-size: 20px;
}
/*==== Block post one ===*/
.tn_block_article-box_1l4s-r-wrap {
	overflow: hidden;    
}
.tn_block_article-box_1l4s-r-wrap .content-wrap {
    width: 100%;
}
.tn_block_article-box_1l4s-r-wrap .main-post {
	margin-bottom: 0;
    padding: 0;
    border-bottom: none;
}

.tn_block_article-box_1l4s-r-wrap .item-post:last-child, .tn_block_article-box_2l6s-wrap .item-post:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.tn_block_article-box_1l4s-r-wrap .item-post .thumb, .tn_block_article-box_2l6s-wrap .item-post .thumb, .widget-tabs li .thumb, 
#tn-related-posts .item-post .thumb {
	margin-right: 10px;	
	float: left;
    position: relative;	
}
.tn_block_article-box_1l4s-r-wrap .item-post .wp-post-image, .tn_block_article-box_2l6s-wrap .item-post .wp-post-image {
	width: 75px;
	height: 75px;
}

/*==== Block post two ===*/

/*======= Block posts three ========*/
.tn_block_article-box_1l4s-b .one-half {
    float: none;
}
.tn_block_article-box_1l4s-b .main-post .thumb-wrap {
    float: left;
    margin-bottom: 0;
    overflow: hidden;
}
.tn_block_article-box_1l4s-b .main-post .post-details {
    float: left;
}
.two-col {
    width: 690px;
    float: left;
    margin-right: 30px;
    max-width: 100%;
}
.one-col {
    width: 330px;
    float: left;
    margin-right: 30px;
    max-width: 100%;
}
.two-col.post-list .item-post {
    float: left;
}
.two-col.post-list .item-post .thumb {
    width: 75px;
    margin-right: 10px;
    float: left;
    position: relative; 
}
.sub-post {
    width: 100%;
    float: left;
}
.thumb + .sub-post, .thumbnail + .sub-post {
    margin-left: -85px;
    padding-left: 85px;
}
.item-post {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.item-post:last-child {
    margin-bottom: 0;
    border: none;
}

.main-post {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}
.one-col .main-post, .one-col.main-post {
    overflow: hidden;
}
.one-col .main-post .thumb, .one-col.main-post .thumb {
    margin-bottom: 15px;
}
.one-col .main-post .post-details, .one-col.main-post .post-details {
}
.one-col .main-post .thumb-wrap, .one-col.main-post .thumb, .one-col.main-post .thumb img, .one-col .main-post > a, .one-col .main-post .thumb, .one-col .main-post .thumb img, {
    border-radius: 5px 5px 0 0;
}
/*======= Block posts four ========*/
.tn_block_article-box_medium, .tn-grid-content {
    overflow: visible;
}
.tn_block_article-box_medium .thumb-wrap {
    margin-bottom: 10px;
    position: relative;
}
.tn_block_article-box_medium .post-categories {
    margin-bottom: 5px;
}
.tn_block_article-box_medium-content-wrap {
    margin-bottom: -30px;
    margin-left: -15px;
    margin-right: -15px;        
}
.tn_block_article-box_medium .post-wrap {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: none;
    width: 240px;
    padding: 0 15px;
    float: left;    
}
.tn_block_article-box_medium .post-wrap:nth-child(3n+1) {
    clear: both;
}
.tn_block_article-box_medium .post-wrap .thumb-wrap a {
    display: block;
}
.tn_block_article-box_medium .post-wrap .thumb-wrap:hover .post-icon {
    opacity: 1;
}
.tn_block_article-box_medium .post-wrap .thumb-wrap .post-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.5;
    color: #F0F0F0;
    background: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
}
.tn_block_article-box_medium .post-title{
    margin-bottom: 0;
    padding: 0;
    line-height: 1.3;
    font-size: 14px;                        
}
.tn_block_article-box_medium .post-title a {
    text-transform: none;
    color: #212121;
}
/*====== Block article box 1 large & 4 small ========*/
.tn_block_featured_1l4s .main-post {
    margin-bottom: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}
.tn_block_featured_1l4s .main-post .thumb-wrap {
    position: relative;
}
.tn_block_featured_1l4s .main-post .thumb-wrap:before {
    content: '';
    display: block;
    padding-top: 40%;
}
.tn_block_featured_1l4s .main-post .post-info {
    position: static;
    background: #fff;
    padding: 0 20px 20px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
} 
.tn_block_featured_1l4s .main-post .overlay-meta {
    position: static;
}     
.tn_block_featured_1l4s .main-post .post-title {
    font-size: 24px;
}
.tn_block_featured_1l4s .main-post .main-info {
    width: 50%;
    float: left;
    padding-right: 10px;
}
.tn_block_featured_1l4s .main-post .entry-excerpt {
    width: 50%;
    float: left;
    margin-top: 0;
    padding-left: 10px;
}
.tn_block_featured_1l4s .main-post .post-title a {
    color: #333;
}
.tn_block_featured_1l4s .main-post .thumb {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.tn_block_featured_1l4s .post-list .one-col {
    float: left;
    margin-right: 0;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .item-post {
    position: relative;
    margin-bottom: 20px;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .item-post:before {
    content: '';
    display: block;
    padding-top: 60%;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .thumb {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .post-info {
    position: absolute;
    top: auto;left:0;right:0;bottom:0;
    background: rgba(0,0,0,0.4);
    padding: 20px 15px 15px;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .overlay-meta {
    left: 15px;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .post-title {
    font-size: 18px;
}
.tn_block_featured_1l4s .post-list .one-col:first-child .post-title a {
    color: #fff;
}
.tn_block_featured_1l4s .post-list .one-col:nth-child(2) .item-post:last-child {
    border-bottom: none;
}
.tn_block_featured_1l4s .post-list .one-col:nth-child(2) .item-post {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tn_block_featured_1l4s .post-list .one-col:nth-child(2) .item-post i {
    margin-right: 5px;
}
.tn_block_featured_1l4s .post-list .item-post .thumb {
    width: 100%;
    height: auto;
}
.tn_block_featured_1l4s .post-list .item-post .thumb img {
    opacity: 0.6;
}
.tn_block_featured_1l4s .post-list .item-post:hover .thumb img {
    opacity: 0.3;
}
.tn_block_featured_1l4s .item-post {
    margin-bottom: 15px;
    position: relative;
    padding: 0;
}
/*-- In content section --*/
.content-section .tn_block_featured_1l4s .one-col {
    margin-top: 20px;
}
.content-section .tn_block_featured_1l4s .one-col:nth-child(2) {
    padding-left: 30px;
}
/*-- Layout 2 --*/
.tn_block_featured_1l4s .layout2 .main-post {
    float: right;
    margin-right: 0;
}
/*====== Block article box mixed ========*/
.tn_block_article-box_mixed .main-post {
    margin-bottom: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}
.tn_block_article-box_mixed .main-post .thumb-wrap {
    position: relative;
}
.tn_block_article-box_mixed .main-post .thumb-wrap:before {
    content: '';
    display: block;
    padding-top: 130%;
}
.tn_block_article-box_mixed .main-post .post-info {
    position: absolute;
    top:auto;left:20px;right:20px;bottom:20px;
    background: #fff;
    padding: 20px 15px 15px;
} 
.tn_block_article-box_mixed .main-post .overlay-meta {
    left: 15px;
}  
.tn_block_article-box_mixed .main-post .post-title {
    font-size: 24px;
}
.tn_block_article-box_mixed .main-post .post-title a {
    color: #333;
}
.tn_block_article-box_mixed .main-post .thumb {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    margin-bottom: 0;
}
.tn_block_article-box_mixed .post-list .one-col {
    float: left;
    margin-right: 0;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .item-post {
    position: relative;
    margin-bottom: 20px;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .item-post:before {
    content: '';
    display: block;
    padding-top: 60%;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .thumb {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .post-info {
    position: absolute;
    top: auto;left:0;right:0;bottom:0;
    background: rgba(0,0,0,0.4);
    padding: 20px 15px 15px;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .overlay-meta {
    left: 15px;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .post-title {
    font-size: 18px;
}
.tn_block_article-box_mixed .post-list .one-col:first-child .post-title a {
    color: #fff;
}
.tn_block_article-box_mixed .post-list .one-col:nth-child(2) .item-post:last-child {
    border-bottom: none;
}
.tn_block_article-box_mixed .post-list .one-col:nth-child(2) .item-post {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tn_block_article-box_mixed .post-list .one-col:nth-child(2) .item-post i {
    margin-right: 5px;
}
.tn_block_article-box_mixed .post-list .item-post .thumb {
    width: 100%;
    height: auto;
}
.tn_block_article-box_mixed .post-list .item-post .thumb img {
    opacity: 0.6;
}
.tn_block_article-box_mixed .post-list .item-post:hover .thumb img {
    opacity: 0.3;
}
.tn_block_article-box_mixed .item-post {
    margin-bottom: 15px;
    position: relative;
    padding: 0;
}
/*-- Layout 2 --*/
.tn_block_article-box_mixed .layout2 .main-post {
    float: right;
    margin-right: 0;
}
/*====== Block article box by format ========*/
/*--- Video ---*/
.tn_block_article-box_byformat .video-box {
    background: #eee;
}
.tn_block_article-box_byformat .video-frame {
    position: relative;
    width: 70%;
    float: left;
    height: 100%;
}
.content-section .tn_block_article-box_byformat .video-frame {
    width: 100%;
    float: none;
}
.tn_block_article-box_byformat .video-frame > ul > li {
    display: none;
}
.tn_block_article-box_byformat .video-frame > ul > li.active {
    display: block;
}
.tn_block_article-box_byformat .video-list {
    overflow: auto;
    margin: 15px 0;
    padding: 0 15px;
    background: #eee;
    width: 30%;
    float: right;
}
.content-section .tn_block_article-box_byformat .video-list {
    width: 100%;
    max-height: 180px;
    float: none;
}
.tn_block_article-box_byformat .video-list > ul > li {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-top: 15px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.tn_block_article-box_byformat .video-list > ul > li .post-title {
    margin: 6px;
}
.tn_block_article-box_byformat .video-list > ul > li .post-title a {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.tn_block_article-box_byformat .video-list > ul > li.active, .tn_block_article-box_byformat .video-list > ul > li:hover {
    background: rgba(0,0,0,0.4);
}
.tn_block_article-box_byformat .video-list > ul > li.active .post-title a, .tn_block_article-box_byformat .video-list > ul > li:hover .post-title a {
    color: #fff;
}
.tn_block_article-box_byformat .video-list > ul > li:first-child {
    margin-top: 0;
}
.tn_block_article-box_byformat .video-list .thumb {
    width: 60px;
    float: left;
    margin-right: 15px;
}
.tn_block_article-box_byformat .video-list .thumb img {
    width: auto;
    max-width: 100%;
    height: auto;
}
/*--- Audio ---*/
.tn_block_article-box_byformat .audio-box {
    background: #eee;
}
.tn_block_article-box_byformat .audio-frame {
    position: relative;
    width: 70%;
    float: left;
    height: 100%;
}
.content-section .tn_block_article-box_byformat .audio-frame {
    width: 100%;
    float: none;
}
.tn_block_article-box_byformat .audio-frame > ul > li {
    display: none;
}
.tn_block_article-box_byformat .audio-frame > ul > li.active {
    display: block;
}
.tn_block_article-box_byformat .audio-list {
    overflow: auto;
    margin: 15px 0;
    padding: 0 15px;
    background: #eee;
    width: 30%;
    float: right;
}
.content-section .tn_block_article-box_byformat .audio-list {
    width: 100%;
    max-height: 160px;
    float: none;
}
.tn_block_article-box_byformat .audio-list > ul > li {
    width: auto;
    max-width: 100%;
    height: auto;
    padding: 5px 0 10px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.tn_block_article-box_byformat .audio-list > ul > li .post-title a {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.tn_block_article-box_byformat .audio-list > ul > li:first-child {
    padding-top: 0;
}
.tn_block_article-box_byformat .audio-list > ul > li:last-child {
    border-bottom: none;
}
.tn_block_article-box_byformat .audio-list .thumb {
    width: 60px;
    float: left;
    margin-right: 15px;
}
.tn_block_article-box_byformat .audio-list .thumb img {
    width: auto;
    max-width: 100%;
    height: auto;
}
/*--- Image ---*/
.tn_block_article-box_byformat .photo-grid {
    width: 100% !important;
}
.tn_block_article-box_byformat .photo-item {
    position: relative;
    width: 24.95%;
    float: left;
}
.content-section .tn_block_article-box_byformat .photo-item {
    position: relative;
    width: 33.3333%;
    float: left;
}
.tn_block_article-box_byformat .photo-item:before {
    content: '';
    display: block;
    padding-top: 80%;
}
.fullwidth-section .tn_block_article-box_byformat .photo-item:first-child, .fullwidth-section .tn_block_article-box_byformat .photo-item:nth-child(4) {
    width: 50%;
}
.content-section .tn_block_article-box_byformat .photo-item:first-child {
    width: 66.6666%;
}
.tn_block_article-box_byformat .overlay-caption {
    position: absolute;
    top:15px;left:15px;right:15px;bottom:15px;
    transform: scale(0.8,0.8);
    opacity: 0;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
}
.tn_block_article-box_byformat .photo-item:hover .overlay-caption {
    opacity: 0.8;
    transform: scale(1,1);
}
.tn_block_article-box_byformat .caption-inner {
    position: absolute;
    top: 50%;
    left: 15px;
    right: 15px;
    transform: translatey(-50%) scale(0.8,0.8);
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
}
.tn_block_article-box_byformat .photo-item:hover .caption-inner {
    opacity: 1;
    transform: translatey(-50%) scale(1,1);
}
.tn_block_article-box_byformat .caption-inner .post-title {
    font-size: 16px;
}
.tn_block_article-box_byformat .photo-item:first-child .caption-inner .post-title {
    font-size: 18px;
}
.tn_block_article-box_byformat .caption-inner .post-title a {
    color: #fff;
}
.tn_block_article-box_byformat .caption-inner .img-popup-link {
    color: #fff;
    display: block;
    margin: 10px auto 0;
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
    border-radius: 2px;
}
.tn_block_article-box_byformat .photo-item:first-child .caption-inner .img-popup-link {
    width: 30px;
    height: 30px;
}
.tn_block_article-box_byformat .caption-inner .img-popup-link i {
    line-height: 23px;
    vertical-align: top;
    font-size: 14px;
}
.tn_block_article-box_byformat .photo-item:first-child .caption-inner .img-popup-link i {
    line-height: 28px;
    font-size: 16px;
}
/*--- Review ---*/
.tn_block_article-box_byformat .review-item {
    position: relative;
    height: 100px;
    width: 50%;
    float: left;
    box-shadow: rgba(255,255,255,0.25) 0 1px 0px inset, rgba(0,0,0,0.4) 0 -1px 0px inset, rgba(255,255,255,0.25) 1px 0 0px inset, rgba(0,0,0,0.4) -1px 0 0px inset;
}
.tn_block_article-box_byformat .review-item:before {
    content: '';
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    background: rgba(0,0,0,0.7);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.tn_block_article-box_byformat .review-item:hover:before {
    background: rgba(0,0,0,0.4);
}
.tn_block_article-box_byformat .review-item:first-child {
    height: 200px;
    width: 100%;
}
.fullwidth-section .tn_block_article-box_byformat .review-item:first-child {
    width: 50%;
}
.tn_block_article-box_byformat .review-item .overlay-link {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.tn_block_article-box_byformat .review-item .post-title {
    color: #fff;
    position:  absolute;
    top: 50%;
    left: 15px;
    right: 70px;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.tn_block_article-box_byformat .review-item:first-child .post-title {
    font-size: 22px;
    right: 100px;
}
.tn_block_article-box_byformat .review-item .rating-wrap {
    right: 15px;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.tn_block_article-box_byformat .review-item:first-child .rating-wrap {
    width: 80px;
    height: 80px;
}
.tn_block_article-box_byformat .review-item:first-child .rating-wrap span {
    font-size: 30px;
    line-height: 80px;
}
/*=== Block countdown ===*/
.tn_block_countdown {
    position: relative;
}
.tn_block_countdown.tn_block_countdown .widget-bg {
    padding: 0 !important;
}
.tn_block_countdown .tn-video-bg {
    position: absolute;
    top: 50%;left:0;right:0;bottom:0;
    padding-top: 56.25%;
    height: 0;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.tn_block_countdown .tn-video-bg iframe {
    position: absolute;
    top: 0;left:0;right:0;bottom:0;
}
.tn_block_countdown .curtains {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/curtains.png) repeat top left;
}
.tn_block_countdown .tn-countdown-content {
    padding: 30px 30px 50px;
    text-align: center;
}
.tn_block_countdown .tn-countdown-heading {
    text-align: center;
    margin-bottom: 40px;
    background: rgba(0,0,0,0.5);
    padding: 15px;
    display: inline-block;
}
.tn_block_countdown .main-title {
    font-size: 30px;
    text-transform: uppercase;
}
.tn_block_countdown.has-bg .main-title, .tn_block_countdown.has-bg .sub-title {
    color: #fff;
}
.tn_block_countdown .sub-title {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 400 !important;
}
.tn_block_countdown .tn-countdown-panel {
    position: relative;
    max-width: 800px;
    margin: auto;
}
.tn_block_countdown .tn-countdown-panel span {
    color: #fff;
}
.tn_block_countdown .tn-countdown-panel .boxName {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
    padding: 3px 8px;
    font-size: 14px;
}
.tn_block_countdown .tn-countdown-panel .position {
    font-size: 60px;
    position: relative;
}
.tn_block_countdown .countDays, .tn_block_countdown .countHours, .tn_block_countdown .countMinutes, .tn_block_countdown .countSeconds {
    width: 25%;
    float: left;
    background: rgba(0,0,0,0.5);
    padding: 10px;
    position: relative;
    text-align: center;
}
.tn_block_countdown .points {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    font-size: 40px;
    z-index: 1;
}
.tn_block_countdown .points:first-of-type {
    left: 25%;
}
.tn_block_countdown .points:nth-of-type(3) {
    left: 50%;
}
.tn_block_countdown .points:nth-of-type(5) {
    left: 75%;
}
/*==== Featured Grid ====*/
.tn_block_featured_grid {
    overflow: visible;
}
.tn_block_featured_grid .owl-carousel-wrap.initial-load {
    min-height: 400px;
}
.big-grid .post-title {
    font-size: 24px;
}
.small-grid .post-title {
    font-size: 18px;
}
.tn_block_featured_grid .grid-container .small-grid {
    position: relative;
}
.tn_block_featured_grid .grid-container {
    width: 100% !important;
    position: relative;
}
.tn_block_featured_grid .grid-container .item {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: -1px;
    transform: translateX(1px);
    -webkit-transform: translateX(1px);
    overflow: hidden;
}
.tn_block_featured_grid .grid-container .item.translated {
    transform: translateY(-180px);
    -webkit-transform: translateY(-180px);
}
.tn_block_featured_grid .invisible {
    display: none !important;
}
/*--- Layout 1 ---*/
.tn_block_featured_grid .layout1 .big-grid {
    height: 360px;
    width: 54%;
}
.tn_block_featured_grid .layout1 .big-grid .thumb {
    height: 360px;
    width: 100%;
}
.tn_block_featured_grid .layout1 .small-grid {
    height: 360px;
    width: 23%;
    padding-left: 20px;
    overflow: visible;
}
.tn_block_featured_grid .layout1 .small-grid .thumb {
    position: static;
    height: 220px;
    width: 100%;
}
.tn_block_featured_grid .layout1 .small-grid .post-info {
    position: relative;
    background: #fff;
    padding: 20px 15px 15px;
    height: 140px;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
}
.tn_block_featured_grid .layout1 .small-grid .overlay-meta {
    left: 15px;
}
.tn_block_featured_grid .layout1 .small-grid .post-title {
    text-shadow: none;
}
.tn_block_featured_grid .layout1 .small-grid .post-title a {
    color: #333 !important;
}

.content-section .tn_block_featured_grid .layout1 .big-grid {
    width: 100%;
    margin-bottom: 20px;
}
.content-section .tn_block_featured_grid .layout1 .small-grid {
    width: 50%;
}
.content-section .tn_block_featured_grid .layout1 .small-grid:nth-child(2) {
    padding-left: 0;
    padding-right: 10px;
}
.content-section .tn_block_featured_grid .layout1 .small-grid:nth-child(3) {
    padding-left: 10px;
}
/* Transition effect */
.tn_block_featured_grid .layout1 .flexslider {
    overflow: visible !important;
}
.tn_block_featured_grid .layout1 .flex-active-slide .small-grid, .tn_block_featured_grid .layout1 .flex-active-slide .big-grid {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.tn_block_featured_grid .layout1 .flex-active-slide .big-grid {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.tn_block_featured_grid .layout1 .flex-active-slide .small-grid:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.tn_block_featured_grid .layout1 .flex-active-slide .small-grid:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    -ms-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/*--- Layout 2 ---*/
.tn_block_featured_grid .layout2 .big-grid {
    height: 360px;
    width: 33.3333%;
    position: relative;
}
.tn_block_featured_grid .layout2 .big-grid .post-info {
    top:auto;left:15px;right:15px;bottom:15px;
    background: #fff;
    padding: 20px 15px 15px;
}
.tn_block_featured_grid .layout2 .big-grid .post-title a {
    color: #333;
}
.tn_block_featured_grid .layout2 .overlay-meta {
    left: 15px;
}
.tn_block_featured_grid .layout2 .small-grid {
    height: 180px;
    width: 33.3333%;
}
.tn_block_featured_grid .layout2 .small-grid .post-info {
    padding: 20px 15px 15px;
    background: rgba(0,0,0,0.4);
}
.tn_block_featured_grid .layout2 .entry-excerpt {
    color: #777;
}
.content-section .tn_block_featured_grid .layout2 .big-grid .post-title {
    font-size: 18px;
}
/*--- Layout 3 ---*/
.tn_block_featured_grid .layout3 .full-tile {
    position: relative;
    height: 400px;
}
.tn_block_featured_grid .layout3 .full-tile .post-info {
    background: #fff;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.tn_block_featured_grid .layout3 .half-tile .post-info {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-top: none;
}
.tn_block_featured_grid .layout3 .full-tile .post-title {
    text-shadow: none;
    font-size: 24px;
}
.tn_block_featured_grid .layout3 .half-tile .post-title {
    text-shadow: none;
    font-size: 18px;    
}
.tn_block_featured_grid .layout3 .full-tile .post-title a,  .tn_block_featured_grid .layout3 .half-tile .post-title a, .tn_block_featured_grid .layout3 .half-tile-hz .post-title a {
    color: #333;
}
.tn_block_featured_grid .layout3 .half-tile {
    position: relative;
    height: 400px;
}
.tn_block_featured_grid .layout3 .half-tile-hz {
    position: relative;
    height: 200px;
}
.tn_block_featured_grid .layout3 .half-tile-hz .thumb {
    right: 50%;
}
.tn_block_featured_grid .layout3 .half-tile-hz .post-info {
    top: 0;
    left: 50%;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-left: none; 
}
.tn_block_featured_grid .layout3 .half-tile-hz .overlay-meta {
    position: static;
    transform: none;
    margin-bottom: 10px;
}
.tn_block_featured_grid .layout3 .half-tile-hz .post-title {
    text-shadow: none;
    font-size: 18px;    
}
.tn_block_featured_grid .layout3 .quart-tile {
    position: relative;
    height: 200px;
}
.tn_block_featured_grid .layout3 .quart-tile .post-info {
    background: rgba(0,0,0,0.4);
}
.tn_block_featured_grid .layout3 .group-2 {
    height: 400px;
}
.tn_block_featured_grid .layout3 .group-2 .quart-tile:nth-child(1) {
    border-bottom: 10px solid transparent;
}
.tn_block_featured_grid .layout3 .group-2 .quart-tile:nth-child(2) {
    border-top: 10px solid transparent;
}
.tn_block_featured_grid .layout3 .group-3 {
    height: 400px;
}
.tn_block_featured_grid .layout3 .group-3 .quart-tile {
    float: left;
    width: 50%;
}
.tn_block_featured_grid .layout3 .group-3 .half-tile-hz {
    border-bottom: 10px solid transparent;
}
.tn_block_featured_grid .layout3 .group-3 .quart-tile:nth-child(2) {
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
}
.tn_block_featured_grid .layout3 .group-3 .quart-tile:nth-child(3) {
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
}
.tn_block_featured_grid .layout3 .fw-grid .owl-stage-outer {
    overflow: visible;
}
/*--- Layout 4 ---*/
.grid-wrapper.layout4 {
    margin: 0 -10px;
}
.tn_block_featured_grid .layout4 .item {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.tn_block_featured_grid .layout4 .big-grid {
    height: 460px;
    width: 66.6667%;
}
.tn_block_featured_grid .layout4 .big-grid .thumb {
    height: 460px;
    width: 100%;
}
.tn_block_featured_grid .layout4 .big-grid .post-info {
    background: #fff;
    left: 20px;
    bottom: 20px;
    right: 20px;
    padding-right: 80px;
}
.content-section .tn_block_featured_grid .layout4 .big-grid .post-info {
    padding-right: 20px;
}
.tn_block_featured_grid .layout4 .big-grid .post-title {
    text-shadow: none;
}
.tn_block_featured_grid .layout4 .big-grid .post-title a {
    color: #333;
}
.tn_block_featured_grid .layout4 .entry-excerpt {
    color: #333;
}
.tn_block_featured_grid .layout4 .small-grid {
    height: 220px;
    width: 33.3333%;
}
.tn_block_featured_grid .layout4 .small-grid:last-child {
    margin-top: 20px;
}

.tn_block_featured_grid .layout4 .small-grid .post-info {
    top: auto;
    background: rgba(0,0,0,0.4);
    padding: 20px 15px 15px;
}
.tn_block_featured_grid .layout4 .small-grid .overlay-meta {
    left: 15px;
}
/* Transition effect */
.tn_block_featured_grid .layout4 .flexslider {
    overflow: visible !important;
    -webkit-perspective: 1000px;
	perspective: 1000px;
}
.tn_block_featured_grid .layout4 .slides > li.no-transform {
    animation: none !important;
    -webkit-animation: none !important;
}
.tn_block_featured_grid .layout4 .slides > li {
    -webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;   
}
.tn_block_featured_grid .layout4 .slides > li:not(.flex-active-slide) {
    -webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateOutLeft 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	animation: rotateOutLeft 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
.tn_block_featured_grid .layout4 .flex-active-slide {
    opacity: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateInRight 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	animation: rotateInRight 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
.tn_block_featured_grid .layout4.reverse-ani .slides > li:not(.flex-active-slide) {
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-animation: rotateOutRight 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	animation: rotateOutRight 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
.tn_block_featured_grid .layout4.reverse-ani .flex-active-slide {
    opacity: 0;
    -webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-animation: rotateInLeft 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	animation: rotateInLeft 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
@-webkit-keyframes rotateOutLeft { 
	100% { opacity: 0; -webkit-transform: rotateY(90deg); }
}

@keyframes rotateOutLeft { 
	100% { opacity: 0; transform: rotateY(90deg); }
}

@-webkit-keyframes rotateInRight { 
	0% { opacity: 0; -webkit-transform: rotateY(-90deg); }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}

@keyframes rotateInRight { 
	0% { opacity: 0; transform: rotateY(-90deg); }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}

@-webkit-keyframes rotateInLeft { 
	0% { opacity: 0; -webkit-transform: rotateY(90deg); }
	100% { visibility: visible; opacity: 1; -webkit-transform: rotateY(0deg); }
}

@keyframes rotateInLeft { 
	0% { opacity: 0; transform: rotateY(90deg); }
	100% { visibility: visible; opacity: 1; transform: rotateY(0deg); }
}

@-webkit-keyframes rotateOutRight { 
	100% { opacity: 0; -webkit-transform: rotateY(-90deg); }
}

@keyframes rotateOutRight { 
	100% { opacity: 0; transform: rotateY(-90deg); }
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
/*--- Thumb Transitions ---*/
.tn_block_featured_grid .post-info {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.tn_block_featured_grid .big-grid .slides > li:hover .thumb:before {
    background: rgba(0,0,0,0.5);
}
.tn_block_featured_grid .thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.featured-grid-slider .thumb {
    position: relative;
}
.tn_block_featured_grid .icon-thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.featured-grid-slider {
    border: none !important;
    margin: 0 !important;    
} 
.featured-grid-slider .flex-viewport ul li{
    position: relative;
}

.grid-container .post-info {
    padding: 20px;
    position: absolute;
    top: auto;bottom:0;left:0;right:0;
}
.grid-container .entry-excerpt {
    color: #ccc;
    max-width: 550px;
}
.home-content .grid-container .entry-excerpt {
    display: none;
}
.grid-container .big-grid .post-info {
    padding: 20px;
    background: rgba(0,0,0,0.5);
}
.grid-container .post-info .post-title {
    word-wrap: break-word; 
}
.grid-container .post-info .post-title a {
    color: #fff; 
}
.grid-container .post-info .post-cat a {
    color: #fff !important;
}            
.big-grid .post-info .post-title {
    font-size: 24px;
}
.overlay-meta {
    position: absolute;
    top: 0;
    left: 20px;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    line-height: 1;
}
.overlay-meta > *{
    display: inline-block;
}
/*--- Slider navigation ---*/
.grid-container .flexslider .flex-direction-nav a {
    width: 30px;
    height: 30px;
    padding: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,0.27);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    margin: 0;
}
.grid-container .flexslider .flex-direction-nav a polyline {
    stroke-width: 4px;
}
.grid-container .flexslider .flex-direction-nav a:hover polyline {
    stroke-width: 6px;
}
.grid-container .flexslider .flex-direction-nav a:active polyline {
    stroke-width: 10px;
}
.grid-container .flex-direction-nav .flex-next {
    top: auto;
    bottom: 10px;
    right: 10px;
}
.grid-container .flex-direction-nav .flex-prev {
    top: auto;
    bottom: 10px;
    left: auto;
    right: 45px;
}
/* Layout 4 */
.tn_block_featured_grid .layout4 .grid-container .flex-direction-nav .flex-next {
    top: auto;
    bottom: 30px;
    right: 30px;
}
.tn_block_featured_grid .layout4 .grid-container .flex-direction-nav .flex-prev {
    top: auto;
    bottom: 30px;
    left: auto;
    right: 65px;
}
/*==== Featured Slider ====*/
.top-section .tn_block_featured_slider.fw-widget:first-child {
    margin-top: 0;
}
.tn_block_featured_slider .owl-carousel-wrap.initial-load {
    min-height: 400px;
}
.home-content .tn_block_featured_slider.has-bg .owl-carousel-wrap {
    margin-top: -40px;
    margin-bottom: -20px;
}
.tn_block_featured_slider .thumb {
    position: absolute;
    top:0;left:0;bottom:0;right:0;
}
.tn_block_featured_slider .tn-item:before {
    content: '';
    display: block;
    padding-top: 60%;
}
.tn_block_featured_slider .post-title {
    font-size: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.content-section .tn_block_featured_slider .post-title {
    font-size: 24px;
}
.tn_block_featured_slider .post-title a {
    color: #fff;
}
.tn_block_featured_slider .active .tn-item:hover .thumb:before, .tn_block_featured_slider .style3 .active .tn-item:hover .thumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.tn_block_featured_slider .tn-item {
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.tn_block_featured_slider .owl-itema:not(.active) .tn-item .post-info {
    opacity: 0;
}
.tn_block_featured_slider .active .tn-item {
    opacity: 1;
}
/*--- Style 1 ---*/
.home-content .tn_block_featured_slider .style1 .tn-item:before {
    padding-top: 60%;
}
.tn_block_featured_slider .style1 .owl-item:after {
    content: '';
    position: absolute;
    top:0;bottom:0;left:0;right:0;
    background-color: rgba(0,0,0,0.8);
    z-index: 10;
}
.home-content .tn_block_featured_slider .style1 .owl-item:after, .tn_block_featured_slider .style1 .owl-item.active:after {
    content: none;
}
.tn_block_featured_slider .style1 .overlay-meta {
    left: 30px;
    transform: none;
    -webkit-transform: none;
}
.tn_block_featured_slider .style1 .post-info {
    position: absolute;
    top:auto;bottom:0;left:0;right:0;
    padding: 30px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn_block_featured_slider .style1 .post-cat-bg {
    margin-bottom: 15px;
}
.tn_block_featured_slider .style1 .post-title {
    position: static;
    padding: 0;
    background: none;
}
/*--- Style 3 ---*/
.tn_block_featured_slider .style3.fw-slider .owl-stage-outer {
    overflow: visible;
}
.tn_block_featured_slider .style3 .tn-item {
    overflow: hidden;
}
.tn_block_featured_slider .style3 .tn-item:before {
    padding-top: 40%;
}
.tn_block_featured_slider .style3 .owl-item:not(.active) .tn-item {
    pointer-events: none;
}
.tn_block_featured_slider .style3 .owl-item:not(.active) .tn-item:after {
    content: '';
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    background: rgba(255,255,255,0.5);
}
.tn_block_featured_slider .style3 .post-info {
    opacity: 0;
    position: absolute;
    top:auto;bottom:20px;left:20px;right:auto;
    min-width: 30%;
    max-width: 60%;
    padding: 20px;
    background: #fff;
}
.tn_block_featured_slider .style3 .post-title {
    position: static;
    padding: 0;
    background: none;
    text-shadow: none;
}
.tn_block_featured_slider .style3 .post-title a {
    color: #333;
}
.tn_block_featured_slider .style3 .entry-excerpt {
    color: #333;
}
.content-section .tn_block_featured_slider .style3 .tn-item:before {
    padding-top: 60%;
}
/* Transition effect */
.tn_block_featured_slider .style3 .owl-item.active .post-info {
	-webkit-animation: fadeInUp 0.4s 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
	animation: fadeInUp 0.4s 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
/*--- Style 2 ---*/
.tn_block_featured_slider .style2 .tn-item:before {
    padding-top: 40%;
}
.tn_block_featured_slider .style2 .post-info {
    text-align: center;
    padding: 20px 30px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.tn_block_featured_slider .style2 .overlay-meta {
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.tn_block_featured_slider .style2 .post-title {
    background: transparent;
    position: static;
    padding: 0;
    text-align: center;
    margin: 0;
    text-shadow: none;
}
.tn_block_featured_slider .style2 .post-title a {
    color: #333;    
}

.content-section .tn_block_featured_slider .style2 .post-info {
    left: 15px; right: 15px;
    padding: 20px 15px 0px;
}
.content-section .tn_block_featured_slider .style2 .owl-nav {
    display: none !important;
}
.content-section .tn_block_featured_slider .style2 .tn-item:before {
    padding-top: 50%;
}

.fullwidth-section .tn_block_featured_slider .owl-dots {
    display: none !important;
}
.home-content .tn_block_featured_slider .style1 .owl-dots, .home-content .tn_block_featured_slider .style2 .owl-dots {
    display: none !important;
}
/*======== Masonry block =======*/
.tn_block_article-box_masonry .masonry-post {
    margin: 0 -15px;
}
.tn_block_article-box_masonry .tn-masonry-tab-content {
    width: 100%;
    position: absolute;
}
.item .article-masonry {
    overflow: hidden;
}
.article-masonry {
    position: relative;
}
.article-masonry .post-details {
    padding: 20px 15px 15px;
    border: 1px solid rgba(0,0,0,0.08);
    margin-top: -1px;
    background-color: transparent;
    position: relative;
}
.article-masonry .overlay-meta {
    left: 15px;
}
.article-masonry .thumb-wrap .video-popup-link {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.article-masonry .thumb-wrap .video-popup-link .post-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #fff;
    background: transparent;
    opacity: 0.5;
    font-size: 40px;
}
.article-masonry.standard-format.no-thumb .overlay-meta {
    position: static;
    transform: none;
    -webkit-transform: none;
    margin-bottom: 15px;
}
.article-masonry.standard-format.no-thumb .post-details {
    margin-top: 0;
    padding-top: 20px;
}
.article-masonry.one-col {
    margin-right: 0;
}
.tn-masonry-content .item { 
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.article-masonry .overlay-details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
    border-radius: 3px;
}
.article-masonry .overlay-details .post-title a {
    color: #fff;
}
.article-masonry .overlay-details .post-meta:nth-of-type(2) {
    display: none;
}
/*--- Load more button ---*/
.tn_block_article-box_masonry .load-more {
    padding: 0 15px;
}
.load-more {
    width: 300px;
    margin: 20px auto 0 auto;
    max-width: 100%;
}
.load-more .inner {
    padding: 0;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.08);
    border-radius: 3px;
    margin: 0 auto;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.load-more:hover .inner {
    border-color: #333;
}
.load-more span {
    color: #212121;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    font-weight: 700 !important;
}
.load-more .loading-animation {
    display: none;
    width: 20px;
    height: 20px;
    line-height: 30px;
    background: url('../images/loadinfo.gif') no-repeat top left;
    background-size: 20px 20px;
    margin-left: 10px;    
}
.load-more.ajax-loading .loading-animation {
    display: inline-block;
}
/*--- Post meta ---*/

.tn_block_article-box_masonry {
    overflow: visible!important;
}
.tn_block_article-box_masonry .post-title, .post-title.post-title-main-post, .post-title.post-title-masonry {
    margin-top: 5px;
    font-size: 18px;
}

/*==== Classic article box ===*/
.tn_article-box_classic .tn-classic-blog-tab-content {
    width: 100%;
    position: absolute;
}
.tn-classic-blog-content .item {     
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid rgba(0,0,0,0.08);
}
/*--- Load more button ---*/

.tn_article-box_classic .loading-bar{
    text-align: center;
    margin-top: 30px;
}
/*--- Post meta ---*/
.tn-classic-blog-content .item .post-thumb-wrap.post-thumb-wrap-classic-blog {
    float: left;
    margin-right: 20px;
    position: relative;
}
.tn-classic-blog-content .item .post-thumb-wrap.post-thumb-wrap-classic-blog .post-thumb-wrap-inner {
    overflow: hidden;
    position: relative;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .item .post-thumb-wrap.post-thumb-wrap-classic-blog, .tn-classic-blog-content.style-big .item .post-thumb-wrap.post-thumb-wrap-classic-blog {
    float: none;
    margin: 0;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .post-details, .tn-classic-blog-content.style-big .post-details {
    position: relative;
    padding-top: 25px;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .overlay-meta, .tn-classic-blog-content.style-big .overlay-meta {
    position: absolute;
    top: 0;
    left: 15px;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .post-title, .tn-classic-blog-content.style-big .post-title {
    font-size: 30px;
    margin-top: 0;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .post-meta:nth-child(3), .tn-classic-blog-content.style-big .post-meta:nth-child(3) {
    margin: 5px 0 20px;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .article-content, .tn-classic-blog-content.style-big .article-content {
    font-size: 14px;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .post-thumb-wrap .post-icon, .tn-classic-blog-content.style-big .post-thumb-wrap .post-icon {
    font-size: 75px;
}
.tn-classic-blog-tabs.style-big .tn-classic-blog-content .post-thumb-wrap img, .tn-classic-blog-content.style-big .post-thumb-wrap img {
    width: 100%;
    height: auto;
    display: block;
}
.post-title.post-title-classic-blog {
    margin-top: 10px;
}

.tn_article-box_classic .two-col {
    margin-right:  0;
}
.tn_article-box_classic .overlay-meta {
    position: static;
    transform: none;
    -webkit-transform: none;
}
.tn_article-box_classic .overlay-meta .post-icon {
    color: #fff;
    background: transparent;
}
.tn_article-box_classic .overlay-meta .img-popup-link, .tn_article-box_classic .overlay-meta .video-popup-link {
    background: #333;
}
.post-thumb-wrap .img-popup-link, .post-thumb-wrap .video-popup-link {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
}
.post-thumb-wrap .post-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    color: #fff;
    font-size: 40px;
    background: transparent;
    opacity: 0.5;
    padding: 0;
}
/* ===== Block Ticker ==== */
.ticker-wrapper {
    width: 100%;
    background: #eee;
    padding: 5px 0;
}
h3.ticker-header {
    margin: -5px 0;
    float: left;    
    position: relative;
	color: #fff;
	font-size: 12px;
    line-height: 35px;
	max-width: 200px;
    padding: 0 10px;
	text-transform: uppercase;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.23)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.23) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#00ffffff',GradientType=0 );
}

ul.ticker {
    display: block;
	height: 25px;
	overflow: hidden;
    padding-left: 20px;
}
ul.ticker li {
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 25px;
}
ul.ticker li .thumb {
    float: left;
    margin-right: 10px;
}
ul.ticker li .thumb img {
    width: 25px;
    height: 25px;
}
ul.ticker li h2 {
    float: left;
	font-size: 14px;
    line-height: 25px;
}
ul.ticker li h2 a {
	color: #777;    
    text-decoration: none;
}    
ul.ticker li h2 a:hover {    
    text-decoration: underline;    
}    
.tickercontainer { 
    margin: 0px;
    overflow: hidden;
    padding: 0 5px 0 5px;
}
.tickercontainer .mask {
    position: relative;    
    width: 100%;    
    overflow: hidden;
}
ul.newsticker {
    position: relative;       
    list-style-type: none;
}
ul.newsticker a {
    white-space: nowrap;    
    margin-right: 100px;
}
ul.newsticker li:last-child a {    
    margin-right: 0;
}
ul.newsticker li {
    width: auto;
}
 /************************* 
 *  
 *  10.  WIDGETS
 * 
 *************************/
 /* ======= General ======= */
.widget-header {
    margin-bottom: 30px;
    padding: 0 10px;
    background-color: #333;
}
.widget-title h3 {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 3px 0 2px;
    font-weight: 700!important;
    line-height: 25px;
    border-bottom: 5px solid;
}
.sidebar .widget ul li:last-child,
.footer .widget ul li:last-child{
	margin-bottom: 0;
}

.widget select {
	border: 1px solid #eee;
	font: inherit;
	width: 100%;
	padding: 8px;
}
.footer .tn-header .tn-title {
    border-bottom-color: #333 !important;
}
/*=========== Widget Tab ==========*/
.tn-header h3, .module-header-left, .widget-tabs-title-container li.active h3 {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
.widget-tabs-title-container {
    margin-bottom: 30px;
    line-height: 0;
}
.widget-tabs-title-container ul{
    display: inline-block;
}
.widget-tabs-title-container li {		
    display: inline-block;
    padding-right: 15px;
}
.widget-tabs-title-container li h3 {
    position: relative;
    margin: 0;
    color: #212121;
    font-size: 18px;
    line-height: 35px;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: -1px;
    display: inline-block;
    font-weight: 700!important;
}
.widget-tabs-title-container li h3:hover {
    border-bottom: 5px solid #aaa;
}
.widget-tabs-title-container li h3 a {
    color: #aaa;
}
.widget-tabs-title-container li.active h3 a {
    position: relative;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    display: inline-block;
}
.block-heading-style1 .widget-tabs-title-container li.active h3 a {
    color: #212121;
}
/*--- Style 2 ---*/
.block-heading-style2 .widget-tabs-title-container, .block-heading-style2 .sidebar .widget-tabs-title-container {
    padding: 0;
    background: transparent;
}
.block-heading-style2 .widget-tabs-title-container li, .block-heading-style2 .sidebar .widget-tabs-title-container li {
    background: #eee;
    margin-right: -1px;
    border: 1px solid rgba(0,0,0,0.1);
    float: left;
    padding: 0;
}
.block-heading-style2 .widget-tabs-title-container li.active, .block-heading-style2 .sidebar .widget-tabs-title-container li.active {
    background: #fff;
    border-top: none;
    border-bottom: 1px solid #fff;
}
.block-heading-style2 .widget-tabs-title-container li h3, .block-heading-style2 .sidebar .widget-tabs-title-container li h3 {
    border-bottom: none;
    font-weight: 300 !important;
    font-size: 14px;
    padding: 0 12px;
    line-height: 37px;
    padding-top: 3px;
    color: #888;
}
.block-heading-style2 .sidebar .widget-tabs-title-container li h3 a {
    font-size: 14px;
    color: #aaa;
}
.block-heading-style2 .widget-tabs-title-container li.active h3, .block-heading-style2 .sidebar .widget-tabs-title-container li.active h3 {
    border-top: 3px solid;
    line-height: 37px;
    padding-top: 1px;
}
.block-heading-style2 .widget-tabs-title-container, .block-heading-style2 .sidebar .widget-tabs-title-container {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.block-heading-style2 .widget-tabs-title-container li.active h3 a, .block-heading-style2 .sidebar .widget-tabs-title-container li.active h3 a {
    color: #333;
}
.block-heading-style2 .widget-tabs-title-container .widget-tabs-title, .block-heading-style2 .sidebar .widget-tabs-title-container .widget-tabs-title {
    margin-bottom: -1px;
}
/*--- Style 3 ---*/
.block-heading-style3 .widget-tabs-title-container li h3 {
    border-width: 1px !important;
    margin-bottom: -1px;
}
.block-heading-style3 .widget-tabs-title-container {
    border-top: 3px solid rgba(0,0,0,0.07);
}
.block-heading-style3 .widget-tabs-title-container li h3 a {
    line-height: 40px;
}
.block-heading-style3 .widget-tabs-title-container li:not(.active) h3 a, .block-heading-style3 .widget-tabs-title-container li:not(.active) h3 a:hover {
    color: #aaa !important;
}

.block-heading-style3 .sidebar .widget-tabs-title-container li h3 {
    border-width: 1px !important;
    margin-bottom: -1px;
}
.block-heading-style3 .sidebar .widget-tabs-title-container {
    border-top: 3px solid rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.07);
    background: none;
    padding: 0;
}
.block-heading-style3 .sidebar .widget-tabs-title-container li h3 a {
    color: #aaa;
    line-height: 35px;
}
/*--- Footer ---*/
.footer .widget-tabs-title-container {
    border-bottom: 1px solid transparent;
    border-top: none;
}
.footer .widget-tabs-title-container .widget-tabs-title {
    margin-bottom: 0;
}
.footer .widget-tabs-title-container li:not(:first-child) {
    margin-left: 10px;
}
.footer .widget-tabs-title-container li, .footer .widget-tabs-title-container li.active {
    background: transparent;
    border: none !important;
    float: none;
}
.footer .widget-tabs-title-container li h3 a {
    font-size: 13px;
}
.footer .widget-tabs-title-container li.active h3 {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top: none;
    padding: 0;
}
.footer .widget-tabs-title-container li h3 {
    padding: 0;
}
.footer .widget-tabs-title-container li h3:hover {
    border-bottom: 1px solid #ccc;
}
/*--- Sidebar ---*/
.sidebar .widget-tabs-title-container {
    margin-bottom: 30px;
    padding: 0 10px;
    background-color: #333;
    border-bottom: none;
    border-left: none;
}
.sidebar .widget-tabs-title-container li h3 {
    margin-bottom: 0;
    font-size: 0;
    padding: 3px 0 2px;
    line-height: 25px;
}
.sidebar .widget-tabs-title-container li h3 a {
    color: #888;
    font-size: 13px;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}
.sidebar .widget-tabs-title-container li.active h3 a {
    color: #fff;
}
/*========== Widget Slider =============*/
.widget-slider .slides li:hover .post-icon {
    opacity: 1;
}
.widget-slider .slides li {
   position: relative;
   overflow: hidden;
}
.widget-slider .slides li img {
    width: 100%;
    opacity: 0.7;
}
.widget-slider .post-info {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 20px 30px;
    text-align: center;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
.widget-slider .post-info h4 {
    margin-bottom: 0;
}
.widget-slider .post-cat {
    font-size: 11px;  
    margin-bottom: 10px; 
}
.footer .widget-slider .post-cat a {
    color: #fff;
}
.widget-slider .post-title {
    position: static;
    padding: 0;
    background: none;
    font-size: 18px;
}
.widget-slider .post-title a {
    color: #fff;
}
.widget-slider .flexslider {
    position: relative;
}
.widget-slider .flex-direction-nav a {
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.2);
    width: 30px;
    height: 100%;
    margin: 0;
    opacity: 1;
    visibility: visible;
    text-align: center;
}
.widget-slider .flex-direction-nav .flex-next {
    right: 0;
}
.widget-slider .flex-direction-nav .flex-prev {
    left: 0;
}
.widget-slider .flex-direction-nav a svg {
    padding: 8px;
    left: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
}
/* ======= Twitter widget =======*/
.fullwidth-section .widget-twitter, .content-section .widget-twitter, .sidebar-bottom .widget-twitter {
    display: none;
}
.widget-twitter .twitter-list{
    background-color: #2FC2EF;
    padding: 15px;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
}
.widget-twitter .twitter-list li:first-child {
    border: none;
    padding: 0;
    margin: 0;
}
.widget-twitter .twitter-list li {
    border-top: 1px solid #fff;
    padding-top:  15px;
    margin-top: 15px;
}
.footer .widget-twitter {
    padding: 0;
}
.widget-twitter .tn-header {
    margin-bottom: 20px;
    background: transparent;
}
.widget-twitter .tn-title h3 {
    background: transparent !important;
}
.widget-twitter .tn-title h3 i {
    margin-right: 10px;    
    color: #2FC2EF;
}

.widget-twitter a {
    color: #fff;
    font-style: italic;
    font-size: 13px;
}

/*====== Widget Google Plus =====*/
.widget-googlebadge > div:nth-of-type(2) {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/*====== Widget Ads banner =====*/
.widget-ads-banner img {
    max-width: 100%;
}
.widget-ads-banner {
    text-align: center;
}
.header-banner .widget-ads-banner {
    text-align: right;
}
/*====== Widget Login =====*/
.widget-login a {
    color: #333;
    line-height: 17px;
    font-size: 12px;
    font-weight: 400 !important;
}
.widget-login a:hover i {
    margin-right: 10px;
}
.widget-login a i {
    margin-right: 5px;
    color: #ccc;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.footer .widget-login a {
    color: #ccc;
}
/* Widget Login Form */
.widget-login p {
    margin: 10px 0;
}
.widget-login input[type=text], .widget-login input[type=password], .widget-login input[type=submit] {
    width: 100%;
}
.widget-login .user-ava {
    float: left;
    margin-right: 15px;
}
.widget-login a {
    display: block;
    margin-bottom: 5px;
}
.button-primary {
    color: #fff;
    border-radius: 3px;
}
/**
 * -------------------------------------------
 * WP Default widgets
 * -------------------------------------------
 **/
.widget-facebook, .widget_flickr, .widget_rss, .widget_calendar, .widget_recent_comments, .widget_links, .widget_search, .widget_tag_cloud, .widget_categories, .widget_recent, .widget_archive, .widget_meta, .widget_pages, .widget_recent_entries, .widget_nav_menu, .widget_text {
  position: relative;
  font-size: 13px;
  line-height: 1.5;
  background: transparent;
}
/* Archives & Categories widget
==================================== */
.widget_archive ul li, .widget_categories ul li, .widget_tag_cloud a {
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    float: left;
    color: #666;
    border-radius: 3px;
    border: 1px solid #eee;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.widget_archive ul li a, .widget_categories ul li a {
    display: inline-block;
    color: #666;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.footer .widget_archive ul li, .footer .widget_categories ul li, .footer .widget_archive ul li a, .footer .widget_categories ul li a, .footer .widget_tag_cloud a {
    color: #ccc;
}
.footer .widget_archive ul li, .footer .widget_categories ul li, .footer .widget_tag_cloud a {
    border-color: rgba(255,255,255,0.2);
}
.widget_archive ul li a:before {
    content: '\f115';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.widget_categories ul li a:before {
    content: '\f114';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.widget_archive ul li:hover, .widget_categories ul li:hover, .widget_archive ul li:hover a, .widget_categories ul li:hover a {
    color: #fff;
}
.widget_categories ul.children {
    display: none;
}
/* Custom menu widget
==================================== */
.widget_nav_menu div:nth-child(2) {
    border-radius: 4px;
    margin-top: -10px;
}
.widget_nav_menu li a {
    display: block;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700 !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #212121 !important;
}
.widget_nav_menu li a:hover {
    padding-left: 15px;
}
.widget_nav_menu > div > ul > li > a {
    border-top: 1px solid #eee;
}
.widget_nav_menu > div > ul > li:first-child > a {
    border-top: none;
}
.widget_nav_menu > div > ul > li.menu-item-has-children > a {
    border-bottom: 1px solid #eee;
}
.widget_nav_menu ul ul {
    margin-left: 25px;
    list-style: square;
}

.footer .widget_nav_menu li a {
    color: #ccc !important;
}
.footer .widget_nav_menu > div > ul > li:first-child > a {
    border-top: none;
}
.footer .widget_nav_menu div:nth-child(2) {
    background-color: transparent;
}
.footer .widget_nav_menu > div > ul > li > a {
    border-top: 1px solid rgba(255,255,255,0.2);
}
.footer .widget_nav_menu > div > ul > li.menu-item-has-children > a {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
/* Pages & Meta widget
==================================== */
.widget_pages ul.children {
	margin-left:0;
	margin-top:10px;
}
.widget_pages ul.children li {
	padding-bottom:0;
	border-bottom:none;
} 

/* RSS widget
==================================== */
.widget_rss h3 {
    padding-bottom: 5px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
ul li a.rsswidget {
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.widget-title a.rsswidget img {
	vertical-align:middle;
}
.widget-title a.rsswidget {
    color: #fff;
    font-size: 13px;
}
.footer a.rsswidget {
    color: #fff;
}
span.rss-date {
	display:block;
	margin-bottom:10px;
	font-size:10px;
	font-weight:bold;
}
.rssSummary {
	margin-bottom:10px;
}
.widget.widget_rss .widget-title {
	border:none;
}
.widget_rss ul li {
	border-top-width:1px;
	border-top-style:solid;
	border-color:rgba(255,255,255,0.2);
	width: auto;
	padding:15px 0;
}
.widget_rss ul li:first-child {
    border-top: none;
}
#footer .widget_rss ul li {
	border-color:#555;
}
.widget_rss cite, span.rss-date {
	font-size:10px;
	color:#999;
}
/* Text widget
==================================== */

.widget_text .textwidget {
	padding: 0!important;
}

.widget_text .textwidget img {
	height: auto;
	max-width: 100%;
}

/* Calendar widget
==================================== */
#wp-calendar caption {
	width: 100%;
	text-align: center;
	padding:7px 2px;
	margin-bottom:7px;
	font-size:14px;
	background: #e3e3e3;
}
#footer #wp-calendar caption {
	background:#333;
	color:#ccc;
}
#wp-calendar {
	border-collapse:collapse;
	width: 100%;
	text-align: center;
}
#footer #wp-calendar {
	color:#ccc;
}
#wp-calendar thead th {
	font-weight:bold;
}
#wp-calendar tbody td {
	padding: 5px 0;
	background:#f3f3f3;
	border: 1px solid #fff;
}
#footer #wp-calendar tbody td {

	background:#333;
	border: 1px solid #222;
}
#wp-calendar #today {
	color: #212121;
}
#wp-calendar #today a {
	color: #fff;
}
#footer #wp-calendar #today {
	color:#fff;
}
#wp-calendar a {
	padding: 2px 0;
	font-weight: bold;
}
#wp-calendar tfoot td {
	padding: 3px 0;
}
#wp-calendar #next {
	text-align: right;
	padding-right: 10px;
}
#footer #wp-calendar #prev a {
	color:#ccc;
}
#calendar_wrap {
	display: block;
	width: 100%;
	padding: 0 1px 1px 0;
}
#wp-calendar caption {
	background: #222;
	color: #fff;
}
#wp-calendar {
	color:#555;
}
#wp-calendar #today {
	color: #212121;
}
/* Recent comments widget
==================================== */
.widget_recent_comments .recentcomments {
    font-size: 13px;
    color: #212121;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}
.widget_recent_comments .recentcomments:first-child {
    padding-top: 0;
}
.widget_recent_comments .recentcomments:last-child {
    padding-bottom: 0;
    border: none;
}
.widget_recent_comments .recentcomments a:last-child {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.5;
}
.footer .recentcomments {
    color: #ddd;
}
.footer .recentcomments a:last-child {
    color: #fff;
}
.footer .widget_recent_comments .recentcomments {
    border-color: rgba(255,255,255,0.2);
}
/* FB widget
==================================== */
.widget-facebook .fb-container div {
    text-align: center;
}
/* Recent posts widget
==================================== */
.widget_recent_entries ul {
    margin: -10px 0;
}
.widget_recent_entries li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}
.widget_recent_entries li a {
    display: block;
    text-transform: uppercase;
}
.widget_recent_entries li a:before {
    content: '\f0f6';
    font-family: 'FontAwesome';
    margin-right: 5px;
} 
/*  Tag cloud widget
==================================== */
/*========= Clear fix =========*/
.widget_tag_cloud .tagcloud:before,
.widget_tag_cloud .tagcloud:after {
    content: " ";
    display: table;
} 
.widget_tag_cloud .tagcloud:after {
    clear: both;
}
/* IE6/7 support */
.widget_tag_cloud .tagcloud {
    *zoom: 1;
}
.widget_tag_cloud a {
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    float: left;
    color: #666;
    border-radius: 3px;
    font-size: 13px !important;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.widget_tag_cloud a:before {
    content: '\f02b';
    font-family: 'FontAwesome';
    margin-right: 5px;
}
.widget_tag_cloud a:hover {
    color: #fff;
}
/*==== Review Widget ====*/
.tn_widget_review-posts .tn-review-title.post-title {
    margin: 0;
    width: 100%;
    margin-right: -30px;
    padding-right:  30px;
    text-align: left;
    font-size: 15px;
    line-height: 1.5;
    text-transform: capitalize;
    float: left;
}
.tn_widget_review-posts .tn-review-title.post-title a {
    text-overflow: ellipsis;
}
.tn_widget_review-posts .tn-review-box {
    position: relative;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;

}
.tn_widget_review-posts .tn-review-box .tn-overlay {
  margin-top: 2px;
  display: block;
  width: 100%;
  float: left;
  position: relative;
  height: 10px;
  background-color: #eee;
}

.tn_widget_review-posts .tn-review-box .tn-overlay .tn-bar-score {
  height: 10px;
  display: block;
}
.tn_widget_review-posts .tn-review-box .tn-final-score {
    float: right;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    color: #212121;
}
.footer .tn_widget_review-posts .tn-review-box .tn-final-score {
    color: #fff;
}
/* tab */
.widget_reviews_tabs .reviews-tabs-content-container .reviews-tab-content{
    display: none;
}
/* ======= Widget social counters ======= */
.widget-social-counter ul{
	overflow: hidden;
    margin-left: -4px;
    margin-right: -4px;
}

.widget-social-counter ul li {
    width: 99px;
    height: 99px;
    margin: 0 4px;
	margin-top: 10px;	
	color: #FFFFFF;
    transition: all 0.3s ease;
    float: left;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 4px;
}
.widget-social-counter ul li:last-child {
    border: 2px solid transparent;
}

.widget-social-counter ul li:hover {
    border: 2px solid #212121 !important;
    background: none !important;
}
.widget-social-counter ul li:hover a {
    color: #212121;
}

.widget-social-counter ul li:first-child, .widget-social-counter ul li:nth-child(2), .widget-social-counter ul li:nth-child(3) {
    margin-top: 0;
}
.widget-social-counter ul li a {
    display: block;
    color: #fff;
    margin-top: 10px;
}


.widget-social-counter ul li i{
	font-size: 32px;
    line-height: 34px;
}

.widget-social-counter ul li.twitter{
	background: #2FC2EF;
}

.widget-social-counter ul li.facebook{
	background: #4c66a4;
}

.widget-social-counter ul li.dribbble{
	background: #ea4c89;
}

.widget-social-counter ul li.soundcloud {
    background: #FF5D00;
}
.widget-social-counter ul li.instagram {
    background: #406E94;
}

.widget-social-counter ul li.youtube{
	background: #cc181e;
}

.widget-social-counter ul li.rss{
	background: #F4A62A;
}

.widget-social-counter .subscribe {
    font-weight: 700 !important;
}
.widget-social-counter .text{
	font-size: 13px;
	opacity: 0.75;
}
/*=== Widget tabs ====*/
.widget-tabs .custom-bg {
    background-color: #fff;
}

.custom-bg a, .custom-bg span {
    color: #fff !important;
}
.widget-tabs .tab-content{
	display: none;
}

.widget-tabs .post-list li{
	margin-bottom: 20px;	
}

.widget-tabs .comment-list li{
	margin-bottom: 20px;	
}

.widget-tabs .comment-list .thumbnail,
.widget-tabs .post-list .thumbnail {
	width: 70px;
	float: left;
	margin-right: 15px;
    border-radius: 50%;
}

.widget-tabs .comment-list .avatar,
.widget-tabs .post-list .wp-post-image{
	width: 70px;
	height: 70px;
}
.widget-tabs .comment-list .avatar {
    border-radius: 50%;
}
.widget-tabs .sub-post {
    line-height: 1.2;
}
.widget-tabs .comment-text{
	line-height: 1.2;
}
.widget-tabs .comment-author {
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
}
.widget-tabs .comment-list .date {
    display: inline-block;
    font-size: 12px;
}
.widget-tabs .post-title-commented a {
    font-size: 12px;
}
.widget-tabs .comment-text a {
    display: block;
    text-decoration: none;
    color: #212121;
    font-size: 12px;
    margin-top: 10px;
}
.footer .widget-tabs .comment-text a {
    color: #888;
}
/*==== Widget Flickr ====*/
#flickr { 
    list-style-type: none; 
    padding: 0px;
    text-align: center;
}
#flickr li { 
    list-style-type: none;
    display: block;
    float: left;
    border: none; 
}
#flickr li a {
    display: block;
}
#flickr li a img { 
	width: 76px;
	height: 76px;
    display: block;	
    margin-right: 3px;
    margin-top: 3px;
}
#flickr li:nth-child(4n) a img{
    margin-right: 0;
}
.footer #flickr li a img { 
	border: 5px solid #2a2a2a;
} 
/*======== Social Share ======*/
.has-social-share {
    position: relative;
}
.has-social-share article:hover .social-share {
    display: block;
}
.has-social-share .social-share li a{
    position: absolute;
    display: block;
    top: 10px;
    right: 0px;
    opacity: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.social-share li i {
    font-size: 18px;
    line-height: 40px;
    width: 40px;
    color: #fff;
}
.has-social-share li:nth-child(1) a {
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.has-social-share:hover .rating-wrap {
    right: -50px;
}
.has-social-share:hover li:nth-child(1) a{
    opacity: 1;
    margin-right: 10px;
}
.has-social-share li:nth-child(2) a{
    -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    z-index: 9;
    margin-right: 10px;
}

.has-social-share:hover li:nth-child(2) a{
    opacity: 1;
    margin-right: 55px;
}
.has-social-share li:nth-child(3) a{
    -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
    z-index: 8;
    margin-right: 55px;
}
.has-social-share:hover li:nth-child(3) a{
    opacity: 1;
    margin-right: 100px;
}
.has-social-share li:nth-child(4) a{
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
    z-index: 7;
    margin-right: 100px;
}
.has-social-share:hover li:nth-child(4) a{
    opacity: 1;
    margin-right: 145px;
}

.has-social-share li:nth-child(5) a{
    -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
    z-index: 6;
    margin-right: 145px;
}
.has-social-share:hover li:nth-child(5) a{
    opacity: 1;
    margin-right: 190px;
}

.has-social-share li:nth-child(6) a{
    -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
    z-index: 5;
    margin-right: 190px;
}
.has-social-share:hover li:nth-child(6) a{
    opacity: 1;
    margin-right: 235px;
}


.social-share {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tn-blog .blog-post-list > li:not(:first-child) .social-share li a {
    top: 25px;
}
.tn-blog .blog-post-list .social-share li a {
    right: 55%;
}
.tn-blog .blog-post-list .social-share li{
    margin: 0;
    padding: 0;
}

.social-share .tn_facebook_share {
    background-color: #3b5998;
}
.social-share .tn_twitter_share {
    background-color: #00aced;
}
.social-share .tn_google_share {
    background-color: #dd4b39;
}
.social-share .tn_pinterest_share {
    background-color: #cb2027;
}
.social-share .tn_tumblr_share {
    background-color: #32506d;
}
.social-share .tn_linkedin_share {
    background-color: #007bb6;
}
/*=== Share box ===*/
.tn-share-box {
    margin-top: 40px;
    text-align: center;
    line-height: 1;
}
.tn-share-box ul {
    display: inline-block;
    padding: 5px;
    background-color: #f5f5f5;
    border-radius: 60px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.cover1 .tn-share-box ul {
    background: #fff;
}
.tn-share-box ul li {    
    float: left;
    margin-right: 10px;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.tn-share-box ul li:last-child {
    margin-right: 0;
}
.tn-share-box ul li a {
    height: 40px;
    width: 40px;
    display: inline-block;
    border-radius: 50%;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.tn-single-cover .tn-share-box ul li a, .entry-header .tn-share-box ul li a {
    height: 30px;
    width: 30px;
}
.tn-share-box ul li i {
    font-size: 20px;
    line-height: 36px;
    display: inline;
}
.tn-single-cover .tn-share-box ul li i, .entry-header .tn-share-box ul li i {
    font-size: 16px;
    line-height: 26px;
}
.tn-share-box  .social-share li a {
    border: 2px solid transparent;    
}
.tn-share-box .social-share li a:hover {
    background-color: #fff;
    border: 2px solid #333;
}
.tn-share-box .social-share li a:hover i {
    color: #333;
}
.tn-share-box > ul.shrinked > li:not(:last-child) {
    margin: 0;
    opacity: 0;
}
.tn-share-box > ul.shrinked > li:not(:last-child) a {
    width: 0;
    border: none;
    font-size: 0;
}
.tn-share-box .share-btn {
    position: relative;
}
.tn-share-box .share-btn i {
    font-size: 20px;
    line-height: 36px;
    display: inline;
}
.has-social-share .share-btn {
    display: none;
}
.tn-share-box .share-btn span {
    position: absolute;
    top: -32px;
    left: 10px;
    font-size: 10px;
    padding: 5px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;
}
.tn-share-box .share-btn:hover span {
    opacity: 1;
    visibility: visible;
}
.tn-share-box .share-btn span:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 5px;
    border-width: 3px;
    border-color: rgba(0,0,0,0.3) transparent transparent rgba(0,0,0,0.3);
    border-style: solid;
}
.tn-single-cover .tn-share-box, .entry-header.entry-header-big .tn-share-box {
    position: absolute;
    right: 20px;
    top: -21px;
    margin: 0;
}
.entry-header .tn-share-box {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
/**** Block article box 3 mediums and 1 large *****/
.tn_block_article-box_3m1l .main-post {
    float: left;
    width: 465px;
    border: none;
    margin-bottom: 0;   
    padding-bottom: 0;
}
.tn_block_article-box_3m1l .main-post .post-title {
    font-size: 24px;
    color: #212121;
}
.tn_block_article-box_3m1l .main-post .thumb {
    margin-bottom: 15px;
}
.tn_block_article-box_3m1l .post-list {
    width: 195px;
    float: right;
}
.tn_block_article-box_3m1l .post-list .thumb {
    width: auto;
    height: auto;
}
.tn_block_article-box_3m1l .post-list .thumb-wrap {
    margin-bottom: 10px;
}
.tn_block_article-box_3m1l .post-list .post-wrap {
    margin-bottom: 15px;
}
.tn_block_article-box_3m1l .thumb-wrap a:hover .post-icon {
    opacity: 1;
}
.tn_block_article-box_3m1l .main-post .post-icon {
    font-size: 65px;
} 
.tn_block_article-box_3m1l .post-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #F0F0F0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
}
.tn_block_article-box_3m1l .no-thumb .post-details {
    padding-top: 10px;
}
/*-- Layout2 --*/
.tn_block_article-box_3m1l .layout2 .main-post {
    float: right;
}
.tn_block_article-box_3m1l .layout2 .post-list {
    float: left;
}
/*======= Widget posts ========*/
.tn_widget_latest-posts .main-post {
    border-bottom: none;
    padding-bottom: 0;
}
.tn_widget_latest-posts .main-post:last-child {
    margin-bottom: 0;
}
.tn_widget_latest-posts .post-details {
    padding: 15px;
    background-color: #fafafa;
}
.tn_widget_latest-posts .post-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #F0F0F0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 0;
}
.tn_widget_latest-posts .main-post:hover .post-icon {
    opacity: 1;
}
.tn_widget_latest-posts .thumb img, .tn_widget_latest-posts .thumb {
    border-radius: 2px 2px 0 0;
}
/*--- Style 2 ---*/
.tn_widget_latest-posts .style2 .post-details {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 0 2px 2px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn_widget_latest-posts .style2 .no-thumb .post-details {
    position: static;
}
.tn_widget_latest-posts .style2 .post-title {
    margin-top: 5px;
}
.tn_widget_latest-posts .style2 .post-title a {
    color: #fff;
}
.tn_widget_latest-posts .style2 .thumb img, .tn_widget_latest-posts .style2 .thumb, .tn_widget_latest-posts .style2 .main-post > img {
    border-radius: 2px;
    width: 100%;
}
/*--- Style 3 ---*/
.tn_widget_latest-posts .style3 .main-post {
    margin-bottom: 5px;
}
.tn_widget_latest-posts .style3 .thumb:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn_widget_latest-posts .style3 .post-details {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
}
.tn_widget_latest-posts .style3 .no-thumb .post-details {
    position: static;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}
.tn_widget_latest-posts .style3 .post-title {
    margin-top: 5px;
    font-size: 15px;
}
.tn_widget_latest-posts .style3 .post-title a {
    color: #fff;
}
.tn_widget_latest-posts .style3 .thumb img, .tn_widget_latest-posts .style3 .thumb {
    border-radius: 0;
}
.tn_widget_latest-posts .style3 .post-icon, .tn_widget_latest-posts .style3 .social-share {
    display: none;
}
.tn_widget_latest-posts .style3 .overlay-link {
    position: absolute;
    top:0;left:0;right:0;bottom:0;
    z-index: 10;
}

.footer .tn_widget_latest-posts .post-title a {
    color: #212121;
}
.footer .tn_widget_latest-posts .style2 .post-title a, .footer .tn_widget_latest-posts .style3 .post-title a {
    color: #fff;
}
.single .article-thumb > a.thumb {
    display: block;
}
/*--- Spinner ---*/
.initial-load {
    position: relative;
}
.grid-wrapper.initial-load {
    min-height: 400px;
}
.grid-wrapper.initial-load .grid-container {
    visibility: hidden;
}
.initial-load .spinner {
  display: block;
}
.spinner {
    display: none;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    text-align: center;
    background-image: url('../images/loading-spin.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}