/*
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%; min-width:320px; background-color:#ebeff2;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'Montserrat', Arial, Helvetica, sans-serif; color: #1C1B17;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, .main-slider-wrap .slick-dots li button, .posts-tab-header .p-tab, .a-pager ul li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

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

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

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

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


/* Struktur */
.xsayt {min-width:1050px; overflow: hidden;}
.centered {width:1050px; margin:0 auto;}
.centered:after, .header:after, .site-top:after, .home-wrap:after, .post-list:after, .footer-top:after, .footer-bottom:after, .full-post-wrap:after, .a-posts-wrap:after, .category-wrap:after {display:block; content:""; clear:both;}
.b-title {padding-bottom:8px; position:relative;}
.b-title:after {content: ""; height:2px; width:60px; position:absolute; left:0; bottom:0; background-color:#f01111}
.b-title h2 {color:#fff;height:28px; line-height:28px; font-size:22px;}
.c-title h2 {font-size:34px; line-height:42px; margin-bottom:28px; font-weight:600;}
.h-title {margin-bottom:30px; overflow:hidden;}
.h-title h2 {color:#303f50; font-size:34px; line-height:42px; font-weight:600; padding-left:18px; position:relative;}
.h-title h2:before {content: ""; display:block; width:10px; height:10px; position:absolute; top:0; bottom:0; margin: auto; left:0; border-radius: 2px; background-color: #f01111;}
.h-title.with-subalt h2{float:left; margin-right:20px;}
.homepage {padding: 30px 0;}
.home-wrap {margin-bottom:30px;}
.home-wrap .h-col-left {float:left; width:510px;}
.home-wrap .h-col-right {float:right; width:510px;}
.sidebar {float:left; width:300px;}

/* Header */
.header {padding:20px 0; background-color:#fff;}
.header-wrap .logo {float:left; margin:27px 0;}
.header-wrap .logo a {display:block; width:415px; height:87px; background-image: url(../images/az1.png);}
.header-wrap .header-right {float:right;}
.header-right .h-top {overflow:hidden; margin-bottom:14px;}
.h-top .menu {float:left;}
.menu ul li {float:left; margin-left:1px; height:36px;}
.menu ul li a {display:block; padding: 9px 7px; font-size:15px; line-height:18px; color: #303f50; font-weight:600;}
.menu ul li.home {background-color: #f2f7fb}
.menu ul li.olke {background-color: #fff2f2}
.menu ul li.siyaset {background-color: #f2fbf8}
.menu ul li.texno {background-color: #f2fafc}
.menu ul li.senet {background-color: #fffcf3}
.menu ul li.ekonomiks {background-color: #fff1ef}
.menu ul li.magazin {background-color: #fef3f6}
.menu ul li.idman {background-color: #f4f4f5}
.menu ul li.dunya {background-color: #ecf3ec}
.menu ul li.foto {background-color: #fef9f4}
.h-top .m-nav {float:left; margin: 6px 0 6px 20px; width:24px; height:24px; background-image: url(../images/nav.svg); cursor:pointer;}
.header-right .h-bottom {overflow:hidden; float:right;padding-top:50px;}
.h-bottom .social {float:left; margin:6px 30px 6px 0;}
.social ul li {float:left;}
.social ul li a {display:block; width:30px; height:30px; margin-right:10px;}
.social ul li.fb a {background-image: url(../images/fb.svg);}
.social ul li.ins a {background-image: url(../images/ins.svg);}
.social ul li.tw a {background-image: url(../images/tw.svg);}
.social ul li.yt a {background-image: url(../images/yt.svg);}
.social ul li.ln a {background-image: url(../images/ln.svg);}
.h-bottom .search {float:left; width:366px;}
.search .search-wrap {position:relative; border-radius: 21px; border: solid 1px #303f50; overflow:hidden;}
.search-wrap input {border:0; width:100%; background-color: #ffffff; font-size:16px; line-height:20px; color:#303f50; padding: 10px 84px 10px 20px;}
.search-wrap button {position:absolute; top:0; bottom:0; right:0; border-top-left-radius:21px; border-bottom-left-radius:21px; background-color:#303f50; padding:10px 28px; border:0; cursor:pointer}
.search-wrap button:before {content: ""; width:22px; height:22px; display:block; background-image: url(../images/search.svg);}
.search-wrap input::placeholder {color: #303f50; opacity: 1;}
.search-wrap input:-ms-input-placeholder {color: #303f50;
}
.search-wrap input::-ms-input-placeholder {color: #303f50;}

/* Site top */
.site-top {padding:30px 0 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05); background-image: linear-gradient(to bottom, #6e7d8b, #303f50);}

/* Main slider */
.main-slider {float:left; width:640px; margin-right:30px;}
.main-slider-item .main-slider-image {position:relative;}
.main-slider-image .main-slider-extra {position:absolute; z-index:10; bottom:20px; left:20px; font-size:12px; line-height:16px; font-weight:600; color:#fff;}
.main-slider-extra .main-slider-category {padding:4px 10px; border-radius:3px; background-color:#ff0000; margin-right:10px; float:left;}
.main-slider-extra .main-slider-date {padding:4px 10px; border-radius:3px; background-color:#303f50; float:left;}
.main-slider-item .main-slider-info {padding:20px; background-color:#1e2833;}
.main-slider-info .main-slider-title {font-size:28px; line-height:34px; font-weight:bold; color:#fff; height:102px; overflow:hidden;}
.main-slider-wrap .slick-arrow {width:30px; height:30px; display:block; position:absolute; right:15px; z-index:10; border:0; padding:0; margin:0; background-color:transparent; cursor:pointer;}
.main-slider-wrap .slick-prev {background-image: url(../images/up.svg) !important; top:15px;}
.main-slider-wrap .slick-next {background-image: url(../images/down.svg) !important; bottom:157px;}
.main-slider-wrap .slick-dots {position:absolute; top:113px; width:16px; right: 22px;}
.main-slider-wrap .slick-dots li {}
.main-slider-wrap .slick-dots li button {margin: 5px 0;  width:16px; height:16px; border-radius:8px; background-color:#fff; cursor:pointer; padding:0; border:0; font-size:0; display:block; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);}
.main-slider-wrap .slick-dots li.slick-active button {background-color:#002ca9; height:30px; margin: 10px 0;}

/* Slick slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block; width:100%;}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none}

/* Top posts */
.top-posts {float:left; width:380px;}
.top-posts-wrap .top-post-item {border-bottom: 1px solid #1e2833;}
.top-posts-wrap .top-post-item a {display:block; padding:20px 0 20px 47px; position:relative;}
.top-post-item i {width:38px; height:38px; display:block; position:absolute; top:20px; left:0;}
.top-post-item .top-post-title {color:#fff; font-weight:bold; font-size:16px; line-height:19px; min-height: 38px;}
.top-post-item i.v-0 {background-image: url(../images/z1.svg);}
.top-post-item i.v-1 {background-image: url(../images/z2.svg);}
.top-post-item i.v-2 {background-image: url(../images/z3.svg);}
.top-post-item i.v-3 {background-image: url(../images/z4.svg);}
.top-post-item i.v-4 {background-image: url(../images/z5.svg);}

/* Posts */
.posts {box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05); background-color:#fff;}
.hot, .last {position:relative;} 
.posts .posts-top {padding:24px 20px;}
.posts-top .p-title {position:relative; height:30px; line-height:30px; padding-left:34px; font-size:24px; color:#303f50; font-weight:bold;}
.posts-top .p-title:before {content: ""; position:absolute; top:0; left:0; width:30px; height:30px;}
.last .posts-top .p-title:before {background-image: url(../images/last.svg);}
.posts-wrap .posts-tab-header {overflow:hidden; padding: 30px 20px;}
.posts-wrap .posts-tab-header .p-tab, .posts-wrap .posts-tab-header .sub-tab {float:left; cursor:pointer; padding: 8px 20px; color:#303f50; font-size:16px; line-height:20px; border-radius:18px; font-weight:500;}
.posts-wrap .posts-tab-header .p-tab.active, .posts-wrap .posts-tab-header .sub-tab.active {color:#fff; background-color:#303f50;}
#tab1, #tab4 {display:block;}
.tabs .posts-list {display:none;}
.hot .posts-tab-content, .last .posts-tab-content {padding-bottom:10px;}
.post {}
.post a {display:block; padding:30px 20px 0;}
.post:first-child a {padding-top:0;} 
.post .p-a {border-bottom:1px solid #aab3bc; overflow:hidden; padding: 0 0 30px 0; position:relative;}
.post .post-image {border-radius:10px; overflow:hidden; margin-bottom:15px;}
.post .post-image img {width:100%; display:block;}
.post-info .post-title {font-size:24px; line-height:29px; font-weight:bold; color:#1e2833; margin-bottom:15px;}
.post-info .post-extra .post-date {color: #6e7d8b; font-size:14px; line-height:20px; height:20px; padding-left:22px; position:relative; font-weight:500;}
.post-info .post-extra .post-date:before {content: ""; position:absolute; top:0; left:0; width:20px; height:20px; background-image: url(../images/date.svg);}
.all-posts {padding:30px 20px;}
.hot .all-posts, .last .all-posts {position: absolute; width: 100%; bottom: 0; left: 0;}
.all-posts a {display:block; text-align:center; border-radius: 5px; border: solid 1px #303f50; font-weight:600; color: #303f50; font-size:14px; line-height:18px; padding:15px;}

/* Hot */
.hot.posts .posts-top, .hot .all-posts a {border-color: #f01111}
.hot .posts-top .p-title, .hot .all-posts a {color:#f01111}
.hot .posts-top .p-title:before {background-image: url(../images/hot.svg);}
.hot .posts-wrap .posts-tab-header .p-tab.active, .hot .posts-wrap .posts-tab-header .sub-tab.active {background-color:#f01111;}

/* Small posts */
.post.small .post-image {width:136px; float:left; margin: 0 15px 0 0;}
.post.small .post-info {overflow:hidden;}
.post.small .post-info .post-title {font-size:18px; line-height:22px; margin-bottom:11px;}

/* Photo, video */
.photo .posts-top .p-title:before {background-image: url(../images/photo.svg);}
.video.posts {background-image: linear-gradient(to bottom, #6e7d8b, #303f50);}
.video.posts .posts-top {border-color:#fff;}
.video .posts-top .p-title {color:#fff;}
.video .posts-top .p-title:before {background-image: url(../images/video.svg);}
.bl.video .posts-list .post .post-info .post-title {color:#fff;}
.bl .posts-list {padding: 30px 5px; overflow:hidden;}
.bl .posts-list .post {width:50%; float:left;}
.bl .posts-list .post a {padding: 0 15px;}
.bl .posts-list .post .p-a {padding:0; border:0;}
.bl .posts-list .post .post-image {margin-bottom:10px;}
.bl .posts-list .post .post-info .post-title {margin-bottom:8px; font-size:16px; line-height:19px; height:76px; overflow:hidden;}
.bl .posts-list .post-info .post-extra .post-date {color:#aab3bc;}
.bl .post-info .post-extra .post-date:before {background-image: url(../images/date2.svg);}
.bl .posts-list .post.first {width:100%; float:none; margin-bottom:38px;}
.bl .posts-list .post.first .p-a {border-radius:10px; overflow:hidden;}
.bl .posts-list .post.first .p-a:before {content: "";position:absolute; bottom:0; left:0; width:100%; height:180px; background-image: linear-gradient(to bottom, rgba(30, 40, 51, 0), #1e2833);}
.bl .posts-list .post.first .post-image {margin:0; border-radius:0;}
.bl .posts-list .post.first .post-info {position:absolute; bottom:0; left:0; width:100%; padding:20px; z-index:10;}
.bl .posts-list .post.first .post-info .post-title {color:#fff; font-size: 24px; line-height: 29px; margin-bottom:11px; height: auto;}

/* Footer */
.footer .footer-top {background-color:#fff; padding:10px 0; box-shadow: 0 -5px 15px 0 rgba(0, 0, 0, 0.05);}
.footer-top .logo {float:left; margin: 20px 40px 20px 0;}
.footer-top .logo a {display:block; width:136px; height:38px; background-image: url(../images/logo.jpg);}
.footer-top .logo a {display:block;}
.footer-top .logo img {width:113px; display:block;}
.footer-top .social {float:left; padding: 24px 0;}
.footer-top .f-links {float:right; padding: 29px 0;}
.footer-top .f-links ul li {float:left; margin-left:60px;}
.footer-top .f-links ul li a {display:block; color:#1e2833; font-size:16px; line-height:20px; font-weight:500;}
.footer-top .counter {float:right; padding: 23px 0 24px;}
.footer-top .counter a, .footer-top .counter img {display:block;}
.footer .footer-bottom {background-color:#303f50; padding:21px 0;}
.footer-bottom .cp {float:left; color:#fff; line-height:18px; font-size:14px;}
.footer-bottom .cr {float:right;}
.footer-bottom .cr img {display:block; height:18px;}

/* Full post */
.full-post .full-post-wrap {padding:30px 0;}
.full-post-wrap .full-post-left {float:left; width:750px; padding-right:20px;}
.full-post-left .full-post-w {margin-bottom:40px;}
.full-post-w .full-post-image img {display:block; width:100%; max-height:500px; object-fit:cover;}
.full-post-w .full-post-extra {overflow:hidden; padding:10px 20px; color:#fff; background-color:#303f50;}
.full-post-w .full-post-extra .fl {float:left; height:24px; padding: 3px 0; line-height:18px; margin-right:34px; font-weight:500;}
.full-post-extra .fl.f-date, .full-post-extra .fl.f-view {padding-left:22px; position:relative;}
.full-post-extra .fl.f-date:before, .full-post-extra .fl.f-view:before {content: ""; width:18px; height:18px; position:absolute; top:0; left:0; bottom:0; margin: auto;}
.full-post-extra .f-date:before {background-image: url(../images/f-date.svg);}
.full-post-extra .f-view:before {background-image: url(../images/f-view.svg);}
.full-post-extra .f-size {float:right;}
.full-post-extra .f-size ul li {float:left; border:1px solid #fff; cursor:pointer;}
.full-post-extra .f-size ul li:before {content: ""; width:22px; height:22px; display:block;}
.full-post-extra .f-size ul li.text-n {border-left:0; border-right:0;}
.full-post-extra .f-size ul li.text-small:before {background-image: url(../images/f-minus.svg);}
.full-post-extra .f-size ul li.text-n:before {background-image: url(../images/f-default.svg); margin:0 6px;}
.full-post-extra .f-size ul li.text-big:before {background-image: url(../images/f-plus.svg);}
.full-post-w .full-post-content {background-color:#fff; padding:20px 20px 0 20px;}
.full-post-content .full-post-title {font-size:28px; line-height:34px; color:#000; font-weight:bold; margin-bottom:10px;}
.full-post-content .full-post-article {font-size:18px; line-height:24px; margin-bottom:30px; font-weight:500; color:#333;}
.full-post-article img, .full-post-article iframe {max-width:100%;}
.full-post-article p {margin-bottom:12px;}
.full-post-article a {color: #2399df;}
.full-post-article blockquote {display:block; color: #1e2833; font-weight:bold; padding: 16px 20px 16px 50px; position:relative; border: 1px solid #303f50; border-left: 0; border-right: 0; min-height: 71px;}
.full-post-article blockquote>* {overflow:hidden; margin:0;}
.full-post-article blockquote:before {content: ""; display:block; position:absolute; left:0; top:14px; width:39px; height:39px; background-image: url(../images/quote-left.svg); margin-right:8px;}
.full-post-content .f-rating {text-align:center;}
.full-post-content .f-rating .post-like {display:inline-block; vertical-align:top;}

.post-like .pl {float:left; margin: 0 8px; font-weight:600; font-size:14px; line-height:18px; padding:3px 0; position:relative; color:#1e2833; padding-left:28px; margin-bottom:15px; cursor:pointer; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.post-like .reacted.pl.like {color:#27AE60 !important;}
.post-like .reacted.pl.dislike {color: #E74C3C !important;}
.post-like .pl:before {content: ""; display:block; width:24px; height:24px; position:absolute; left:0; top:0; background-position: 0 0;}
.post-like .pl.like:before {background-image:url(../images/like.svg?v2);}
.post-like .pl.dislike:before {background-image:url(../images/dislike.svg);}
.post-like .reacted.pl.like:before {background-image:url(../images/like.svg?v2) !important;}
.post-like .reacted.pl.dislike:before {background-image:url(../images/dislike.svg) !important;}
.post-like .reacted.pl:before {background-position: 0 100%;}
@-webkit-keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.reacted{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn; background-color:transparent;}
.react-end .pl {cursor: default;}

.full-post-w .full-post-bottom {overflow:hidden; border-top:1px solid #303f50; padding:15px 0;}
.full-post-bottom .post-source {float:left; font-size:16px; line-height:20px; padding:9px 10px 9px 0; font-weight:600; color:#1e2833;}
.full-post-bottom .full-post-share {float:right;}
.full-post-share .share-text {float:left; padding:10px 15px; background-color:#e1e6eb; border-radius:5px; line-height:18px; font-weight:bold; color:#1e2833; height:38px;}
.full-post-share .share-text:before {content: ""; width:18px; height:18px; display:block; float:left; background-image: url(../images/share.svg); margin-right:4px;}
.full-post-share .share-box {overflow:hidden; margin:4px 0;}
.full-post-share .share-box ul li {float:left; margin-left:20px;}
.full-post-share .share-box ul li a {width:30px; height:30px; display:block;}
.full-post-share .share-box ul li.fb a {background-image: url(../images/s-fb.svg);}
.full-post-share .share-box ul li.tg a {background-image: url(../images/s-tg.svg);}
.full-post-share .share-box ul li.wp a {background-image: url(../images/s-wp.svg);}
.full-post-share .share-box ul li.tw a {background-image: url(../images/s-tw.svg);}

/* A post */
.a-posts-wrap {margin: 0 -15px;}
.a-posts-wrap .a-post-item {float:left; width:50%; padding: 0 15px; margin-bottom:30px;}
.a-posts-wrap .a-post-item .a-post-wr {position:relative;}
.a-posts-wrap .a-post-item a {display:block; box-shadow: 0 1px 0 0 rgba(170, 179, 188, 0.5); background-color:#fff;}
.a-post-item .a-post-image {position:relative;}
.a-post-item .a-post-image img {width:100%; display:block;}
.a-post-item .a-post-image .a-post-date {position:absolute; bottom:0; left:0; width:100%; font-weight:500; color:#fff; line-height:16px; height:36px; padding:10px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); font-size:12px;}
.a-post-item .a-post-info {padding:10px 15px 34px 15px;}
.a-post-info .a-post-title {color: #1e2833; font-weight:bold; font-size:18px; line-height:22px; margin-bottom:10px;}
.a-post-item .post-like {overflow:hidden; position:absolute; left:15px; bottom:10px;}
.a-post-item .post-like .pl {margin: 0 16px 0 0;}

/* Sidebar posts */
.sd .posts-top .p-title:before {background-image: url(../images/sd.svg);}
.sd .posts-wrap .posts-tab-header .p-tab {padding:8px 13px;}
.sd .post a {padding: 20px 15px 0;}
.sd .post .p-a {padding-bottom:20px;}
.sd .post:first-child a {padding-top:0;}
.sd .post .post-image {margin-bottom:10px;}
.sd .post-info .post-title {font-size:16px; line-height:20px; margin-bottom:10px;}

/* Category */
.category .category-wrap {padding:30px 0; }
.cat.a-posts-wrap {overflow:hidden;}
.cat.a-posts-wrap .a-post-item a {border-radius:6px; overflow:hidden; box-shadow:none;}
.cat.a-posts-wrap .a-post-item .a-post-image {float:left; width:240px;}
.cat.a-posts-wrap .a-post-item .a-post-info {overflow:hidden; height:146px;}
.cat.a-posts-wrap .a-post-info .a-post-title {max-height: 88px; overflow: hidden; margin: 0;}
.cat.a-posts-wrap .a-post-item .post-like {left:255px;}
.cat.a-posts-wrap .a-post-item.c-first {width:100%;}
.cat.a-posts-wrap .a-post-item.c-first a {border-radius:10px;}
.cat.a-posts-wrap .a-post-item.c-first .a-post-image {width:640px;}
.cat.a-posts-wrap .a-post-item.c-first .a-post-info {background-image: linear-gradient(to bottom, #6e7d8b, #303f50); height:360px; padding:20px 30px;}
.cat.a-posts-wrap .a-post-item.c-first .a-post-info .a-post-title {color:#fff; font-size:28px; line-height:34px; max-height:272px;}
.cat.a-posts-wrap .a-post-item.c-first  .post-like {bottom:20px; left:660px;}
.a-post-item.c-first .post-like .pl {color:#fff;}
.a-post-item.c-first .post-like .pl.like:before {background-image: url(../images/like2.svg);}
.a-post-item.c-first .post-like .pl.dislike:before {background-image: url(../images/dislike2.svg);}
.category .subs {overflow:hidden;}
.category .subs.posts-wrap .posts-tab-header {padding:3px 20px;}


/* Static page */
.static-page .static-page-wrap {padding:30px 0;}
.static-page-wrap .static-page-left {float:left; width:750px; padding-right:20px;}
.static-page-left .static-page-content {color:#303f50; font-size:20px; line-height:24px; font-weight:500;}
.static-page-left .static-page-content p {margin-bottom:20px;}
.static-page-left .static-page-content b {color:#1e2833}

/* page navi */

#navi {
 	padding: 35px 0 25px 0;
	font-weight: bold;
  	text-align: center;
	font-weight: normal;
}
#navi span {
	color: #000	
}
#navi a:hover {
	color: #2c6f9f;
	font-weight: bold;
}
#navi em a {
	color: #245a7f;
	font-size: 15px;
	font-weight: normal;
}
#navi em {
	color: #000;
	font-weight: normal !important;
}
#navi em a:hover {
	text-decoration: none;
}
#navi span, #navi span a {
	padding: 0 7px;
	font-size: 15px;
	font-weight: bold;
	font-family: Roboto;
}
#navi span {
	color: #da5e5e;
}
#navi a:active {
	color: #c92d2d;
}
#navi span a {
	color: #245a7f;
}
#navi span a:hover {
	text-decoration: underline;
}
#navi em {
	color: #000;
	font-size: 12px;
	background: #fbfbfb;
	padding: 1px 10px;	
	line-height: 31px;	
	border: 1px solid #dadada;
	border-radius: 4px;
	font-size: 1rem;
	display: inline-block;
	margin: 2px;
	font-family: "Roboto"
}
#navi em > a {
	font-weight: bold;
}