@charset "utf-8";
/*
Theme Name: popaganda-v4
Theme URI:
Author: Bill kirimkiridis
Author URI: Bill kirimkiridis
Description: A theme created by Bill Kirimkiridis
Version: 1.0

*/
/*pink=#FABFBF*/
/*blue=#*/

html {
    height: 100% !important;
}
body {
    padding: 0;
    margin: 0 auto;
    font-family: "Asty-Book";
    font-size: 14px;
    line-height: normal;
    background-color: #fff;
    height: 100%;
    min-height: 100%; /*min-width: 1280px;*/
}
body.white-body {
    background-color: #fff;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto;
}
hr {
    border-top: 2px solid #000;
    margin: 60px 180px 60px 0px;
}
strong,
b {
    font-family: "Asty-Medium";
}
.post-content a b,
.post-content a strong {
    font-family: "Asty-Light";
}
em {
    font-size: 19px;
}
a {
    text-decoration: none;
    color: inherit;
}
ul li {
    list-style: none;
}
ul {
    margin: 0;
    padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
}
.fleft {
    float: left;
}
.fright {
    float: right;
}
.clear {
    clear: both;
}
.big {
    width: 640px;
}
.small {
    width: 300px;
}
.container {
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.big-canvas {
    width: 100%;
    min-width: 1140px;
}
.big-pop-tv-canvas {
    /*width: 1280px;*/
    max-width: 1280px;
}
.medium-canvas {
    width: 1080px;
    max-width: 1080px;
}
.canvas {
    width: 1010px;
    max-width: 1010px;
    padding: 0 20px;
}
.native {
    width: 1030px;
    max-width: 1030px;
    margin-top: 100px;
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.white-module {
    background-color: #fff;
    overflow: auto;
}
.black-module {
    background-color: #000;
}
.default-module {
    /*background-color: #f7f7f7;*/
    background-color: #fff;
    overflow: auto;
}
.trans {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.flex-box {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-box.center {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.white {
    background-color: #fff;
}
.under-slider-banner {
    background-color: #000;
    text-align: center;
}
.header {
    text-align: center;
    top: 56px;
    padding: 73px 0 15px;
    width: 100%;
    z-index: 100;
}
.header.default {
    background-color: #000;
}
.header.default.newstrack {
    background-color: #007fff;
    text-transform: uppercase;
    text-align: center;
    padding: 76px 0 15px;
    height: 116px;
    width: 100%;
    z-index: 100;
}
.header span {
    font-family: "Asty-Light";
    font-size: 32px;
    line-height: 0px;
    color: #fff;
    position: relative;
    top: 7px;
    margin-left: 10px;
}
.header span a:hover {
    color: #fff;
}
.header.fullscreen {
    position: absolute;
    top: 56px;
    left: 0;
    height: auto;
    padding: 20px 0 15px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 100;
}
.footer {
    background-color: #fff;
    border-top: 1px solid #000;
    padding: 40px 80px;
    position: relative;
    z-index: 9;
}
.bottom-footer .bottom-footer-scl {
    margin-left: 30px;
    text-align: center;
}
.bottom-footer .bottom-footer-newsletter {
    float: left;
    width: 50%;
    text-align: right;
}
.bottom-footer-scl .foot-other a {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background-color: #000;
    color: #fff;
    text-align: center;
    line-height: 54px;
    margin-right: 30px;
    font-size: 20px;
}
.bottom-footer-scl .foot-other a:hover {
    background-color: #fabfbf;
    color: #fff;
}
.bottom-bar {
    background-color: #000;
    color: #fff;
    padding: 20px;
    position: relative;
    bottom: -3px;
    z-index: 9;
}
.bottom-bar .footer-element {
    margin: 10px 0 0 40px;
    display: inline-block;
}
.bottom-bar ul li,
.bottom-bar ul li a {
    font-family: "Asty-Bold";
    font-size: 10px;
    letter-spacing: 2px;
    float: left;
    margin-right: 10px;
    color: #ccc;
}
.bottom-bar ul li a:hover {
    color: #fff;
}
.bottom-bar .disclaimer {
    font-family: "Asty-Bold";
    font-size: 10px;
    color: #ccc;
    margin: 10px 50px 0 0;
}
.bf-title-nsl {
    font-family: "Asty-Book";
    font-size: 20px;
}
.bf-title-nsl span {
    color: #f00;
    font-family: "Asty-Bold";
}
.nsl-sample {
    color: #999;
    margin-top: 20px;
}
.nsl-form {
    margin-top: 30px;
}
.nsl-form .mc_embed_signup {
    text-align: left;
}
.nsl-form .nsl-mail {
    height: 45px;
    padding-left: 10px;
    outline: 0;
    background-color: #eee;
    border: 0;
}
.nsl-form .nsl-btn {
    height: 45px;
    background-color: #000;
    color: #fff;
    border: 0;
    margin-left: -5px;
    padding-bottom: 0px;
    outline: 0;
    position: relative;
    top: 1px;
}
.nsl-form .nsl-mail.on-footer {
    padding-left: 5px;
    font-size: 13px;
}
.nsl-form .nsl-btn.on-footer {
    background-color: #f00;
    top: 2px;
}
.nsl-form .nsl-btn:hover {
    background-color: #f00;
}
.nsl-form .response {
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 0px;
}
.nsl-form #mc_embed_signup div.mce_inline_error {
    background-color: transparent;
    color: #f00;
    margin-bottom: 0px;
}
.bottom-footer-newsletter .nsl-form {
    margin-top: 10px;
} /** stock module **/
.stock-module {
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.stock-module .head {
    padding: 10px 0;
    color: #aaa;
}
.stock-module .head i {
    margin-left: 5px;
    color: #f00;
}
.stock-module .pad {
    width: 25%;
}
.stock-module .border {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}
.stock-module .pad.right-border {
    /*border-right: 1px solid #000;*/
}
.stock-module .pad.down {
    position: relative;
    overflow: auto;
    height: 225px;
    padding: 30px 10px 0px;
    margin: 20px 0;
}
.pad-scrollbar::-webkit-scrollbar {
    width: 5px;
    background-color: #000; /* or add it to the track */
}
.pad-scrollbar::-webkit-scrollbar-track {
    background-color: #000;
}
.pad-scrollbar::-webkit-scrollbar-thumb {
    background-color: #ffbfbf;
}
.stock-module .pad.down:hover {
    background-color: transparent;
}
.stock-module .title {
    font-family: "Asty-Light";
    font-size: 18px;
    color: #666;
    margin-bottom: 20px;
}
.stock-module .pad.first-pad {
    font-family: "Asty-Medium";
    font-size: 12px;
    line-height: 18px;
    padding: 30px 10px 10px;
}
.stock-module .pad.first-big a:hover {
    background-color: transparent;
}
.stock-module .pad.last-pad {
    overflow: hidden;
}
.stock-module .pad-element {
    padding: 10px;
    top: -10px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    position: relative;
}
.stock-module .pad-element:hover {
    display: block;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.stock-module .pad-element:last-child {
    margin-bottom: 0px;
}
.stock-module .pad-element span {
    display: block;
    color: #f00;
}
.stock-module .pad-element .image {
    flex: 0 0 90px;
    margin-right: 10px;
    position: relative;
}
.stock-module .pad-element .image .fb-shares {
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: 100%;
    color: #fff;
    line-height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 0;
    font-size: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.stock-module .pad-element:hover .image .fb-shares {
    opacity: 1;
}
.stock-module .pad-element .details {
    font-family: "Asty-Medium";
    font-size: 13px;
    line-height: 16px;
    color: #000;
    text-align: left;
    display: block;
} /*.stock-module .pad-element .details a:hover { display: block; color: #f00; background-color: transparent; }*/
.stock-module .image-first {
    height: 70px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 50px;
}
.stock-module .image-first img {
    position: relative;
    top: -20px;
}
.stock-module .last-pad .spine-text {
    font-family: "Asty-Light";
    font-size: 28px;
    margin-bottom: 10px;
}
.stock-module .last-pad .spine-text-help {
    font-family: "Asty-Light";
    font-size: 14px;
    margin-bottom: 15px;
}
.stock-module h2 {
    font-family: "Asty-Medium";
    font-size: 13px;
    line-height: 18px;
} /** stock module **/ /** newstrack module **/
.newstrack-module {
    padding: 0 30px 20px;
    border-top: 3px solid #000;
}
.newstrack-module .head {
    padding: 25px 0 15px;
    text-align: center;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}
.newstrack-module .head .title {
    font-family: "Asty-Medium";
    color: #007fff;
    font-size: 36px;
    margin-right: 5px;
    display: inline-block;
}
.newstrack-module .head .date {
    font-family: "Asty-Light";
    font-size: 36px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
}
.newstrack-module .pad {
    width: 20%;
    padding: 0 10px;
}
.border-right {
    border-right: 1px solid #000;
}
.newstrack-module .up-title {
    font-family: "Asty-Bold";
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 3px;
    /*float: left;*/
}
.newstrack-module .up-title span.category {
    color: #007fff;
}
.newstrack-module .up-title span.category a:hover {
    color: #007fff;
    background-color: transparent;
}
.newstrack-module .up-title span.time {
    font-family: "Asty-Light";
    color: #666;
    margin-left: 4px;
}
.newstrack-module .results h3 {
    font-family: "Asty-Book";
    font-size: 15px;
    line-height: 22px;
}
.newstrack-module .results h3:hover {
    text-shadow: 2px 2px #eee;
    display: block;
}
.newstrack-module .results .rest-element {
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
}
.newstrack-module .results .rest-element h3 {
    font-family: "Asty-Book";
    font-size: 13px;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 7px;
}
.newstrack-module .more-news {
    font-family: "Asty-Medium";
    font-size: 12px;
    background-color: #007fff;
    color: #fff;
    text-align: center;
    letter-spacing: 1px;
    display: block; /*border: 1px solid #DDD;*/
    padding: 14px 10px 10px;
    width: 100%;
    margin-top: 15px;
}
.newstrack-module .more-news:hover {
    display: block;
    color: #fff;
    background-color: #007fff;
}
.newstrack-module .image {
    width: 100%;
    height: 185px;
    background-position: top center;
    background-size: cover;
    margin-bottom: 10px;
    position: relative;
}
.newstrack-module .image-url {
    /*width: 100%; height: 100%; position: absolute; top: 0%; left: 0%;*/
} /** newstrack module **/ /** day module **/
.day-module {
    padding: 0 40px 0px 30px;
}
.day-module .pad {
    color: #fff;
    flex: 0 0 33.33%;
    min-height: 320px;
    border-left: 10px solid #fff;
}
.day-module .pad:hover {
    color: #f96b93;
    /*background-color: #f7eff1;*/
}
.day-module .item {
    position: relative;
}
.day-module .item .image {
    height: 260px;
    overflow: hidden; 
   
}
.day-module .item .image.no-border {
    border-left: 0px;
}
.day-module .item .image first {
    height: 200px;
    overflow: hidden;
    border-left: none;
}
.day-module .item .details {
    font-family: "Asty-Book";
    font-size: 24px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
}
.day-module .item .image img {
    min-height: 220px;
    position: relative;
    top: -15px;
    width: 100%;
}
.day-module .item:hover .effect {
    opacity: 1;
}
.day-module .link {
}
.day-module-title {
    /*display:none;*/
    font-family: "Asty-Medium";
    font-size: 36px;
    padding: 25px 0 15px;
    text-align: center;
    border-top: 6px solid #000;
    border-bottom: 1px solid black;
    margin-bottom: 20px;
}
.day-module .link h3 {
    font-family: "Asty-Book";
    color: #000;
    font-size: 15px;
    text-align: center;
    line-height: 25px;
    margin: 10px 0;
    padding: 0 15px;
}
.day-module .item .effect {
    background: linear-gradient(to bottom right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, #000 50%, #000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /*background: linear-gradient(to bottom right, #fff 0%, #fff 50%, #999 50%, #999 100%);*/
} /** day module **/ /** pop tv module **/
.pop-tv .item {
    background-position: top center;
    height: 420px;
    background-size: cover;
}
.pop-tv .item .details {
    color: #fff;
    padding: 50px 60px;
}
.pop-tv .item .details h3 {
    font-family: "Asty-Book";
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    margin-top: 85px;
}
.pop-tv .item .details .view-video {
    font-family: "Asty-Medium";
    font-size: 26px;
    text-align: right;
    position: absolute;
    right: 50px;
    bottom: 30px;
}
.pop-tv .item .details .view-video:hover {
    color: #ffbfbf;
}
.pop-tv .item .details .view-video i {
    font-size: 46px;
    position: relative;
    top: 10px;
} /** pop tv module **/ /** stiles module **/
.stiles-module {
    margin: 0 20px 0 -85px;
    padding: 30px 0 80px 0;
    position: relative;
}
.stiles-module .title {
    flex: 0 0 55px;
    text-align: center;
    padding-top: 50px;
    border-right: 1px solid #000;
}
.stiles-module .stili-item {
    flex: 0 0 260px;
}
.stiles-module .flex-control-nav {
    bottom: 0 !important;
}
.stiles-module .stiles-slides {
    width: 100%;
}
.stiles-module .stiles-slides .item {
    padding: 0 10px;
    border-right: 1px solid #000;
    text-align: center;
    height: 440px;
}
.stiles-module .stiles-slides .item:hover {
    background-color: #fff;
}
.stiles-module .stiles-slides .item .bg-image {
    width: 100%;
    height: 240px;
    background-position: top center;
    background-size: cover;
}
.stiles-module .stiles-slides .item .cat-image {
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    bottom: 60px;
    margin-bottom: -70px;
}
.stiles-module .stiles-slides .item .cat-image img {
    border-radius: 100%;
    height: 90px;
    background-color: #fff;
    padding: 5px;
    width: 90px;
}
.stiles-module .stiles-slides .item .author {
    font-family: "Asty-Light";
    font-size: 12px;
    line-height: 16px;
    color: #666;
    margin: 15px 0 5px;
}
.stiles-module .stiles-slides .item .cat-title {
    font-family: "Asty-Book";
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}
.stiles-module .stiles-slides .item h3 {
    font-family: "Asty-Medium";
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
}
.stiles-module .stiles-slides .item h3:hover {
    text-shadow: 2px 2px #eee;
    display: block;
}
.stiles-module .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px;
    position: absolute;
    width: 100%;
}
.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
} /** stiles module **/ /** category module **/
.category-module {
    padding: 45px 20px 30px;
}
.category-items {
    padding: 0 3%;
}
.category-module .title {
    font-family: "Asty-Light";
    font-size: 42px;
    padding: 20px 0 13px;
    border-top: 6px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    margin: 0 20px 30px;
}
.category-module h3 {
    margin: 0 10px 20px 10px;
    font-size: 20px;
}
.category-module .pad {
    background-color: #fff;
    padding: 10px;
    margin: 0 5px;
    height: 400px;
    position: relative;
    background-position: top center;
    background-size: cover;
}
.category-module .pad.more:hover {
    color: #fff;
    background-color: #000;
}
.category-module .pad.big {
    flex: 0 0 25%;
}
.category-module .pad a {
    display: inline-block;
    padding: 0 !important;
}
.category-module a.link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.1;
}
.category-module .pad.small {
    flex: 0 0 15%;
}
.category-module .pad.small .details h3{
    font-size: 14px;
    line-height: 22px;
}

.category-module .pad.more {
    flex: 0 0 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 20px;
}
.category-module .top-details {
    font-family: "Asty-Medium";
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    position: absolute;
}
.category-module .details {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    width: 100%;
    background-color: #000;
}
.category-module .pad:hover .details {
    background-color: #000;
}
.category-module .details h3 {
    font-family: "Asty-Light";
    letter-spacing: 0.3px;
    color: #fff;
    font-size: 17px;
    line-height: 27px;
    margin: 0;
    word-break: break-word;
    -webkit-font-smoothing: antialiased;
}
.category-module .details .author {
    font-family: "Asty-Light";
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    display: none;
}
.category-module.same-category {
    padding-top: 0px;
    padding-bottom: 50px;
    border-top: 6px solid #000;
}
.category-module.same-category .title {
    font-family: "Asty-Medium";
    font-size: 22px;
    padding: 27px 0 20px;
    border-top: 0;
}
.category-module.same-category .pad.small {
    flex: 0 0 15%;
}
.category-module.same-category .details {
    /*padding: 10px 0;*/
}
.category-module.same-category .details h3 {
} /** category module **/ /** slider **/
.slider {
    position: relative;
    height: 100%;
    z-index: 99;
}
.slider .owl-stage-outer,
.slider .owl-stage,
.slider .owl-item {
    height: 100% !important;
    opacity: 1 !important;
}
.slider .item {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.slider .gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.slider .slider-in-text {
    position: relative;
}
.slider .in_text {
    position: absolute;
    top: 60%;
    width: 100%;
    padding: 30px 10%;
    left: 0;
    text-align: center;
    color: #fff;
}
.slider .in_text .line {
    border-top: 2px solid #fff;
    width: 40px;
    margin: 20px auto;
}
.slider .in_text h3 {
    font-family: "Asty-Light";
    font-size: 40px;
    line-height: 52px;
    padding: 0 10%;
    margin-bottom: 20px;
    text-align: center;
}
.slider .in_text .all {
    position: absolute;
    width: 100%;
    bottom: 100%;
}
.slider .in_text .category {
    font-family: "Asty-Medium";
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px;
}
.slider .in_text p {
    font-family: "Asty-Light";
    font-size: 18px;
    line-height: 26px;
    color: #eee;
    padding: 0 20%;
}
.slider .owl-dots {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
.slider .owl-dot.active span {
    background: #f00 !important;
    opacity: 1;
}
.slider .owl-dot span {
    background: #fff !important;
    opacity: 0.5;
} /** slider **/ /**home-posts**/
.home-posts {
    padding: 30px 0 0 0;
}
.home-posts .posts {
    width: 640px;
    margin-right: 30px; /*background-color: red;*/
}
.home-posts .banners {
    width: 300px;
} /**home-posts**/ /** black-feature **/
.black-feature {
    padding: 20px 40px 40px;
}
.black-feature .details {
    flex: 0 0 40%;
    background-color: #000;
    color: #fff;
    padding: 45px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.black-feature .details .bf-strokes {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 45px 0;
}
.black-feature .image {
    width: 100%;
    background-color: #000;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
}
.black-feature .image a {
    width: 100%;
    height: 100%;
    display: block;
}
.black-feature .image img {
    width: 100%;
}
.black-feature .line {
    /*border-bottom: 1px solid #AAA;*/
    width: 50px;
    margin: 0 auto;
    margin-top: 30px; /*	margin-bottom: 30px;*/
}
.black-feature .category {
    font-family: "Asty-Light";
    font-size: 16px;
    margin-bottom: 30px;
}
.black-feature h3 {
    font-family: "Asty-Light";
    font-size: 24px;
    line-height: 36px;
}
.black-feature h3:hover {
    text-shadow: 1px 1px #777;
    display: block;
}
.black-feature .lead {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 26px;
    color: #aaa;
} /** black-feature **/ /** popaganda-likes **/
.popaganda-likes {
    padding: 40px 0;
    left: -40px;
    position: relative;
}
.popaganda-likes .pad {
    /*     border-right: 1px solid #000; */
    flex: 0 0 75px;
    height: 100%;
}
.popaganda-likes .pad.image {
    text-align: center;
}
.popaganda-likes .pad.article {
    flex: 0 0 500px;
}
.popaganda-likes .pad.article {
    border-left: 1px solid #000;
}
.popaganda-likes .pad.article:last-child {
    border-right: 1px solid #000;
}
.popaganda-likes .details {
    margin: 0px 40px;
    position: relative;
}
.popaganda-likes .details h3 {
    font-family: "Asty-Book";
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 15px;
    position: absolute;
    width: 360px;
    bottom: 30px;
    left: 30px;
} /** popaganda-likes **/
.post {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}
.full-post {
    width: 100%;
    height: 520px;
    overflow: hidden;
    position: relative;
}
.full-post .category {
    display: block;
    font-family: "Asty-Book";
    font-size: 20px;
    color: #fff;
}
.full-post .details {
    width: 100%;
    padding: 20px 0px 25px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}
.full-post h3 {
    font-family: "Asty-Book";
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}
.full-post h3 a:hover {
    text-shadow: 2px 2px #eee;
    display: block;
}
.full-post .lead {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.full-post .author-date {
    margin-top: 10px;

}
.full-post .date {
    font-family: "Asty-Light";
    font-size: 14px;
    color: #000;
    padding-right: 10px;
}

.full-post .author {
    font-family: "Asty-Light";
    font-size: 14px;
    color: #000;

}
.full-post .up-bar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
    z-index: 9;
}
.full-post .image img {
    position: relative;
    top: -35px;
}
.split-post {
    position: relative;
}
.split-post .image,
.split-post .details {
    flex: 0 0 50%;
    background-color: #fff;
    position: relative;
}
.split-post .category {
    font-family: "Asty-Book";
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 15px;
}
.split-post .details {
    padding: 0 0 0 20px;
}
.split-post h3 {
    font-family: "Asty-Book";
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 5px;
}
.split-post h3 a:hover {
    text-shadow: 2px 2px #eee;
    display: block;
}
.split-post .lead {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 24px;
    color: #666;
}
.category-results .split-post h3 {
    font-size: 20px;
}
.category-results .split-post .lead {
    font-size: 15px;
}
.split-post .author-date {
    margin-bottom: 5px;
    margin-top: 10px;
}
.split-post .author {
    font-family: "Asty-Light";
    font-size: 14px;
    color: #000;
}
.split-post .date {
    font-family: "Asty-Light";
    color: #000;
    font-size: 14px;
    padding-right: 10px;
}
.home-posts-banner {
    text-align: center;
    margin-bottom: 30px;
}
.category-padding {
    padding-top: 30px;
    padding-bottom: 30px;
}
.category-menu {
    margin-bottom: 60px;
}
.category-menu:empty {
    margin-bottom: 0px;
}
.category-menu a {
    display: block;
    padding: 14px 0 8px;
    border-top: 1px solid #000;
    font-family: "Asty-Medium";
    font-size: 18px;
}
.category-menu a:last-child {
    border-bottom: 1px solid #000;
}
.post-paging {
    font-family: "Asty-Medium";
    font-size: 18px;
    text-align: center;
    background-color: #fff;
    padding: 15px;
}
.post-paging .pag {
    display: inline-block;
    margin-right: 20px;
}
.in-post.post-paging {
    color: #ff0000;
}
.in-post.post-paging .page-link-number {
    margin-right: 5px;
}
.in-post.post-paging a {
    color: #000;
}
.page-numbers.current {
    color: #ff0000;
}
.all-pages .page-numbers {
    display: inline-block;
    padding: 0 5px;
}
.default-post {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 60px;
}
.default-post.native-post {
    padding-top: 0;
    overflow: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}
.default-post-title {
    border-top: 6px solid #000;
    padding: 20px;
    display: flex;
}
.default-post-title .left-box {
    width: 650px;
    padding-right: 30px;
}
.default-post-title .right-box {
    width: 280px;
    text-align: right;
    padding: 5px 0 0 0;
}
.default-post .small,
.default-post .big {
    border-top: 1px solid #000;
    padding-top: 30px;
}
.default-post .small {
    padding-top: 0px;
}
.default-post .post-category {
    display: none;
    color: #ff0000;
    font-size: 14px;
    font-family: "Asty-Medium";
}
.default-post .post-date {
    font-family: "Asty-Light";
    font-size: 18px;
    color: #666;
    -webkit-font-smoothing: antialiased;
}
.default-post-title h1 {
    font-family: "Asty-Medium";
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 10px;
}
.default-post-title .lead {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 22px;
    color: #666;
}
.default-post .column-title {
    font-family: "Asty-Bold";
    font-size: 14px;
    color: #000;
    display: none;
}
.default-post .signature {
    font-family: "Asty-Book";
    font-size: 12px;
    line-height: 20px;
    color: #000;
    margin-top: 5px;
}
.author-area {
    margin-bottom: 10px;
}
.author-area .column {
    font-family: "Asty-Bold";
    font-size: 14px;
    line-height: 20px;
    color: #000;
    margin-bottom: 5px;
}
.author-area .column-desc {
    font-family: "Asty-Book";
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.author-area .author-thumb img {
    border-radius: 100%;
    width: 75px;
    height: 75px;
    object-fit: cover;
    background-color: #eee;
}
.author-area .author-thumb {
    flex: 0 0 90px;
    margin-bottom: 10px;
}
.author-area .author-details {
    flex: 0 0 200px;
    padding-right: 10px;
}
.author-area .author-title {
    font-family: "Asty-Bold";
    font-size: 12px;
    line-height: 20px;
    color: #000;
}
.author-area .author-title.norm {
    flex: 0 0 200px;
    margin-bottom: 0px; /*padding-left: 0px;*/
}
.default-post-main {
    margin-top: 20px;
    position: relative;
}
.post-content iframe {
    margin-bottom: 10px;
    max-width: 100%;
}
.post-content .slim-image {
    margin-bottom: 30px;
}
.post-content {
    font-family: "Asty-Book";
    font-size: 18px;
    color: #444;
    line-height: 28px;
    max-width: 100%;
    -webkit-font-smoothing: antialiased;
}
.post-content a {
    color: #007fff;
}
.post-content h3 a {
    color: #000;
    text-decoration: underline;
}
.post-content a:hover {
    color: #08f;
}
.post-content .read-more-link a {
    color: #000;
}
.post-content .read-more-link a:hover {
    background-color: #000;
    color: #fff;
    display: block;
}
.post-content div {
    max-width: 100%;
    vertical-align: top;
}
.post-content p {
    padding: 0 15px;
    margin-bottom: 20px;
    margin-top: 0;
}
.post-content img.alignright,
.post-content .alignright {
    float: right;
    max-width: 300px;
    margin-left: 20px;
    margin-top: 5px;
}
.post-content img.alignleft,
.post-content .alignleft {
    float: left;
    max-width: 300px;
    margin-right: 20px;
    margin-top: 5px;
}
.post-content img.aligncenter,
.post-content .aligncenter {
    text-align: center;
    max-width: 640px;
    display: block;
    margin: 0 auto;
}
.post-content h3 {
    font-family: "Asty-Book";
    font-size: 26px;
    line-height: 36px;
    color: #000;
    margin: 20px 0;
    padding: 30px 15px 0;
}
.post-content h3 strong,
.post-content h3 b {
    font-family: "Asty-Book";
}
.post-content hr {
    border-top: 2px solid #000;
    margin: 60px 180px 60px 180px;
}
.post-content ul li {
    list-style: disc;
    margin: 10px 30px;
}
.post-content p.wp-caption-text {
    font-family: "Asty-Book";
    font-size: 14px;
    line-height: 20px;
    color: #666;
    margin-top: -20px;
}
.post-content .read-more-link {
    border: 1px solid #ddd;
    margin: 35px 0;
}
.post-content .read-more-link-title {
    font-family: "Asty-Medium";
    font-size: 15px;
    line-height: 24px;
}
.post-content .num-in-circle {
    background-color: #000;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100px;
    font-size: 32px;
    height: 100px;
    line-height: 100px;
    border-radius: 100%;
}
.post-content .read-more-link .details {
    font-family: "Asty-Medium";
    font-size: 14px;
    width: 75%;
    padding: 20px;
}
.post-content .read-more-link .image {
    width: 25%;
}
.post-content .read-more-link .read-more-link-head {
    font-family: "Asty-Medium";
    font-size: 24px;
    color: #ccc;
    padding-bottom: 8px;
}
.post-content .read-more-link .slim-image {
    margin-bottom: 0;
}
.post-content .infobox {
    margin-top: 50px;
    position: relative;
    border: 1px solid #ccc;
    padding: 30px 40px 40px 80px;
    border-top-left-radius: 40px;
}
.post-content .infobox:before {
    font-family: "Flaticon";
    content: "\f108";
    font-size: 50px;
    position: absolute;
    top: 30px;
    left: 20px;
}
.post-content blockquote {
    margin: 0 50px;
    position: relative;
}
.post-content blockquote p {
    font-family: "Asty-Medium";
    font-size: 26px;
    line-height: 40px;
    color: #000;
    padding: 0 40px;
    margin-bottom: 0px;
}
.post-content blockquote em {
    font-size: 26px;
}
.post-content blockquote:before {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    border-top: 2px #000 solid;
    content: "";
}
.post-content blockquote:after {
    width: 100%;
    display: block;
    height: 20px;
    margin-bottom: 30px;
    border-bottom: 2px #000 solid;
    content: "";
}
.post-left-shares {
}
.post-down-share .post-left-shares .pad {
    border-top: 0px;
    border-bottom: 0px;
}
.post-left-shares .pad {
    flex: 0 0 100px;
    height: 60px;
    width: 100px; /*border-top: 1px solid #000;*/
    border-bottom: 1px solid #000; /*border-left: 1px solid #666;*/
}
.post-left-shares .pad:last-child {
    /*border-right: 1px solid #666;*/
}
.post-left-shares .pad.sh {
    text-align: center;
    font-size: 18px;
}
.post-left-shares span,
.post-left-shares a {
    cursor: pointer;
    display: block;
    height: 100%;
    padding-top: 20px;
}
.post-left-shares span.fb {
    color: #395998;
}
.post-left-shares span.fb:hover {
    color: #fff;
    background-color: #395998;
}
.post-left-shares span.tt {
    color: #4bc5f2;
}
.post-left-shares span.tt:hover {
    color: #fff;
    background-color: #4bc5f2;
}
.post-left-shares a.email {
    color: #3f8ee7;
}
.post-left-shares a.email:hover {
    color: #fff;
    background-color: #3f8ee7;
}
.post-left-shares .pad.fb-shares {
    background-color: #000;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-size: 17px;
}
.post-down-share {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
} /*.post-down-share a.follow-fb { border: 1px solid #3B5998; padding: 24px; text-transform: uppercase; display: inline-block; color: #3B5998; height: 60px; font-size: 13px; }*/ /*.post-down-share a.follow-fb:hover { border: 1px solid #3B5998; text-transform: uppercase; display: inline-block; color: #FFF; background-color: #3B5998; }*/
.post-down-share a.follow-fb {
    /*background-image:url("/images/re-pop/gradient-facebook.jpg");*/
    background: linear-gradient(60deg, #1e5799 26%, #1e5799 26%, #2989d8 67%, #7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    padding: 24px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    height: 60px;
    font-size: 13px;
}
.post-down-share a.follow-fb:hover {
    background: linear-gradient(60deg, #7db9e8 0%, #2989d8 33%, #1e5799 74%, #1e5799 74%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.post-down-share a.follow-fb strong {
    font-family: "Asty-Bold";
}
.default-post.fullscreen .second-editor p {
    padding-left: 15px;
    padding-right: 345px;
}
.default-post.fullscreen .second-editor p.wp-caption-text {
    padding-left: 0px;
    padding-right: 0px;
}
.fullscreen-box {
    position: relative;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 99;
}
.fullscreen-box .inner-bottom {
    position: absolute;
    width: 80%;
    bottom: 0;
    left: 10%;
    display: flex;
}
.fullscreen-box .inner-text {
    margin: 0 auto;
    width: 70%;
    padding: 20px;
    color: #fff;
    background-color: #000;
    border-left: 1px solid #666;
}
.fullscreen-box.set-align-right .inner-text {
    float: right;
    text-align: left;
    padding-right: 20px;
}
.fullscreen-box.set-align-left .inner-text {
    float: left;
    text-align: left;
    padding-left: 20px;
}
.fullscreen-box h1 {
    font-family: "Asty-Light";
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px;
}
.fullscreen-box .grad {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.fullscreen-box .fullscreen-bord {
    display: inline-block;
    width: 40px;
    margin: 20px 0;
    border-top: 1px solid #fff;
}
.fullscreen-box .fullscreen-lead {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 24px;
    color: #999;
}
.fullscreen-box .fullscreen-category {
    background-color: #000;
    color: #fff;
    padding: 10px 50px 7px 50px;
    display: inline-block;
    margin: 30px 0;
}
.fullscreen-box .fullscreen-details {
    width: 30%;
    padding: 20px;
    background-color: #000;
}
.fullscreen-box .fullscreen-author-thumb img {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background-color: #eee;
    margin-bottom: 10px;
    float: right;
}
.fullscreen-box .fullscreen-author {
    font-family: "Asty-Book";
    font-size: 14px;
    line-height: 25px;
    color: #ccc;
    text-align: right;
}
.fullscreen-box .fullscreen-media {
    font-family: "Asty-Book";
    font-size: 14px;
    line-height: 25px;
    color: #aaa;
    text-align: right;
}
.fullscreen-box .fullscreen-date {
    font-family: "Asty-Light";
    font-size: 18px;
    color: #aaa;
    text-align: right;
    padding-top: 6px;
}
.zwdia-pads {
    border-top: 1px solid #ccc;
    padding-top: 20px;
}
.zwdia-pads .pad {
    flex: 0 0 60px;
    width: 60px;
    height: 60px; /*background-color: #ccc;*/
    margin: 0 10px;
    text-align: center;
}
.zwdia-pads .pad a {
    display: block;
    height: 100%;
} /** pop tv **/
.pop-tv {
    /*padding-bottom: 30px;*/
}
.pop-tv .pop-tv-title {
    background-color: #000;
    padding-bottom: 30px;
    border-bottom: 1px solid #666;
}
.pop-tv .pop-tv-video {
    background-color: #000;
}
.pop-tv .pop-tv-first {
    text-align: center;
}
.pop-tv .head-logo {
    background-color: #000;
    text-align: center;
    padding: 86px 0 30px 0;
}
.pop-tv .pop-tv-first h1 {
    font-family: "Asty-Light";
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    padding: 0 30px;
}
.pop-tv .pop-tv-rest-items {
    padding-bottom: 30px;
    border-top: 1px solid #000;
}
.pop-tv .tv-rest-item {
    width: 320px;
    float: left;
    margin: 20px 20px 10px;
    padding-top: 30px;
    border-top: 1px solid #333;
}
.pop-tv .tv-rest-item .tv-rest-details {
    margin: 20px 0 10px 0;
}
.pop-tv .tv-rest-item .tv-rest-details .category {
    font-family: "Asty-Bold";
    font-size: 12px;
    color: #000;
    display: inline-block;
}
.pop-tv .tv-rest-item .tv-rest-details .date {
    font-family: "Asty-Light";
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-left: 5px;
}
.pop-tv .tv-rest-item.no-bord {
    border-top: 0;
}
.pop-tv .tv-rest-item h3 {
    font-family: "Asty-Light";
    font-size: 16px;
    line-height: 24px;
    color: #000;
}
.pop-tv .pop-tv-image {
    overflow: hidden;
    height: 180px;
    position: relative;
}
.pop-tv .pop-tv-image .play-btn {
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -25px;
    color: #fff;
    font-size: 50px;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.pop-tv-image:hover .play-btn {
    opacity: 1;
}
.pop-tv .pop-tv-details {
    background-color: #fff;
}
.pop-tv-first-details {
    border-bottom: 1px solid #ddd;
}
.pop-tv-first-details .category {
    font-family: "Asty-Medium";
    font-size: 14px;
    line-height: 22px;
    display: inline-block;
    margin-right: 5px;
}
.pop-tv-first-details .date {
    font-family: "Asty-Light";
    font-size: 14px;
    color: #000;
    display: inline-block;
}
.pop-tv-details .first_item {
    padding: 0 30px;
    flex: 0 0 15%;
}
.pop-tv-details .shares {
    position: absolute;
    right: 0;
    padding-right: 30px;
}
.pop-tv-first-details .author {
    font-family: "Asty-Light";
    font-size: 14px;
    line-height: 22px;
    color: #666;
    display: inline-block; /*padding-top:30px;*/
}
.pop-tv-first-details .author-image {
    display: inline-block;
}
.pop-tv-first-details .author-image img {
    width: 55px;
    height: 55px;
    border-radius: 100%;
}
.pop-tv-details .second_item {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 30px;
    flex: 0 0 20%;
}
.pop-tv-details .third_item {
    font-family: "Asty-Light";
    font-size: 14px;
    line-height: 22px;
    color: #666;
    text-align: left;
    padding: 10px 30px;
    flex: 0 0 30%;
}
.pop-tv-details .shares .pad.sh {
    border-top: 0;
    border-bottom: 0; /*padding-top: 15px;*/
}
.pop-tv-details .lead-item {
    width: 640px;
}
.pop-tv-lead {
    font-family: "Asty-Light";
    font-size: 18px;
    line-height: 26px;
    color: #000;
    text-align: left;
    padding: 45px 0;
    width: 1030px;
    margin: 0 auto;
}
a.pop-tv-read-aricle {
    font-family: "Asty-Bold";
    font-size: 12px;
    color: #000;
    border: 1px solid #ddd;
    padding: 10px 30px 8px;
    display: inline-block;
}
a:hover.pop-tv-read-aricle {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    display: inline-block;
} /**newstrack**/
.newstrack {
    padding: 30px 0;
}
.read-now-horizontal,
.newstrack-top-horizontal {
    margin: 20px 0;
}
.read-now-horizontal .title {
    font-family: "Asty-Bold";
    font-size: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.read-now-horizontal .read-now-item,
.newstrack-top-horizontal .newstrack-top-item {
    float: left;
    width: 300px;
    margin-left: 20px;
}
.newstrack-top-horizontal .newstrack-top-item.weather {
    width: 320px;
    margin-left: 0;
    background-color: #009edb;
}
.read-now-horizontal .read-now-item-cover,
.newstrack-top-horizontal .newstrack-top-item-cover {
    width: 300px;
    height: 100px;
    background-position: center;
    position: relative;
}
.newstrack-top-horizontal .newstrack-top-item-cover {
    height: 170px;
}
.newstrack-top-horizontal .newstrack-top-item-cover.weather-cover {
    background-size: 100px;
    background-repeat: no-repeat;
    background-color: #009edb;
    background-position: 0px;
}
.newstrack-top-horizontal .newstrack-top-item-cover.weather-cover .in-k {
    padding-left: 100px;
    padding-right: 0px;
}
.newstrack-top-horizontal .newstrack-top-item-cover .in-k {
    font-family: "Asty-Bold";
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    padding: 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    translate-y: 50%;
}
.newstrack-top-horizontal .newstrack-top-item-cover .cat {
    font-family: "Asty-Book";
    font-size: 20px;
    margin-bottom: 10px;
}
.cat.weather-title {
    color: #8fffff;
}
.cat.san-simera-title {
    color: #ffff68;
}
.cat.trending-title {
    color: #ff0000;
}
.newstrack .date {
    font-family: "Asty-Light";
    font-size: 32px;
    text-align: center;
    display: none;
}
.newstrack-categories {
    padding: 10px 140px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.newstrack-categories ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.newstrack-categories ul li {
    font-family: "Asty-Bold";
    font-size: 10px;
    line-height: 24px;
    color: #000;
    list-style: none;
    display: inline-block;
    margin: 0 2px;
}
.newstrack-categories ul li.current-cat,
.newstrack-categories ul li a:hover {
    color: #007fff;
}
.newstrack-category-posts {
    border-top: 1px solid #000;
    background-color: #fff;
}
.more-newstrack-item .image {
    width: 150px;
}
.more-newstrack-item .desc {
    width: 490px;
    padding-left: 20px;
}
.more-newstrack-item .category {
    font-family: "Asty-Bold";
    font-size: 12px;
    color: #007fff;
}
.more-newstrack-item .in-date {
	font-family: "Asty-Book";
    font-size: 12px;
    color: #007fff;
    margin-left: 10px;
    float: left;
}
.more-newstrack-item h3 {
    font-family: "Asty-Medium";
    font-size: 18px;
    line-height: 26px;
    color: #000;
    margin-top: 10px;
}
.more-newstrack-item p {
    font-family: "Asty-Light";
    font-size: 15px;
    line-height: 24px;
    color: #666;
    margin: 5px 0 0 0;
}
.more-newstrack-item {
    border-bottom: 1px solid #000;
    padding: 20px 0;
}
.newstrack-post {
    border-top: 1px solid #000;
    padding-top: 15px;
}
.post-content.newstrack-post-content {
}
.newstrack-post .category {
    font-family: "Asty-Medium";
    font-size: 15px;
    color: #007fff;
}
.newstrack-post .newstrack-post-date {
    font-family: "Asty-Light";
    font-size: 15px;
    color: #000;
}
.newstrack-post h1 {
    font-family: "Asty-Book";
    font-size: 24px;
    line-height: 34px;
    color: #000;
    margin-top: 10px;
}
.newstrack-post .lead {
    font-family: "Asty-Book";
    font-size: 18px;
    line-height: 26px;
    color: #777;
    margin: 10px 0 15px 0;
}
.newstrack-post .f-image img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.newstrack-post-share {
    margin-top: 20px;
    margin-bottom: 45px;
}
.nextPost-area {
    font-size: 16px;
    font-family: "Asty-Book";
    line-height: 24px;
    background-color: #007fff;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
.nextPost-area a {
    display: block;
}
.nextPost-area .title {
    font-family: "Asty-Bold";
    font-size: 12px;
    color: white;
    padding: 10px 0;
}
.afieroma-item {
    background-color: #fff;
    border: 1px solid #000;
    margin-bottom: 20px;
}
.afieroma-item .image {
    width: 300px;
}
.afieroma-item .details {
    width: 668px;
    padding: 45px 20px;
}
.afieroma-item h1 {
    font-family: "Asty-Medium";
    font-size: 32px;
    line-height: 44px;
}
.afieroma-item .description {
    font-family: "Asty-Light";
    font-size: 18px;
    line-height: 24px;
    margin: 5px 40px 20px 0;
}
.afieroma-item .count {
    font-family: "Asty-Book";
    font-size: 22px;
}
.afieroma-header {
    margin-bottom: 20px;
}
.afieroma-header img {
    width: 100%;
}
.afieroma-header .afieroma-description {
    font-family: "Asty-Light";
    font-size: 18px;
    line-height: 24px;
    background-color: #000;
    text-align: center;
    padding: 20px 40px;
    color: #eee;
}
.head-menu {
    display: inline-block;
    width: 100%;
    text-align: center;
    z-index: 999;
    background-color: #eee;
    position: fixed;
    top: 0px;
    font-size: 0px;
}
.all-head-menu {
    position: relative;
    z-index: 99;
}
.menu-item-post h3 {
    font-family: "Asty-Medium";
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px 10px;
    margin-top: 10px;
    text-align: center;
}
.menu-item-post h3 a {
    display: block;
    min-height: 70px;
} /*.menu-item-post h3 a:hover { background-color: #FFF; }*/
.menu-item-big.straight {
    width: 25%; /*padding:0 10px;*/
}
.menu-item-big.straight:hover {
    background-color: #fff;
}
.menu-item-big .menu-image {
    max-height: 150px;
    overflow: hidden;
}
.menu-item-big .menu-image img {
    position: relative;
    top: -25px;
}
.sf-mega .container .row {
    /*padding: 0 30px;*/ /*margin-bottom:20px;*/
}
.menu-afieromata {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.menu-afieromata .menu-item-big.straight {
    padding: 0 10px !important;
}
.sf-mega .menu-element-area {
    /*padding: 0 30px;*/
}
.sf-mega .newstrack-module .head {
    display: none;
}
.sf-mega .newstrack-module {
    border-top: 0px;
    border-bottom: 1px solid #ccc;
}
.sf-menu .home {
    visibility: hidden;
}
.head-menu .home {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 1000;
}
.head-menu .home img {
    height: 12px;
    width: auto;
}
.fotorama {
    padding: 76px 0 30px;
    background-color: #fff;
}
.fotorama-second-editor .v3-gallery {
    margin-bottom: 0;
}
.fotorama .fotorama-header {
    margin: 15px 0;
    text-align: center;
}
.fotorama-header h1 {
    margin-top: 10px;
}
.fotorama .fotorama-second-editor {
    background-color: #000;
}
.fotorama-details {
    margin-top: 30px;
}
.fotorama-details .fotorama-lead {
    font-family: "Asty-Book";
    font-size: 18px;
    line-height: 28px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 15px;
    margin-bottom: 20px;
}
.more-fotorama {
    padding-top: 30px;
    border-top: 1px solid #000;
}
.more-fotorama .more-fotorama-item {
    width: 50%;
    padding: 10px 0;
    overflow: hidden;
}
.more-fotorama .more-fotorama-item .in {
    background-color: #fff;
}
.more-fotorama-item .image {
    width: 55%;
}
.more-fotorama-item .details {
    width: 40%;
    margin-right: 15px;
    padding: 15px 0 10px 0;
    border-top: 1px solid #000;
}
.more-fotorama-item .details h3 {
    font-family: "Asty-Book";
    font-size: 20px;
    line-height: 32px;
}
.more-fotorama-item .details p {
    font-family: "Asty-Light";
    font-size: 15px;
    line-height: 20px;
    color: #666;
    margin: 5px 0;
} /*v3-gallery*/
.v3-gallery {
    position: relative;
    margin-bottom: 20px;
}
.v3-gallery img.feature {
    width: 100%;
}
.v3-gallery .sl-content {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background-color: #fff;
    color: #000;
    padding: 20px;
    width: 300px;
    min-height: 220px;
    line-height: normal;
}
.v3-gallery .sl-content:hover {
    background-color: #fabfbf;
}
.v3-gallery .sl-content .num {
    font-family: "Asty-Light";
    font-size: 30px;
    text-align: center;
    border: 1px solid #fff;
    padding: 5px 5px 3px;
    display: inline-block;
}
.v3-gallery .sl-content h3 {
    font-family: "Asty-Book";
    font-size: 20px;
    line-height: 28px;
    margin: 5px 0 10px;
    padding: 0;
}
.v3-gallery .sl-content .media {
    font-family: "Asty-Light";
    font-size: 14px;
    line-height: 20px;
    margin: 10px 0;
} /*.v3-gallery:hover .sl-content{ background-color: #ff0000; }*/ /*.v3-gallery:hover .sl-content h3{ display: none; }*/
.v3-gallery .sl-content .view {
    font-family: "Asty-Bold";
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #666;
    padding: 24px 0 5px;
    margin-top: 10px;
    width: 260px;
} /*.v3-gallery:hover .sl-content .view{ display: block; } .v3-gallery:hover .sl-content .media{ display: none; }*/
.v3-gallery .sl-content .num span {
    font-family: "Asty-Medium";
    font-size: 10px;
    display: block;
}
.my-fancy-desc {
    width: 320px;
    position: absolute;
    background-color: #fff;
    height: 100%;
    right: 0px;
    top: 0px;
    color: #000;
    padding: 30px 10px;
}
.my-fancy-desc h3 {
    font-family: "Asty-Medium";
    font-size: 21px;
    margin: 30px 0 20px;
    line-height: 26px;
}
.my-fancy-desc .tp-my-media {
    color: #000;
    line-height: 20px;
}
.my-fancy-desc .date {
    margin: 20px 0;
    color: #000;
    font-size: 16px;
    font-family: "Asty-Light";
}
.my-fancy-desc .g-counter {
    font-family: "Asty-Light";
    padding-top: 30px;
    font-size: 26px;
    border-top: 1px solid #000;
}
.my-fancy-desc .image-title {
    font-size: 15px;
    line-height: 19px;
    margin-top: 10px;
}
.gallery-banner {
    margin-top: 30px;
}
.fancybox-close {
    font-family: "Asty-Light";
    font-size: 20px;
    color: #000;
    position: fixed;
    right: 30px;
    top: 15px;
}
.hidden {
    display: none !important;
    visibility: hidden !important;
}
.page-content {
    font-size: 16px;
    line-height: 24px;
    margin: 30px 10% 0;
}
.page-content h5 {
    font-family: "Asty-Bold";
    font-size: 12px;
}
.page .page-title {
    text-align: center;
    font-size: 24px;
    padding: 15px 0 10px;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    margin: 0 auto;
    width: 400px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #fabfbf !important;
}
.back-top {
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 42px;
    color: #000;
    z-index: 98;
    background-color: #fff;
    border-radius: 100%;
}
.back-top span {
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.back-top span:hover {
    color: #fabfbf;
}
.search-head {
    margin-bottom: 20px;
}
.search {
    display: inline-block;
    line-height: 25px;
    height: 60px;
    position: absolute;
    right: 0px;
    padding: 0 25px;
    margin-top: -20px;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
}
.search input {
    border: 0px;
    color: #000; /*width: 180px;*/
    border: 1px solid #000;
    height: 30px;
    background-color: #fff; /*border-radius: 20px;*/
    padding: 2px 30px 0 10px;
    outline: none;
    font-family: "Asty-Book";
    font-size: 14px;
    margin-right: 15px;
    width: 0px;
    opacity: 0;
}
.search-form {
    display: none;
}
.search form {
    float: left;
    padding-top: 14px;
}
.search-btn {
    font-size: 20px;
    cursor: pointer;
    color: #fff;
    padding-top: 18px;
    display: inline-block;
}
.more-afieroma-banner {
    margin-bottom: 30px;
}
.more-afieroma-banner img {
    width: 100%;
}
a.more-fotorama-btn {
    font-family: "Asty-Bold";
    font-size: 20px;
    display: block;
    text-align: center;
    background-color: #fff;
    margin-top: 10px;
    width: 100%;
    border-top: 1px solid #000;
    padding-top: 38px;
}
a:hover.more-fotorama-btn {
    display: block;
    color: #f00;
}
.post-content dl {
    max-width: 100%;
}
.movie-thumbs .simple-thumb {
    display: inline-block;
    text-align: center;
    width: 100px;
    padding: 0 5px;
}
.movie-thumbs .simple-thumb img {
    width: 50px;
    background-color: #eee;
    border-radius: 100%;
    margin: 0 10px;
    top: 10px;
    position: relative;
}
.movie-thumbs {
    margin-bottom: 60px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000;
}
.movie-thumbs .simple-thumb .slim-image {
    margin: 10px;
    width: 70px;
    height: 70px;
    background-color: #eee;
    border-radius: 100%;
}
.movie-thumbs .simple-thumb .subtitle {
    font-family: "Asty-Book";
    font-size: 12px;
    line-height: 16px;
    color: #000;
}
.menu-stock-module {
    /*display:none;*/ /*top:-210px;*/ /*height: 0px;*/ /*overflow: hidden;*/ /*opacity: 0;*/ /*position: relative;*/ /*z-index: 8;*/
}
.sf-mega .container {
    /*background-color: #EEE;*/ /*z-index: 9;*/ /*position: relative;*/
}
.category-column-head {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    padding: 10px;
}
.category-column-head .title {
    font-family: "Asty-Bold";
    font-size: 14px;
    color: #000;
    text-align: right;
    margin-bottom: 10px;
}
.category-column-head .image {
    margin-right: 20px;
    width: 110px;
}
.category-column-head .image img {
    border-radius: 100%;
    background-color: #fff;
}
.category-column-head .column-title {
    font-family: "Asty-Medium";
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-bottom: 10px;
}
.category-column-head .column-description {
    font-family: "Asty-Light";
    font-size: 15px;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
    width: 490px;
}
.valign {
    align-items: center;
}
.post-head.author {
    border-top: 5px solid #000;
    padding: 20px 10px 0;
}
.post-head.author .author-image {
    margin-right: 20px;
}
.post-head.author .author-image img {
    width: 120px;
    border-radius: 100%;
    background-color: #fff;
}
.post-head.author .author-title {
    font-size: 18px;
}
.author-bio {
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    padding: 10px;
}
.author-bio .inline {
    padding-right: 300px;
    margin-bottom: 20px;
    line-height: 20px;
}
.author-bio .s-i {
    margin-bottom: 10px;
}
.author-bio .s-i a {
    margin-right: 15px;
    font-size: 14px;
    width: 30px;
    height: 30px;
    line-height: 31px;
    background-color: #000;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
}
.author-bio .s-i a.fb {
    background-color: #3b5998;
}
.author-bio .s-i a.tw {
    background-color: #00aced;
}
.author-bio .s-i a.in {
    background-color: #517fa4;
}
.author-bio .s-i a.gp {
    background-color: #dd4b39;
}
.author-bio .s-i a.mail {
    background-color: #dfce20;
}
.author-bio .s-i a:hover {
    background-color: #000;
}
.my-skin {
    line-height: 0;
    font-size: 0px;
}
.my-skin #skin {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-position: top center;
}
.front-of-skin {
    position: relative;
    z-index: 9;
}
.big-banner {
    text-align: center;
    margin: 120px 0 auto !important;
    padding: 20px 0;
}
.big-banner.no-top {
    margin-top: 0;
    padding-top: 0;
}
.banner {
    margin-bottom: 30px;
}
.in-post-banner {
    text-align: center;
}
.rotating-banners {
    margin-top: 20px;
    margin-bottom: 20px;
}
.sticky {
    position: sticky;
    position: -webkit-sticky;
    top: -10px;
}
.sticky.with-sign {
    top: 75px;
}
.my-web-over {
    font-size: 0px;
}
.native-post-head {
}
.native-post-head .line {
    width: 100px;
    border-top: 1px solid #000;
    margin: 0 auto;
    margin-bottom: 30px;
}
.native-post-head h1 {
    font-family: "Asty-Medium";
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 30px;
    padding: 0 100px;
}
.native-post-head .lead {
    font-family: "Asty-Light";
    font-size: 18px;
    line-height: 24px;
    color: #666;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 100px;
}
.native-post-head .date {
    font-family: "Asty-Light";
    font-size: 24px;
    color: #ΑΑΑ;
    text-align: center;
    margin-bottom: 20px;
}
.home-posts-title {
    font-family: "Asty-Light";
    font-size: 42px;
    text-align: center;
    border-top: 6px solid #000;
    border-bottom: 1px solid #000;
    padding: 20px 0 13px;
    margin-bottom: 30px;
}
span.archigram {
    font-size: 90px;
    line-height: 18px;
    padding-top: 35px;
    display: inline-block;
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
}
.in-block {
    display: inline-block;
}
.mapper {
    width: 1030px;
    margin: 0 auto;
}
.trans {
    background-color: transparent;
}
.eu-law-container {
    background-color: #fff;
    width: 90% !important;
    padding: 20px;
    margin: 0 7%;
    background-color: #fff;
    border: 1px solid #ddd;
}
.eu-law-widget {
    font-family: "Asty-Bold";
    font-size: 12px;
    line-height: 40px !important;
    color: #000 !important;
    background-color: #fff !important;
    margin: 0 auto;
    text-align: center;
}
.eu-law-t {
    display: table;
    margin: 0 auto;
}
.eu-law-text {
    padding-right: 10px;
    text-align: left;
    max-width: 500px;
    display: table-cell;
    vertical-align: middle;
}
.eu-law-links {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.eu-law-widget a {
    margin: 0 5px;
}
.eu-law-text a {
    margin: 0;
    text-decoration: none;
}
.eu-law-widget .my-btn {
    display: inline-block !important;
    padding: 0 20px !important;
    border: 1px solid #ddd !important;
}
.eu-law-widget .my-btn:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.eu-law-widget .learn-more-cookie-law-btn {
    display: inline-block;
    background-color: #fff !important;
    color: #000 !important;
    padding: 0 20px !important;
    border: 1px solid #ddd !important;
}
.eu-law-widget .learn-more-cookie-law-btn:hover {
    background-color: #000 !important;
    color: #fff !important;
}
.container-native-background {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}
.dfp-skin {
    position: fixed;
    top: 56px;
    left: 50%;
    width: auto !important;
    transform: translateX(-50%);
    z-index: -1;
}

.slider.owl-carousel:not(.owl-loaded) {
    height: 100vh;
    display: block;
}

body.add-eu-law {
    padding-bottom: 0 !important;
}

.newstrack_img {
    object-fit: cover;
    object-position: top center;
}
img.same_category_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}