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}
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: #f8f9fb; min-width:1050px;}
html,html a{-webkit-font-smoothing:antialiased}
body,select,input,textarea,button{font:normal 14px/1.5 'San Francisco', Arial, Helvetica, sans-serif; color:#000;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}
section{float: left}
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.tr, .dot-1 .owl-dots .owl-dot span, .tab-p-list ul li, .t-tab-head ul li {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}

@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-face {
    font-family: 'San Francisco';
    src: url('fonts/subset-SanFrancisco-Medium.eot');
    src: url('fonts/subset-SanFrancisco-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/subset-SanFrancisco-Medium.woff2') format('woff2'),
        url('fonts/subset-SanFrancisco-Medium.woff') format('woff'),
        url('fonts/subset-SanFrancisco-Medium.ttf') format('truetype'),
        url('fonts/subset-SanFrancisco-Medium.svg#SanFrancisco-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@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;
}



/* Struktur */
.centered {width:1050px;margin:0 auto;padding: 5px 0px;}
.centered:after, .header .header-top:after, .content-wrap:after, .posts:after, .tab-post-wrap:after, .f-posts-wrap:after {display:block; content:""; clear:both;}
.container {padding: 10px 0 0 0;}
.content-wrap .content-left {width:750px; float:left; padding-right:20px;}
.content-wrap .sidebar {width:300px; float:left;}
.post-extra {overflow:hidden; font-size:13px; line-height:18px; height:18px;}
.post-extra .post-category {float:left; color:#e41502;font-size: 15px}
.post-extra .post-time {float:right; color:#365675;font-size: 15px}

/* Header */
.header .header-top {padding: 0px;background-color: #0544d5;width: 1050px;margin: 0 auto;height: 170px;}
.header .header-top .logo {float:left;height: 102px;}
.header .header-top .logo a {}
.header .header-top .top-menu {float: left;margin:24px 28px 24px 0;overflow:hidden;}
.header .header-top .top-menu ul li {float:left; margin-right:20px;}
.header .header-top .top-menu ul li a { font-size: 18px; line-height:22px; color: #fff; display:block;}
.header .header-top .search {float: right;width:320px;margin: 38px 30px;}
.header .header-top .search-wrap  {position:relative;}
.header .header-top .search-wrap input {width:100%;height:44px;line-height:1;border:1px solid #fff;border-radius: 7px;/*background-color: rgba(255, 255, 255, 0.1); */color:#b91001;padding: 0 50px 0 15px;font-size:18px;}
.header .header-top .search-wrap input::placeholder{color: #171616;}
.seocolor { color:#b91001}
.header .header-top .search-wrap button {position: absolute;right: 0;border: 1px solid #fff;border-radius: 7px;background-color: #1d4896;padding: 12px;cursor: pointer;}
.header .header-top .search-wrap button:before {content: ""; display: block; width: 18px; height: 18px; background-size: cover; background-color: transparent; background-image: url(../images/search.svg);}
.h-social {float:right; margin:22px 0;}
.h-social ul li {float:left; margin-left:15px;}
.h-social ul li a {display:block; width:26px; height:26px; background-size:cover;}
.h-social ul li.fb a {background-image: url(../images/fb.svg);}
.h-social ul li.ins a {background-image: url(../images/ins.svg);}
.h-social ul li.tw a {background-image: url(../images/tw.svg);}
.h-social ul li.yt a {background-image: url(../images/yt.svg);}
.h-social ul li.rss a {background-image: url(../images/rss.svg);}
.header .header-bottom {background-color: #004eff;box-shadow: 0 3px 20px 0 rgba(23, 46, 68, 0.1);width: 1050px;margin: 0 auto;padding: 0px 15px;overflow: hidden;}
.fixed .header .header-bottom {position: fixed; width: 100%; top: 0; z-index: 10000000;}
.fixed .container {padding-top:90px;}
.header .header-bottom .centered {position:relative;}
.header .header-bottom .top-menu ul li {float:left;margin-right: 26px;}
.header .header-bottom .top-menu ul li a {display:block;font-size:18px;line-height:22px;padding: 10px 0;color: #ffffff;}
.header .header-bottom .nav-button {position:absolute; top:0; bottom:0; display:block; width:20px; height:20px; margin: auto; right:0; background-size:cover; background-image: url(../images/menu.svg); cursor:pointer; background-position:0 0;}
.header .header-bottom .nav-button.open {background-position:0 100%;}
.header .header-bottom .sub-menu {display:none; position: absolute; top: 100%; right: 0; z-index: 100000; box-shadow: 0 2px 8px 0 rgba(23, 46, 68, 0.1); background-color: #ffffff; padding: 10px 0;} 
.header .header-bottom .sub-menu ul li a {display: block; font-size: 18px; line-height: 22px; color: #172e44; padding: 8px 25px;}  

/* Hot news */
.hot-label{font-size: 15px}
.hot-news {width:100%;height: 45px;border: 1px solid #775779;background-color:#ffe;box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1);overflow:hidden;position:relative;margin-bottom: 10px;}
.hot-news .hot-label {position:absolute;left:0;top:0;background-color: #1d4896;color:#fff;padding: 11px 12px 11px 34px;font-size:16px;line-height:22px;}
.hot-news .hot-label:before {content: ""; display:block; width:20px; height:20px; background-size:cover; background-image: url(../images/hot.svg); position:absolute; left:12px; margin: auto; top:0; bottom:0;}
.hot-news .hot-news-wrap {overflow:hidden;margin: 11px 0;height: 22px;padding:0 70px 0 126px;}
.hot-news .hot-news-wrap .hot-news-item a {width:100%; display:block; padding: 0 0 0 15px; color: #172e44; font-size:18px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prev-1 .owl-nav {position:absolute; right:10px; top:-1px;}
.prev-1 .owl-nav>div {width:24px; height:24px; float:left; display:block; background-size:cover; cursor:pointer; margin-left:10px;}
.prev-1 .owl-nav .owl-prev {background-image: url(../images/left.svg);}
.prev-1 .owl-nav .owl-next {background-image: url(../images/right.svg);}

/* 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%;height: 450px;}
.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}
.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 slider */
.main-slider {margin-bottom:20px; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1);}
.main-slider-item {position:relative;}
.main-slider-item a {display:block; position:relative; overflow:hidden;}
.main-slider-item a:before {content: ""; position:absolute; width:100%; height:55%; bottom:0; background-image: linear-gradient(to bottom, rgba(51, 102, 153, 0), #336699);}
.main-slider-image img {display:block; width:100%;}
.main-slider-info {position:absolute; bottom:0; width:100%; padding:20px;}
.main-slider-info .m-time {font-size:14px; line-height:18px; color:#fff; padding-left:20px; padding-bottom:7px; margin-bottom:5px; position:relative;}
.main-slider-info .m-time:before {content: ""; display:block; width:18px; height:18px; background-size:cover; background-image: url(../images/time.svg); position:absolute; top:0; left:0;}
.main-slider-info .m-time:after {content: ""; position:absolute; bottom:0; left:0; width:100px; height:2px; background-color:#b91001;}
.main-slider-info .main-slider-title {font-size:30px; line-height:1.2; color:#fff; font-weight:bold;}
.dot-1 .owl-dots {padding:5px 0; background-color: #fff; counter-reset:dots; overflow:hidden;}
.dot-1 .owl-dots .owl-dot {float:left;width: 70px;margin: 0 24px;}
.dot-1 .owl-dots .owl-dot span {display:block; font-size:18px; height:25px; line-height:1; color: #172e44; text-align:center; border-radius:5px; background-color: transparent;}
.dot-1 .owl-dots .owl-dot span:before{counter-increment:dots;content:counter(dots); display:block; line-height:25px;}
.dot-1 .owl-dots .owl-dot:hover span, .dot-1 .owl-dots .owl-dot.active span {background-color: #b91001; color: #fff;}

/* Posts */
.posts {margin-bottom:10px;float: left}
.f-title {height:38px;margin-bottom:20px;position:relative;background: #1d4896;}
.f-title h2 {position:relative;float:left;overflow:hidden;font-size:24px;line-height:30px;font-weight:bold;color: #ffffff;padding: 4px;}
.f-title h2:before {display:block;position:absolute;top:0;}
.f-title h2 i {float:left;width:30px;height:30px;margin:0 2px 0 0;display:block;}
.f-title .t-all {top:10px;color: #fff;padding: 0px 10px;}
.posts-wrap {overflow:hidden; margin: 0 -10px;}
.posts-wrap .post-item {width:250px; float:left; padding: 0 10px 20px;}
.posts-wrap .post-item a {display:block; overflow:hidden; background-color:#fff; box-shadow: 0 3px 10px 0 rgba(122, 144, 165, 0.1); border-bottom:2px solid #b91001;}
.post-item .post-image img {width:100%;display:block;height: 140px;}
.post-item .post-info {padding:10px;height: 130px;overflow: hidden;}
.post-item .post-info .post-title {font-size: 20px; line-height:1.2; color:#000; font-weight:bold;}
.posts .post-extra {margin-bottom:6px;}

/* Tab posts */
.tab-posts {position:relative; margin-bottom:30px;}
.tab-posts-top {overflow:hidden; margin-bottom:20px;}
.tab-posts-top i {width:30px; height:30px; display:block; background-size:cover; background-image: url(../images/flash.svg); float:left; margin:2px 14px 2px 0;}
.tab-posts-top .tab-p-list {float:left;}
.tab-posts-top .tab-p-list ul li {float:left; font-size:18px; line-height:22px; padding: 5px 16px; cursor:pointer; border:1px solid transparent; border-radius:17px; margin-right:2px;}
.tab-posts-top .tab-p-list ul li.active { color: #b91001; border: solid 1px #b91001;}
.tab-post-wrap {display:none; padding: 10px; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1);
  background-color: #fff;}
#tab1 {display:block;}
.tab-post-wrap .tab-post-item {float:left; width:355px;}
.tab-post-wrap .tab-post-item a {display:block; padding:10px; overflow:hidden;}
.tab-post-item .tab-post-image {float:left; margin-right:10px;}
.tab-post-item .tab-post-image img {width: 130px;display:block;height: 110px;/* padding-top: 10px; */}
.tab-post-item .tab-post-info {overflow:hidden;position:relative;height: 120px;}
.tab-post-item .tab-post-info .tab-post-title {font-size:16px;line-height:20px;font-weight:bold;max-height: 100px;overflow:hidden;}
.tab-post-info .post-extra {position:absolute; bottom:0; left:0; width:100%;}
.t-all {position: absolute; right: 0; top: 8px;}
.t-all a {color: #ffffff;font-size:14px;line-height:18px;display:block;}

/* F posts */
.f-posts {margin-bottom:10px;}
.f-posts-wrap {}
.f-posts-wrap .f-post-left {width:472px; float:left; padding-right:20px;}
.f-posts-wrap .f-post-right {width:258px; float:left;}
.f-post {margin-bottom:20px;}
.f-post a {display:block; overflow:hidden; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1); background-color: #336699; }
.f-post .f-post-image img {width:100%; display:block;}
.f-post .f-post-info {padding:14px 10px;}
.f-post .f-post-info .post-extra .post-category, .f-post .f-post-info .post-extra .post-time {color:#fff;}
.f-post .f-post-info .f-post-title {font-weight:bold; color:#fff; overflow:hidden;}
.f-post.f-post-big .f-post-info .post-extra {margin-bottom:6px;}
.f-post.f-post-big .f-post-info .f-post-title {font-size:26px; line-height:31px; height:124px;}
.f-post-m {overflow:hidden; margin: 0 -10px;}
.f-post-m .f-post {width:50%; float:left; padding:0 10px;}
.f-post.f-post-mini .f-post-info .f-post-title {font-size:20px; line-height:24px; height:96px; margin-bottom:12px;}
.f-post.f-post-medium .f-post-info .f-post-title {font-size:20px; line-height:24px; height:96px; margin-bottom:12px;}

/* Last posts */
.last-posts {margin-bottom:30px;}
.l-title {position:relative; padding:6px 0; margin-bottom:10px;}
.l-title:before {content: ""; display:block; position:absolute; border-bottom:1px solid #e2e8ef; top:50%; width:100%;}
.l-title h2 {font-size:24px; line-height:30px; height:30px; color: #336699; position:relative; padding-left:32px; padding-right:20px; display:inline-block; vertical-align:top; background-color: #f8f9fb;}
.l-title h2:before {content: ""; display:block; width:26px; height:26px; position:absolute; top:2px; left:0; background-size:cover; background-image: url(../images/oclock.svg);}
.last-posts-list ul li {margin-bottom:20px;}
.last-posts-list ul li a {display:block; overflow:hidden; box-shadow: 0 2px 8px 0 rgba(23, 46, 68, 0.1); background-color: #ffffff; padding:12px;}
.last-posts-list ul li .last-post-time {float:left; width:40px; height:20px; line-height:20px; border-radius: 5px; background-image: linear-gradient(to bottom, #6c9ccc, #336699); text-align:center; color:#fff; margin-right:6px; font-size:13px;}
.last-posts-list ul li .last-post-title {font-size:18px;overflow:hidden;line-height:22px;}
.last-posts-list ul li a:hover {background-image: linear-gradient(to bottom, #6c9ccc, #336699);}
.last-posts-list ul li a:hover .last-post-time {background:#fff;color: #fff;}
.last-posts-list ul li a:hover .last-post-title {color:#fff;}
.l-all a {display:block; border: solid 1px #336699; height:40px; line-height:40px; text-align:center; border-radius:20px; font-size:14px; color: #336699;}

/* Top posts */
.top-posts {box-shadow: 0 2px 8px 0 rgba(23, 46, 68, 0.1); background-color: #ffffff; margin-bottom:30px;}
.s-title {padding:12px 0;}
.s-title h2 {position:relative; font-size:27px; font-weight:bold; line-height:34px; height:34px; padding: 0 10px 0 44px;}
.s-title h2:before {/* content: ""; *//* display:block; *//* position:absolute; *//* width:28px; *//* height:28px; *//* left:10px; *//* top:3px; *//* background-size:cover; *//* background-image: url(../images/star.svg); */}
.t-tab-head {padding: 9px 0; border: 1px solid #e2e8ef; border-left:0; border-right:0; text-align:center;}
.t-tab-head ul {overflow:hidden; display:inline-block; vertical-align:top; }
.t-tab-head ul li {float:left; margin: 0 5px; height:30px; line-height:30px; padding: 0 15px; border-radius: 5px; background-color:transparent; font-size:16px; color: #365675; cursor:pointer;}
.t-tab-head ul li.active {color:#fff; background-color: #b91001}
.t-tab-wrap {display:none;}
#tab7 {display:block;}
.t-tab-wrap ul {counter-reset: news;}
.t-tab-wrap ul li {border-bottom:1px solid #e2e8ef;}
.t-tab-wrap ul li:last-child {border-bottom:0;}
.t-tab-wrap ul li a {display:block; padding:16px 24px;}
.t-tab-wrap ul li .t-tab-title {font-size: 18px;line-height: 22px;position:relative;padding-left: 40px;margin-bottom:12px;height: 84px;overflow: hidden;}
.t-tab-wrap ul li .t-tab-title:before {counter-increment: news; content: counter(news); font-size:30px; line-height: 36px; color: #b91001; font-weight:bold; position:absolute; top:0; left:0;}
.t-tab-wrap ul li .post-extra {padding-left:32px;}

/* Footer */
.footer {background-color: #1d4896;overflow:hidden;}
.footer-top {overflow:hidden;padding: 20px 0 0px;}
.footer-top .footer-col {}
.footer-top .footer-col-2 {float:left; width:170px;}
.footer-top .footer-c-right {float:right}
.footer-logo {margin-bottom:46px;}
.footer-logo a {display:block; width:52px; height:70px; background-image: url(../images/footer-logo.svg);}
.footer-contact ul li {color:#fff;font-size:16px;line-height:19px;margin-bottom:20px;float: left;width: 50%;}
.footer-menu ul li {margin-bottom:20px;}
.footer-menu ul li a {color:#fff; font-size:16px; line-height:19px; margin-bottom:20px;}
.ft {color:#fff; font-size:16px; line-height:19px; margin-bottom:20px;}
.footer-c-right .h-social {margin: 0 0 20px 0; }
.footer-c-right .h-social ul li {margin: 0 15px 0 0;}
.footer-c-right .h-social ul li:last-child {margin: 0;}
.counter {clear:both; float:right;}
.footer-bottom {padding:0 10px 40px; text-align:center;}
.footer-bottom img {display:inline-block; padding-right:10px; vertical-align:top}
.footer-bottom span {display:inline-block; font-size:14px; line-height:18px; color:#fff; vertical-align:top}

/* Full post */
.full-post {padding: 20px 20px 10px 20px;box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1);background-color: #ffffff;margin-bottom:30px;}
.full-post .full-post-image {margin-bottom:10px;}
.full-post .full-post-image img {width:100%; display:block;}
.full-post .full-post-extra {overflow:hidden; margin-bottom:20px;}
.full-post .full-post-extra>div { font-size:16px; line-height:20px; height:36px; border-radius: 5px; float:left; margin-right:10px; font-weight:500;}
.full-post .full-post-extra .full-post-category {padding:8px 24px; background-color: #b91001; color:#fff;}
.full-post .full-post-extra .full-post-time, .full-post .full-post-extra .full-post-view {padding:8px 20px 8px 42px; color: #172e44; background-color: #e2e8ef; position:relative;}
.full-post .full-post-extra .full-post-time:before, .full-post .full-post-extra .full-post-view:before {content: ""; position:absolute; display:block; width:20px; height:20px; top:8px; left: 20px; background-size:cover;}
.full-post .full-post-extra .full-post-time:before {background-image: url(../images/time2.svg);}
.full-post .full-post-extra .full-post-view:before {background-image: url(../images/view.svg);}
.full-post .full-post-title {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 20px;
}
.full-post-article {font-size:18px;line-height:24px;font-family: Arial, Tahoma, sans-serif;}
.full-post-article td{border:1px solid;padding-top:5px}
.full-post-article p {/* margin-bottom:10px; */font-size: 16px;/* line-height: 28px; */}
.full-post-article img, .full-post-article iframe {max-width:100%;}
.full-post-tags {margin-top:20px; margin-bottom:10px;}
.full-post-tags .fp {float:left; font-size:16px; line-height:24px; padding:3px 0; margin-right:10px; font-weight:bold;}
.full-post-tags .tag-list {overflow:hidden;}
.full-post-tags .tag-list a {display:block; float:left; margin:0 10px 10px 0; border-radius: 5px; border: solid 1px #c2d1e0; background-color: #e2e8ef; font-size:14px; line-height:20px; height:30px; padding:4px 15px; }
.full-post-share {border-top: 1px solid #c2d1e0; padding-top:20px; overflow:hidden; margin-bottom:22px;}
.full-post-share .share-box {float:left; overflow:hidden;}
.full-post-share .share-box span {display:block; float:left; font-size:22px; line-height:28px; color: #336699; margin-right:10px;}
.full-post-share .share-box .f-share {float:left;}
.full-post-share .share-box .f-share  ul li {float:left; margin-right:10px;}
.full-post-share .share-box .f-share  ul li a {display:block; padding:6px; border-radius:5px;}
.full-post-share .share-box .f-share  ul li a:before {content: ""; width:16px; height:16px; display:block; background-size:cover;}
.full-post-share .share-box .f-share  ul li.fb a {background-color: #3b5998}
.full-post-share .share-box .f-share  ul li.tw a {background-color: #1da1f2}
.full-post-share .share-box .f-share  ul li.wp a {background-color: #25d366}
.full-post-share .share-box .f-share  ul li.fb a:before {background-image: url(../images/facebook.svg);}
.full-post-share .share-box .f-share  ul li.tw a:before {background-image: url(../images/twitter.svg);}
.full-post-share .share-box .f-share  ul li.wp a:before {background-image: url(../images/whatsapp.svg);}
.full-post-share .f-like {float:right;}
.full-post-share .f-like .fb-page {float:left; margin-left:10px; border-radius:5px; color:#fff; padding:0  10px; height:28px; line-height:28px; background-color: #3b5998}
.full-post-share .f-like .fb-page a {display:block; color:#fff; overflow:hidden;}
.full-post-share .f-like .fb-page i {float:left; margin:7px 5px 7px 0; background-size:cover; width:14px; height:14px; background-image: url(../images/facebook.svg);}
.full-post-share .f-like .fb-like {float:left;}
.fb-comment {width:100%; clear:both;}
.fb-comment iframe {width:100% !important;}
.p-all {text-align:center; padding-top:20px; margin-bottom:20px;}
.p-all a {display:inline-block; vertical-align:top; padding: 10px 32px; color:#fff; border-radius:20px; font-size:14px; line-height:20px; height:40px; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1); background-color: #336699;}
.f-line {}
.f-line:before {content: ""; display: block; position: absolute; border-bottom: 1px solid #e2e8ef; top: 50%; width: 100%;}
.f-line h2 {padding-right:20px; background-color: #f8f9fb; display:inline-block; vertical-align:top;}

/* Category */
.category .f-line {margin-bottom:14px;}
.category .category-wrap {padding: 20px 20px 10px 20px; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1); background-color: #ffffff; margin-bottom:30px;}

/* Category big post */
.category-big-post .c-b-post-image img {width:100%; display:block;}
.category-big-post .c-b-post-info {position:relative; margin: 0 20px; border-top:2px solid #b91001; top: -60px; background-color: #fff;}
.category-big-post .c-b-post-info h2 {font-size:34px; line-height:40px; font-weight:bold; padding: 10px 14px;} 

/* Category posts */
.category-post {overflow:hidden; margin-bottom:20px;}
.category-post a {display:block;}
.category-post .category-post-image {float:left; width:300px; margin-right:14px;}
.category-post .category-post-image img {width:100%; display:block;}
.category-post .category-post-info {overflow:hidden; position:relative; height:169px; border-bottom:2px solid #e2e8ef; padding-bottom:10px;}
.category-post-info .category-post-title {font-size:24px; line-height:29px; font-weight:bold; max-height:87px; overflow:hidden; margin-bottom:8px;}
.category-post-info .category-post-detail {font-size:14px; line-height:18px; color:#171616; max-height:36px; overflow:hidden;}
.category-post-info .post-extra {position: absolute; bottom: 10px; left: 0; width: 100%;}

/* Static page */
.static-page {padding: 20px; box-shadow: 0 3px 10px 0 rgba(23, 46, 68, 0.1); background-color: #ffffff; margin-bottom:30px;}
.st-title h2 {font-size:34px; line-height:40px; font-weight:bold; margin-bottom:14px;}
.static-page-content {color:#333; font-size:18px; line-height:1.25;}
.static-page-content p {margin-bottom:20px;}

/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}
.datepicker-inline {
     
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #999;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}
.datepicker table tr td.highlighted {
    background: #d9edf7;
    border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}
.datepicker table tr td.today:hover:hover {
    color: #000;
}
.datepicker table tr td.today.active:hover {
    color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080);
    background-image: linear-gradient(to bottom, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -ms-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
    background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc);
    background-image: -o-linear-gradient(to bottom, #08c, #0044cc);
    background-image: linear-gradient(to bottom, #08c, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
    cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    margin-top: 3px;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker.css.map */

.calendar table{
    width: 100%;
}

.hot-news-item {
    height: 22px;
    overflow: hidden;
}





.last-posts-list {
    height: 4585px;
    overflow-y: scroll;
}

.last-posts-list::-webkit-scrollbar
{
  width: 0px;  /* for vertical scrollbars */ 
}

.last-posts-list::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

.last-posts-list::-webkit-scrollbar-thumb
{
  background: #14ABE4;
}
.fbbb {
    background: #004eff;
    color: #fff;
    padding: 2px 10px;
    text-align: right;
}

.fbbb a {
    color: #fff;
}