/*
Designer: Xatai
Site: Xpert.az
Facebook: https://fb.com/xetai.isayev
*/

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%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{height:100%;min-height:100%;}
body{min-height:100%; background-color:#e6e6e6;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Merriweather', Arial, Helvetica, sans-serif; color: #111;outline:none}
a{outline:none;color:#000;text-decoration:none}
a img{border:0 none}
h1,h2,h3,h4,h5 {line-height:normal;font-weight:400;text-rendering:optimizeLegibility}
h1{font-size:23px}
h2{font-size:21px}
h3{font-size:20px}
h4{font-size:18px}
h5{font-size:16px}
strong,b{font-weight:700}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .tab-posts-top ul li a, .tab-posts-top ul li, .big-post-title, .small-post-title, .cp-item-title, .last-post-title, .post-title, .post-item a, .top-menu ul li a, .top-menu ul li a:after, .h-post-title, .h-menu ul li a, .more-posts a, .a-pager ul li a, .sub-menu ul li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/subset-Merriweather-Regular.eot');
    src: url('../fonts/subset-Merriweather-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-Merriweather-Regular.woff2') format('woff2'),
    url('../fonts/subset-Merriweather-Regular.woff') format('woff'),
    url('../fonts/subset-Merriweather-Regular.ttf') format('truetype'),
    url('../fonts/subset-Merriweather-Regular.svg#Merriweather-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/subset-Merriweather-Bold.eot');
    src: url('../fonts/subset-Merriweather-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-Merriweather-Bold.woff2') format('woff2'),
    url('../fonts/subset-Merriweather-Bold.woff') format('woff'),
    url('../fonts/subset-Merriweather-Bold.ttf') format('truetype'),
    url('../fonts/subset-Merriweather-Bold.svg#Merriweather-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('../fonts/subset-Merriweather-Black.eot');
    src: url('../fonts/subset-Merriweather-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/subset-Merriweather-Black.woff2') format('woff2'),
    url('../fonts/subset-Merriweather-Black.woff') format('woff'),
    url('../fonts/subset-Merriweather-Black.ttf') format('truetype'),
    url('../fonts/subset-Merriweather-Black.svg#Merriweather-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco.eot');
    src: url('../fonts/subset-SanFrancisco.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco.woff') format('woff'),
        url('../fonts/subset-SanFrancisco.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco.svg#SanFrancisco') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'San Francisco';
    src: url('../fonts/subset-SanFrancisco-Bold.eot');
    src: url('../fonts/subset-SanFrancisco-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SanFrancisco-Bold.woff2') format('woff2'),
        url('../fonts/subset-SanFrancisco-Bold.woff') format('woff'),
        url('../fonts/subset-SanFrancisco-Bold.ttf') format('truetype'),
        url('../fonts/subset-SanFrancisco-Bold.svg#SanFrancisco-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* Struktur */
.xsayt {min-width:1070px; overflow: hidden;}
.centered {max-width:1070px; margin:0 auto; padding:0 10px;}
.centered:after, .header-top:after, .main-top:after, .container:after, .currency-top:after, .footer-a:after, .posts-wrap:after, .top-menu:after {display:block; content:""; clear:both;}
.container {padding-top:20px;}
.post-extra {overflow:hidden; font-size:12px; line-height:18px; color:#777; font-family: 'San Francisco', Arial, Tahoma, sans-serif; height:18px;}
.post-extra .post-category {float:left; margin-right:15px;}
.post-extra .post-date, .post-extra .post-view {float:left;position:relative;}
.post-extra .post-date {margin-right:15px; padding-left:22px;}
.post-extra .post-view {padding-left:31px;}
.post-extra .post-date:before, .post-extra .post-view:before {content: ""; position:absolute; top:0; left:0;}
.post-extra .post-date:before {width:18px; height:18px;background-image: url(../images/date.svg);}
.post-extra .post-view:before {width:27px; height:18px; background-image: url(../images/view.svg);}
.site-left {float:left; padding-right:20px; width:750px;}
.site-right {float:left; width:300px;}

/* Header */
.header {background-color:#f5f5f5;margin-bottom:15px;}
.header .header-top {padding:15px 0;}
.header .header-top .centered { position:relative;}
.header-top .weather {float:left;}
.weather .w-city {float:left; font-size:12px; line-height:16px; padding:2px 0 2px 8px; position:relative; color:#575757;}
.weather .w-city:before {content: ""; background-color:#206a9b; width:4px; height:4px; top:0; bottom:0; left:0; margin: auto; border-radius:50%; position:absolute;}
.weather .w-city span {color: #161616;}
.weather .w-icon {float: left; width: 38px; height: 38px; background-size: cover; margin: -9px 2px;}
.weather .w-temp {float:left; font-size:12px; line-height:16px; font-weight:900; padding:2px 0; letter-spacing: -0.07px;}
.header-top .h-menu {float:right;}
.h-menu ul li {float:left; margin-left:22px;}
.h-menu ul li a {position:relative; display:block; padding:2px 0 2px 8px; font-size:12px; line-height:16px; letter-spacing: -0.07px; color:#161616; font-weight:bold;}
.h-menu ul li a:before {content: ""; background-color:#206a9b; width:4px; height:4px; top:0; bottom:0; left:0; margin: auto; border-radius:50%; position:absolute;}
.h-menu ul li a:hover {color:#206a9b;}
.header-top .h-social {position:absolute; left:250px; right:250px; text-align:center;}
.header-top .h-social ul {display:inline-block; vertical-align:top;}
.h-social ul li {float:left; margin: 0 8px;}
.h-social ul li a {display:block; width:20px; height:20px;}
.h-social ul li.fb a {background-image: url(../images/fb.svg);}
.h-social ul li.tg a {background-image: url(../images/tgm.svg);}
.header .header-a {padding:20px 0; height: 110px; border-bottom:1px solid #d6d6d6;}
.header-a .centered {position:relative;}
.header-a .logo {position:absolute; left:0; right:0; margin: auto; width:286px; padding:8px 5px; border: 1px solid #d6d6d6; border-top:0; border-bottom:0;}
.header-a .logo a {display:block; background-image: url(../images/loho.png); width: 280px; height:73px;}
.header-a .h-posts {overflow:hidden;}
.h-posts .h-post {float:left; width:359px;}
.h-posts .h-post.h-right {float:right;}
.h-posts .h-post a {display:block; overflow:hidden;}
.h-posts .h-post .h-post-image {float:left; margin-right:9px;margin-top: 10px;}
.h-posts .h-post .h-post-image img {width:70px; height:70px; display:block; border:2px solid #206a9b; border-radius:50%;}
.h-posts .h-post .h-post-info {overflow:hidden; margin: 25px 0; height:54px;}
.h-post-info .h-post-a {height:54px; display:table-cell; vertical-align:middle;}
.h-post-a .h-post-title {font-weight:900; font-size:14px; line-height:18px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;}
.h-post-a .h-post-title * {font-weight:900}
.h-posts .h-post a:hover .h-post-title {color:#206a9b;}
.header .header-b .centered {position:relative;}
.header-b .top-menu {padding-right:36px;}
.top-menu>ul>li {float:left; margin-right:23px;}
.top-menu>ul>li>a {display:block; font-size:16px; line-height:24px; letter-spacing: -0.05px; padding:16px 0; color:#333333; position:relative;}
.top-menu>ul>li>a:after {content:""; position:absolute; width:100%; bottom:0; left:0; height:3px; background-color:#206a9b; opacity:0;}
.top-menu>ul>li>a:hover, .top-menu>ul>li.active>a {color:#206a9b;}
.top-menu>ul>li>a:hover:after, .top-menu>ul>li.active>a:after {opacity:1;}
.sub-menu {display:none; position: absolute; background-color: #155178; z-index: 1000; padding:5px 0;}
.sub-menu ul li a {color: #fff; font-size: 16px; line-height: 24px; padding: 5px 12px; display: block; min-width: 180px;}
.sub-menu ul li a:hover {color: #e7ff64}
.header-b .m-gr {position:absolute; right:10px; top:0; bottom:0; margin: auto; height:24px;}
.m-gr .extra, .m-gr .search {float:left; margin-left:15px; width: 24px; height:24px; cursor:pointer;}
.m-gr .extra {background-image: url(../images/extra.svg);}
.m-gr .search {background-image: url(../images/search.svg?v2); background-position: 0 0;}
.m-gr .search.search-opened {background-position: 0 100%;}
.search-panel {display:none; position: absolute; top: 0; left: 10px; padding: 10px 0; right: 46px;}
.search-panel .search-wrap {position:relative;}
.search-panel .search-wrap input {width: 100%; display: block; font-size: 16px; line-height: 24px; padding: 5px 15px; border: 1px solid #bcbcbc;}
.search-panel .search-wrap button {position:absolute; width:24px; height:24px; top:0; bottom:0; margin: auto; right:15px; background-image: url(../images/search.svg); border:0; background-color:transparent; cursor:pointer; opacity: 0.5; background-position: 0 0; padding:0;}
.header .header-c {background-color:#161616; padding: 9px 0;}
.header-c .currency {overflow:hidden;}
.header-c .currency ul {width: 10000px; overflow:hidden;}
.header-c .currency ul li {float:left; font-family: 'San Francisco', Arial, Tahoma, sans-serif; font-size:14px; line-height:20px; color:#989898; padding: 0 20px; border-right:2px solid #989898;}
.currency ul li .c-name {float:left; margin-right:10px;}
.currency ul li .c-value {float:left; font-weight:bold; color:#fff;}
span.neutral {color:#989898;}
span.down {color:#f44336;}
span.up {color:#206a9b;}

/* Owl carousel */
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{color:inherit;border:none;font:inherit; padding: 0; background-color: transparent;}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.no-js .owl-carousel{display:block}
.owl-height{transition:height 500ms ease-in-out}

/* Main top */
.main-top {}
.main-top .main-top-right {width:300px; float:left;}

/* Mini posts */
.main-top .main-mini-posts {width:300px; float:left;}
.main-mini-posts .mini-post {margin-bottom:20px;}
.main-mini-posts .mini-post:last-child {margin:0;}
.main-mini-posts .mini-post a {display:block; position:relative;}
.main-mini-posts .mini-post a:before {content: ""; position:absolute; top:0; left:0; right:0; bottom:0; display:block; background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0), #161616);}
.main-mini-posts .mini-post .mini-post-image img {width:100%; display:block;}
.main-mini-posts .mini-post .mini-post-info {position:absolute; z-index:10; bottom:0; left:0; padding: 17px 10px 15px; width:100%;}
.main-mini-posts .mini-post .mini-post-info:before {content: ""; position:absolute; top:0; left:10px; width:60px; height:2px; background-color:#206a9b;}
.main-mini-posts .mini-post .mini-post-title {color:#fff; font-weight:bold; font-size:14px; line-height:18px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; max-height:90px;}

/* Main slider */
.main-slider {float:left; width:750px; padding-right:20px;}
.main-slider-item a {display:block; position:relative;}
.main-slider-item a:before {content:""; position:absolute; bottom:0; left:0; height:200px; display:block; background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0), #161616); width:100%;}
.main-slider-item .main-slider-info {position:absolute; z-index:10;bottom:54px; left:0; width:100%; padding: 18px 20px 0 20px;}
.main-slider-item .main-slider-info:before {content: ""; position:absolute; top:0; left:20px; width:120px; height:2px; background-color:#206a9b;}
.main-slider-info .main-slider-title {font-weight:900; color:#fff; font-size:20px; line-height:25px; margin-bottom:10px; max-height:125px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5;}
.main-slider-info .main-slider-title * {font-weight:900;}
.main-slider-info .post-extra {color:#fff;}
.nav-1 .owl-nav button {position:absolute; bottom:15px; width:48px; height:24px;}
.nav-1 .owl-nav .owl-prev {left:20px; background-image: url(../images/prev.svg);}
.nav-1 .owl-nav .owl-next {right:20px; background-image: url(../images/next.svg);}
.nav-1 .owl-dots {position:absolute; left:100px; right:100px; padding:7px 0; bottom:15px; text-align:center; height:24px;}
.nav-1 .owl-dots .owl-dot {display:inline-block; vertical-align:top; width:10px; height:10px; border-radius:50%; background-color:#fff; margin: 0 3px;}
.nav-1 .owl-dots .owl-dot.active {background-color:#206a9b;}

/* Right post */
.right-post a {display:block; position:relative;}
.right-post a:before {content: ""; position:absolute; top:0; left:0; right:0; bottom:0; display:block; background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0), #161616);}
.right-post .right-post-image img {width:100%; display:block;}
.right-post .right-post-info {position:absolute; z-index:10; bottom:0; left:0; padding: 17px 10px 15px; width:100%; text-align:center;}
.right-post .right-post-info:before {content: ""; position:absolute; top:0; left:10px; width:60px; height:2px; background-color:#206a9b; right:10px; margin: auto;}
.right-post-info .right-post-title {color:#fff; font-weight:bold; font-size:14px; line-height:18px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 5; max-height:90px;}

/* C post */
.c-post a {position:relative; display:block; background-color:#388e3c; height:119px;}
.c-post .c-post-info {position:absolute; z-index:10; bottom:0; left:0; padding: 17px 10px 15px; width:100%; text-align:center;}
.c-post .c-post-info:before {content: ""; position:absolute; top:0; left:10px; width:60px; height:2px; background-color:#fff; right:10px; margin: auto;}
.c-post-info .c-post-title {color:#fff; font-weight:bold; font-size:14px; line-height:18px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; max-height:72px;}

/* Currency converter */
.currency-converter {margin: 20px 0; border:1px solid #d6d6d6; background-color:#fff; padding:15px;}
.currency-converter .currency-top {padding-bottom:14px;}
.currency-top .cr-title {float:left; color:#161616; font-weight:bold; font-size:25px; line-height:32px;}
.currency-top .currency-search {float:right; width:218px; position:relative;}
.currency-search input {width:100%; display:block; border:1px solid #206a9b; background-color:#fff; border-radius: 3px; font-size:12px; line-height:18px; padding: 6px 32px; height:32px;}
.currency-search button {border:0; display:block; position:absolute; cursor:pointer; width:20px; height:20px; left:6px; top:0; bottom:0; margin: auto; background-image: url(../images/c-search.svg); background-color:transparent; padding:0;}
.currency-search .c-dropdown {cursor:pointer; position:absolute; top:0; right:0; background-color:#206a9b; padding:6px; border-radius:3px;}
.currency-search .c-dropdown:before {content: ""; width:20px; height:20px; display:block; background-image: url(../images/dropdown.svg);}
.currency-converter .currency-list {margin: 0 -9px; overflow:hidden;}
.currency-list .currency-item {float:left; padding: 20px 9px 0; width:33.3333333333%;}
.currency-item .c-label {font-size:12px; line-height:16px; height:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#777777; padding-right:20px; position:relative; margin-bottom:5px;}
.currency-item .c-label b {font-size:14px; line-height:16px; color: #161616}
.currency-item .c-label .c-close {position:absolute; right:0; top:0; width:16px; height:16px; background-image: url(../images/c-close.svg); cursor:pointer;}
.currency-item .c-input {position:relative;}
.currency-item .c-input input {width:100%; display:block; border:1px solid #d6d6d6; padding: 5px 10px 5px 32px; font-size:14px; color:#333333; line-height:20px; text-align:right; font-family: 'San Francisco', Arial, Tahoma, sans-serif; border-radius:3px;}
.currency-item .c-input span {position:absolute; left:10px; width:22px; height:22px; display:block; top:0; bottom:0; margin: auto;}
.c-input span.azn {background-image: url(../images/azn.svg);}
.c-input span.usd {background-image: url(../images/usd.svg);}
.c-input span.eur {background-image: url(../images/eur.svg);}

/* Tab posts */
.tab-posts {background-color:#f5f5f5; padding:14px 15px 20px; margin:0 0 20px 0;}
.tab-posts-top {overflow:hidden; padding-bottom:16px; position:relative;}
.tab-posts-top:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image: linear-gradient(to right, #206a9b 45%, rgba(255,255,255,0) 0%); background-size: 10px 1px; background-repeat: repeat-x;}
.tab-posts-top ul {overflow:hidden; border-radius:3px; float:left;}
.tab-posts-top ul li {float:left; color:#989898; font-size:14px; line-height:18px; padding: 8px 15px; cursor:pointer; font-weight:bold; background-color:#e2e2e2
; user-select:none;}
.tab-posts-top ul li:hover {color: #206a9b}
.tab-posts-top ul li.active {background-color: #206a9b; color: #fff;}
.tab-post-content {}
.tab-post {display:none; padding:15px 0 0;}
#tab1 {display:block;}
.tc-item {overflow:hidden; margin: 0 -10px;}
.big-post {float:left; width:50%; padding: 0 10px 20px;}
.big-post a {display:block;}
.big-post .big-post-image img {width:100%; display:block;}
.big-post .big-post-info {background-color:#e8e8e8; padding: 15px;}
.big-post-info .big-post-title {position:relative; padding-top:15px; font-size:16px; line-height:20px; height:75px; overflow:hidden; color:#161616; font-weight:bold; margin-bottom:11px; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3;}
.big-post-info .big-post-title:before {content: ""; position:absolute; top:0; left:0; width:60px; height:2px; background-color:#206a9b;}
.big-post a:hover .big-post-title {color: #206a9b}
.small-posts {width:50%; float:left; padding: 0 10px; margin: -15px 0; overflow:hidden;}
.small-posts .small-post a {display:block; padding:15px 0; border-bottom: 1px solid #d6d6d6; overflow:hidden;}
.small-posts .small-post:last-child a {border-bottom:0;}
.small-post .small-post-image {width:154px; float:left; position:relative; margin-right:10px;}
.small-post .small-post-image img {width:100%; display:block;}
.small-post .small-post-image:before {content: ""; width:100%; position:absolute; left:0; bottom:0;   background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); height:34px;}
.small-post-image .post-extra {position:absolute; bottom:8px; left:8px;}
.small-post-image .post-extra .post-date {color:#fff;}
.small-post-image .post-extra .post-date:before {background-image: url(../images/date2.svg);}
.small-post .small-post-info {overflow:hidden;}
.small-post-info .small-post-title {position:relative; padding-top:15px; font-size:14px; line-height:18px; max-height:87px; overflow:hidden; color:#161616; font-weight:bold; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4;}
.small-post-info .small-post-title:before {content: ""; position:absolute; top:0; left:0; width:60px; height:1px; background-color:#206a9b;}
.small-posts .small-post a:hover .small-post-title {color:#206a9b;}
.nav-2 .owl-nav {position:absolute; top: -60px; right:0;}
.nav-2 .owl-nav button {float:left; margin-left: 10px; width:24px; height:24px;}
.nav-2 .owl-nav .owl-prev {background-image: url(../images/prev2.svg);}
.nav-2 .owl-nav .owl-next {background-image: url(../images/next2.svg);}
.more-posts {margin-top:30px; text-align:center; position:relative;}
.more-posts:before {content: ""; position:absolute; top:16px; left:0; width:100%; border-top:1px solid #bcbcbc;}
.more-posts a {position:relative; z-index:10; display:inline-block; vertical-align:top; border: 1px solid #bcbcbc; border-radius:17px; font-size:12px; line-height:17px; padding: 7px 22px; font-weight:bold; color:#989898; height:33px; background-color:#f5f5f5;}
.more-posts a:hover {background-color:#206a9b; color:#fff; border-color:#206a9b;}

/* Col posts */
.col-posts {overflow:hidden; margin: 0 -10px 20px;}
.col-posts .col-post {float:left; width:50%; padding: 0 10px;}
.col-posts .col-post .col-post-a {background-color:#f5f5f5; padding: 15px 15px 20px 15px;}
.col-post-top {padding-bottom:16px; position:relative;}
.col-post-top:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image: linear-gradient(to right, #206a9b 45%, rgba(255,255,255,0) 0%); background-size: 10px 1px; background-repeat: repeat-x;}
.col-post-top .cp-title {font-size:25px; line-height:32px; font-weight:bold; color:#161616; }
.cp-post-block {margin-top:4px;}
.cp-post-block .cp-item {padding-top:16px;}
.cp-post-block .cp-item a {display:block; overflow:hidden;}
.cp-item .cp-item-image {float:left; width:126px; margin-right:10px;}
.cp-item .cp-item-image img {width:100%; display:block;}
.cp-item .cp-item-title {overflow:hidden; color:#161616; font-size:14px; line-height:18px; max-height:72px; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; font-weight:bold;}
.cp-post-block .cp-item a:hover .cp-item-title {color:#206a9b;}
.col-post-carousel.nav-2 .owl-nav {top:-44px;}

/* Posts */
.posts {margin-bottom:20px;}
.posts .posts-wrap {margin: 0 -10px;}
.posts-wrap .post-item {width:50%; float:left; padding: 0 10px 20px;}
.posts-wrap .post-item a {display:block;}
.post-item .post-image img {width:100%; display:block;}
.post-item .post-info {padding:10px; background-color: #f5f5f5; position:relative;}
.post-item .post-info:before {content: ""; position:absolute; top:10px; left:10px; width:60px; height:1px; background-color:#206a9b;}
.post-info .post-title {margin: 10px 0; color:#161616; font-weight:bold; font-size:14px; line-height:18px;}
.posts-wrap .post-item a:hover {box-shadow: 0 0 4px 1px rgba(0,0,0, 0.18);}
.posts-wrap .post-item a:hover .post-title {color:#206a9b;}

/* Last posts */
.last-posts {background-color:#f5f5f5; margin-bottom:20px;}
.last-posts .last-posts-top {padding:20px 15px; overflow:hidden; position:relative;}
.last-posts .last-posts-top:after {content: ""; position:absolute; bottom:0; left:0; width:100%; height:1px; background-image: linear-gradient(to right, #000000 45%, rgba(255,255,255,0) 0%); background-size: 10px 1px; background-repeat: repeat-x;}
.last-posts-top .last-post-title {font-size:18px; line-height:24px; margin-right:20px; float:left; font-weight:900; }
.last-posts-top .l-all {float:right; padding:4px 0;}
.last-posts-top .l-all a {display:block; font-size:12px; line-height:16px; color: #989898;}
.last-posts-list {padding: 0 15px 20px;}
.last-posts-list .last-post-item a {display:block; padding: 15px 0 13px; border-bottom:1px solid #d6d6d6;}
.last-post-item .last-post-image {margin-bottom: 8px;}
.last-post-item .last-post-image img {width:100%; display:block;}
.last-post-item .last-post-title {margin-bottom:5px; color: #161616; font-size:14px; line-height:18px; font-weight:900;}
.last-posts-list .last-post-item a:hover .last-post-title {color:#206a9b;}
.last-post-more {margin-top:30px;}
.last-post-more a {display:block; background-color:#206a9b; text-align:center; font-size:12px; line-height:17px; color:#fff; font-weight:bold; border-radius:17px; padding: 8px 10px; color:#fff;}

/* Hit posts */
.hit-posts {background-color:#f5f5f5; margin-bottom:20px; border:2px solid #206a9b;}
.hit-posts.tab-posts {padding:0;}
.hit-posts-top {padding: 18px 15px 0;}
.hit-posts-top .ht-title {font-size:18px; line-height:24px; color:#161616; font-weight:bold; margin-bottom: 15px;}
.hit-posts .tab-posts-top {padding: 0 15px 20px; margin: 0 -15px;}
.hit-posts .tab-posts-top ul {float:none;}
.hit-posts .tab-posts-top ul li {width:33.33333333%; padding:8px 5px; text-align:center;}
#tab5 {display:block;}
.hit-posts .tab-post {padding:0;}
.hit-posts-list {padding: 0 15px;}
.hit-post-item a {display:block; padding:15px 0; border-bottom:1px solid #d6d6d6;}
.hit-post-item:last-child a {border-bottom:0;}
.hit-post-item .hit-post-info {padding-left:64px; position:relative;}
.hit-post-info .hit-post-title {font-size:14px; line-height:18px; font-weight:bold; color:#161616;}
.hit-post-item .hit-post-image {display:none; margin-bottom:10px;}
.hit-post-item .hit-post-image img {width:100%; display:block;}
.hit-post-info .post-extra {position:absolute; top:0; left:0; width:54px; height:36px;}
.hit-post-info .post-extra .post-view {float:none; padding: 18px 0 0 0; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hit-post-info .post-extra .post-view:before {right:0; margin: auto;}
.hit-post-item a:hover .hit-post-image {display:block;}
.hit-post-item a:hover .hit-post-title {color:#206a9b;}

/* Footer */
.footer {background-color:#161616;}
.footer .footer-a {padding:30px 0 15px; position:relative; border-bottom: 1px solid #d6d6d6;}
.footer-a .footer-logo {float:left;}
.footer-a .footer-logo a {display:block; width:200px; height:50px; background-image: url(../images/lofo.png);}
.footer-a .footer-right {float:right; padding:10px 0;}
.footer-a .f-counter {position:absolute; width:88px; left:0; right:0; margin: auto; padding: 4px 0 5px;}
.f-counter a, .f-counter img {display:block;}
.footer-right .h-menu {float:left;}
.footer-right .h-menu ul li a {color:#fff;}
.footer-right .h-menu ul li a:hover {color:#206a9b;}
.footer-right .h-social {float:left; margin-left:15px;}
.footer-right .h-social ul li {margin: 0 0 0 15px;}
.footer .footer-b {padding:20px 0;}
.footer-b .f-cp {font-size:13px; line-height:16px; letter-spacing: -0.03px; color:#d6d6d6; text-align:center;}

/* Category */
.ct-block {margin:0 0 20px 0; padding:15px 15px 20px 15px; background-color: #f5f5f5;}
.ct-title {font-size:25px; line-height:32px; font-weight:bold; padding-bottom: 17px; position: relative;}
.ct-title:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-image: linear-gradient(to right, #206a9b 45%, rgba(255,255,255,0) 0%); background-size: 10px 1px; background-repeat: repeat-x;}
.ct-block .ct-posts {overflow:hidden; margin: 0 -10px; padding-top:20px;}

/* Pager */
.a-pager {text-align:center; overflow:hidden; margin:10px 0 0; font-family: 'San Francisco', Arial, Tahoma, sans-serif;}
.a-pager ul {overflow:hidden; display:inline-block; vertical-align:top;}
.a-pager ul li {float:left; margin:3px 3px 5px;}
.a-pager ul li a, .a-pager ul li span {min-width:24px; font-size:16px; height:24px; display:block; line-height:24px; padding: 0 5px;  color: #fff; border-radius: 2px; font-weight:500; position:relative; text-decoration:none; font-weight:500;}
.a-pager ul li a {background-color: #161616;}
.a-pager ul li span, .a-pager ul li a:hover {background-color: #206a9b; color:#fff}
.a-pager ul li a.icp {padding: 0;}
.a-pager ul li a.icp:before {content: ""; display:block; width:24px; height:24px; margin:0 auto; background-size:cover; background-position:0 0;}
.a-pager ul li a.icp.icprev:before, .a-pager ul li a.icp.first:before {background-image: url(../images/prev3.svg);}
.a-pager ul li a.icp.icnext:before, .a-pager ul li a.icp.last:before {background-image: url(../images/next3.svg);}
.a-pager ul li a.icp:hover:before {background-position:0 100%;} 
.a-pager ul li a.icp.first {padding: 0 6px 0 20px;}
.a-pager ul li a.icp.last {padding: 0 20px 0 6px;}
.a-pager ul li a.icp.first:before, .a-pager ul li a.icp.last:before {position:absolute; top:0; bottom:0; margin: auto;}
.a-pager ul li a.icp.first:before {left:0px;}
.a-pager ul li a.icp.last:before {right:0px;}

/* Full post */
.full-post-a {margin:0 0 40px 0; background-color:#f5f5f5;}
.full-post-a .full-post-image {position:relative;}
.full-post-a .full-post-image:after {content:""; width:100%; position:absolute; left:0; bottom:0; height:50px; background-image: linear-gradient(to bottom, rgba(22, 22, 22, 0), #161616);}
.full-post-a .full-post-image img {width:100%; display:block;}
.full-post-a .full-post-info {position:relative; padding-left:160px; min-height:130px; background-color:#fff;}
.full-post-info .fpi-right {padding:20px;}
.full-post-info .fpi-right .full-post-title {font-size:24px; line-height:31px; font-weight:900;}
.full-post-info .fpi-left {background-color:#161616; padding:20px 15px; position:absolute; width:160px; height:100%; left:0;}
.fpi-left .post-extra {height: auto;}
.fpi-left .post-extra .post-category, .fpi-left .post-extra .post-date, .fpi-left .post-extra .post-view {float:none; margin:0 0 15px 0; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.zoomtext ul li {float:left; margin-right:10px; width:24px; height:24px; cursor:pointer;}
.zoomtext ul li.zoomout {background-image: url(../images/zoomout.svg);}
.zoomtext ul li.zoomdefault {background-image: url(../images/zoomdefault.svg);}
.zoomtext ul li.zoomin {background-image: url(../images/zoomin.svg);}
.full-post-a .full-post-article {padding:20px;}
.full-post-a .full-post-article {font-size:16px; line-height:22px;}
.full-post-a .full-post-article p {margin-bottom:12px;}
.full-post-a .full-post-article img, .full-post .full-post-article iframe {max-width:100%; display:block;}
.full-post-a .full-post-article a {color: #2399df}
.full-post-a .full-post-share {margin: 0 20px; text-align:center; padding:20px 0; border-top:1px solid #206a9b;}
.full-post-share .share-wrap {display:inline-block; vertical-align:top;}
.share-wrap .share-text {float:left; margin: 0 5px; font-size:14px; line-height:20px; color:#fff; font-weight:bold; background-color:#161616; padding:12px 16px 12px 40px; border-radius:22px; position:relative;}
.share-wrap .share-text:before {content: ""; width:20px; height:20px; position:absolute; left:16px; background-image: url(../images/share.svg);}
.share-box {float:left;}
.share-box ul li {margin: 0 5px; float:left;}
.share-box ul li a {display:block; width:44px; height:44px;}
.share-box ul li.fb a {background-image: url(../images/s-fb.svg);}
.share-box ul li.wp a {background-image: url(../images/s-wp.svg);}
.share-box ul li.tw a {background-image: url(../images/s-tw.svg);}
.share-box ul li.tg a {background-image: url(../images/s-tg.svg);}
.related-posts .posts {margin:10px;}
.to-social {padding: 0 20px 20px;}
.to-social .ts-item a {display:block; position:relative; border-radius:3px; overflow:hidden; padding:15px}
.ts-item i {position:absolute; top:0; bottom:0; margin: auto; left:15px; width:28px; height:28px; background-size:cover;}
.ts-item.fb a {background-color: #3b5998;}
.ts-item.in a {background-image: linear-gradient(135deg,#5851db,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45);}
.ts-item.tw a {background-color:#1da1f2;}
.ts-item.tl a {background-color:#0088cc;}
.ts-item.yt a {background-color:#e90e0e;}
.ts-item.fb i {background-image: url(../images/t-fb.svg);}
.ts-item.in i {background-image: url(../images/t-in.svg);}
.ts-item.tw i {background-image: url(../images/t-tw.svg);}
.ts-item.tl i {background-image: url(../images/t-tl.svg);}
.ts-item.yt i {background-image: url(../images/t-yt.svg);}
.ts-item span {display:block; padding-left:40px; color:#fff; font-size:16px; line-height:22px; letter-spacing: 0.4px;}

/* Static page */
.static-page-wrap {margin: 0 0 20px 0; padding: 15px; background-color: #f5f5f5;}
.static-page-wrap .static-page-content {padding: 15px 0 0; font-size: 16px; line-height: 24px;}
.static-page-content p {margin-bottom:15px;}