.home section{margin-bottom:4rem}
.homepage-wrap{margin-top:2rem}
#RightSidebar{width:100%;max-width:280px}
#TopPost{margin:0 8px;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;padding:0 8px;width:calc(100% - 560px)}
#TopPost{display:flex;flex-direction:row}
.slide-1{height:650px;width:calc(100% - 220px);padding-right:8px}
.slide-2{width:100%;max-width:220px;padding-left:8px;border-left:1px solid #e5e5e5}
#TopPost .slide-1 article,#TopPost .slide-1 article .tile-image{height:100%;position:relative}
#TopPost .slide-1 article .tile-content{position:absolute;left:0;right:0;bottom:0;text-align:left;padding:20% 20px 20px;background:rgba(0,0,0,0) -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.9))) repeat scroll 0 0;background:rgba(0,0,0,0) -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0}
.vertical-tile .article-tease{display:flex;flex-direction:column}
.vertical-tile .article-tease .tile-image{margin:0 0 12px;height:150px}
.slide-2 .vertical-tile:nth-child(1){border-bottom:1px solid #CCC}
.slide-2 .vertical-tile{padding-bottom:20px;margin-bottom:20px}
#TopPost .slide-1 article .tile-content .o-head{font-size:38px;color:#FFF;font-family:'Open Sans';font-weight:800;display:block;letter-spacing:-2px;line-height:1.2}
#TopPost .slide-1 article .tile-content .roboto{color:#FFF;font-size:15px;line-height:1.3;display:none;margin-bottom:13px;font-family:'PFBagueSansProBold'}
#TopPost .slide-1 article .tile-content .o-meta{color:#FFF;font-size:13px;margin-top:20px}
#TopPost .slide-1 article .tile-content .o-meta *{color:#fff;font-weight:600}
#RightSidebar article{display:flex;flex-direction:row;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #e5e5e5}
#RightSidebar article .tile-image{width:80px}
#RightSidebar article .tile-content{width:calc(100% - 80px);padding-left:10px}
#RightSidebar article.tp_1{display:flex;flex-direction:column;width:100%}
#RightSidebar article.tp_1 .tile-image{width:100%}
#RightSidebar article.tp_1 .tile-content{padding-left:0;width:100%;margin-top:5px}
#RightSidebar article .tile-image .o-media{margin:0}
#RightSidebar article .tile-content .o-head{margin:0;font-size:14px;line-height:1.2;margin-bottom:10px}
#RightSidebar article.tp_1 .tile-content .o-head{font-size:17px}
#RightSidebar .tile-content .o-meta{color:#999;font-size:12px}
#RightSidebar article.tp_4{margin-bottom:0;padding-bottom:0;border:0}
#RightSidebar article.tp_1 .o-head .post-category{font-size:17px}
.post-category{color:#de1042;font-weight:700;text-transform:uppercase;font-size:14px}
.latest-sidebar .article-tease .o-meta time {
    margin-right: 8px;
    font-weight: bold;
    color: #14264b;
}
.latest-sidebar .article-tease.withimage time{border:0;font-weight:normal}
.latest-sidebar{width:100%;max-width:280px;max-height:600px;overflow-y:scroll;padding-right:10px}
.latest-sidebar .article-tease{margin:0;border-bottom:1px solid #e5e5e5;padding-bottom:12px;margin-bottom:12px;display:flex;flex-direction:row}
.latest-sidebar .article-tease.withimage .tile-image{width:80px;margin-right:10px}
.latest-sidebar .article-tease.withimage .tile-content{width:calc(100% - 90px)}
.latest-sidebar .article-tease .tile-content .o-head {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.25px;
}
.latest-sidebar .article-tease .tile-content .o-meta{margin-top:5px;color:#999;font-size:12px}
.latest-sidebar .article-tease:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
.latest-sidebar .article-tease .o-meta{margin-top:2px}
.latest-sidebar::-webkit-scrollbar-track{background-color:#fff}
.latest-sidebar::-webkit-scrollbar{width:5px;background-color:#fff}
.latest-sidebar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.3);background-color:#14264b}
hr.hrline{background-color:#DDD;margin:20px 0}
.sidebar-left{width:310px;padding-left:10px;border-left:1px solid #CCC}
.simple-top{width:calc(100% - 311px);padding-right:10px}
.relative-posts{width:calc(100%/3 - 60px/3);margin-right:30px;display:block;margin-bottom:30px;float:left}
.relative-posts.rl_2,.relative-posts.rl_5{margin-right:0}
.relative-posts .mask-image{width:100%;position:relative;height:220px}
.relative-posts.rl_1{width:calc(100%/3*2 - 30px/3);margin-right:30px}
#the5five .relative-posts{height:400px}
.relative-posts.rl_1 .mask-title{position:absolute;left:0;right:0;bottom:0;padding:15px 20px 20px;background:rgba(0,0,0,0) -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.9))) repeat scroll 0 0;background:rgba(0,0,0,0) -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0}
.relative-posts.rl_1 .mask-image{height:400px}
.relative-posts .mask-title p{font-size:13px;color:#666;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:0}
.relative-posts .mask-title .o-head{font-size:1.8rem;margin:10px 0;font-weight:700;letter-spacing:-0.4px}
.relative-posts.rl_1 .mask-title .o-head{color:#FFF;font-size:2.7rem;line-height:1.1;font-weight:800}
.relative-posts.rl_1 .mask-title p{color:#fff}
.relative-posts:after{content:"";position:absolute;right:-15px;top:0;bottom:0;border-right:1px solid rgba(0,0,0,0.1)}
#the5five .relative-posts.rl_5:after,#the5five .relative-posts.rl_2:after{display:none}

.infographic-tile{text-decoration:none;width:calc(100%/4 - 90px/4);display:block;margin-right:30px;position:relative;}
.infographic-tile:last-child{margin-right:0}
.infographic-tile .mask-image{height:370px}
.infographic-tile .mask-tile {
    position: absolute;
    opacity:0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition:all 0.3s ease;
    background-color: rgba(20, 38, 75,0.95);
    border-radius: 7px;
    overflow: hidden;
}
.infographic-tile:hover .mask-tile{opacity:1}
.infographic-tile .mask-tile .o-head{font-size:1.85rem;line-height:1.3; padding:0 10px;font-weight:700;color:#FFFFFF}
.infographic-tile .mask-image{height:475px;position:relative;border-radius:7px;overflow:hidden}
.infographic-tile .mask-image .absimage{background-position:0 0;background-color: #f4f4f4}
.infographic-col-title h3{font-size:15px;margin:0}
.infographic-col-title{text-align:center}
.infographic-col-image{overflow:hidden;height:370px;margin-bottom:10px;border-radius:5px}
.blackbg{background-color:#14264b}
.break-container{left:50%;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}
.bigger-o-head-section{font-family:'Impact';letter-spacing:2px;width:100%;display:block;padding-bottom:10px;font-size:7.5rem;color:#FFF;max-width:calc(100%/5 - 90px/4);text-align:left;z-index:1}
#Focus .flex-column{max-width:calc(100%/4 - 90px/4);padding-left:2rem}
#Focus .image-tile{width:calc(100%/4*3 + 50px);height:470px;margin-left:-50px}
#Focus{padding:3rem 0}
#Focus .maxgridrow .flexgrid{align-items:center}
#Focus .flex-column .o-head{color:#FFF;font-weight:700;font-size:2.6rem;letter-spacing:-0.25px}
#Focus .flex-column .roboto{font-size:1.5rem;color:#FFF;display:block;margin:12px 0}
#Focus .flex-column .o-meta{font-size:13px;font-weight:600;color:#FFF}
#BusinessStories .maxgridrow .flexgrid{align-items:center;flex-direction:row-reverse}
#BusinessStories .flex-column{max-width:320px;padding-left:0;padding-right:3rem}
#BusinessStories .image-tile{width:calc(100% - 320px);height:470px;margin-left:}
#BusinessStories{padding:1rem 0}
#BusinessStories .maxgridrow .flexgrid{align-items:center}
#BusinessStories .flex-column .o-head {
    color: #FFF;
    font-weight: 700;
    font-size: 2.4rem;
    letter-spacing: -0.25px;
}
#BusinessStories .flex-column .roboto{font-size:1.5rem;color:#FFF;display:block;margin:12px 0}
#BusinessStories .flex-column .o-meta{font-size:13px;font-weight:600;color:#FFF}
.o-head-section.white-c{color:#FFF}
.home section#BusinessStories{margin-bottom:0;padding-bottom:3rem}
#BusinessStories:after{content:"";background-color:#14264b;position:absolute;left:0;right:0;height:150px}
#Bloggers{margin:2rem 0;border-top:1px solid #DDD;border-bottom:1px solid #DDD}
.Bloggers .the-river.fourc{margin-top:2rem}
.the-river{-ms-box-orient:horizontal;display:-webkit-box;display:-ms-flexbox;display:-moz-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.Bloggers .the-river.fourc li{list-style:none;width:calc((100%/4) - 60px/4);margin-right:20px}
.Bloggers .the-river.fourc li .author-image{width:110px;margin:0;position:absolute;right:-5px;bottom:0;margin-left:0}
.Bloggers .the-river.fourc li .tile-content{padding-right:0}
.Bloggers .the-river.fourc li .o-meta{display:flex;flex-direction:column;margin-top:2rem;border:0;padding-bottom:20px}
.Bloggers .the-river.fourc .o-meta li.o-meta__author{margin-right:10px;color:#de1042;font-weight:700;font-size:13px;position:absolute;bottom:10px}
.Bloggers .the-river.fourc li:last-child{margin-right:0;border:0}
.Bloggers .the-river.fourc li .o-head a{color:#000;text-decoration:none;font-weight:700;font-size:16px}
.tile-content .o-head.second-blog-post:before{content:"";max-width:70%;height:1px;width:100%;display:block;background:#ccc;margin-bottom:8px;margin-top:5px}
/* .Bloggers .the-river.fourc li .o-head:after,
.tile-content .o-head.second-blog-post:after {
    content: "";
    background-image: url(../imgs/blog.png);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 18px;
    display: block;
    position: absolute;
    top: 15px;
} */
.o-head.second-blog-post{max-width:82%;position:relative;}
.Bloggers .the-river.fourc li .o-head.second-blog-post a {
    font-weight: 600;
    font-size: 14px;
    margin-left: 0;
}
.Bloggers .the-river.fourc li article{height:100%;min-height:150px}
.Bloggers .the-river.fourc li .o-head {
    margin-bottom: 4px;
}
.ultiles .home-sidebar{padding-left:1rem;border-left:1px solid #ccc;width:310px}
.flat-left{width:calc(100% - 310px);display:flex;padding-right:1rem}
.flat-left .HeroArticle{width:calc(100%/3*2 - 30px/3);margin-right:30px;position:relative}
.flat-left .HeroArticle .relative-image{height:70%}
.reverse-order .HeroArticle{order:2;margin-right:0;margin-left:3rem}
.flat-left .HeroArticle .o-head{font-size:2.35rem;line-height:1.2;margin-top:8px;font-weight:800;margin-bottom:10px}
.flat-left .HeroArticle p{font-size:14px;color:#666;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:0}
.TopNews{width:calc(100%/3 - 60px/3)}
.TopNews .simple-post .relative-title{margin:8px 0}
.TopNews .simple-post .relative-title .o-head{font-size:1.7rem;font-weight:700}
.TopNews .simple-post:nth-child(1){margin-bottom:30px}
.TopNews .simple-post .relative-image{height:170px;overflow:hidden}
.relative-posts.rl_1 .o-meta{color:#FFF;margin-top:15px}
.just-three .rl_3{margin-right:0}
.just-three .rl_2{margin-right:3rem}
.just-three .rl_3:after{display:none}
.reversed .relative-posts.rl_2{order:1}
.reversed .relative-posts.rl_1{order:2}
.reversed .relative-posts.rl_3{order:3}
.relative-posts.rl_2 .o-meta,.relative-posts.rl_3 .o-meta,.relative-posts.rl_4 .o-meta{position:absolute;bottom:0}
.reversed-2.reversed .relative-posts.rl_1{order:3}
.reversed-2.reversed .relative-posts.rl_2{order:2}
.reversed-2.reversed .relative-posts.rl_3{order:1}
.reversed-2.reversed .relative-posts.rl_1{margin-right:0}
.reversed-2.reversed .relative-posts.rl_1:after{display:none}
.reversed-2.reversed .relative-posts.rl_3{margin-right:3rem}
.reversed-2.reversed .relative-posts.rl_3:after{content:"";display:block;position:absolute;right:-15px;top:0;bottom:0;border-right:1px solid #DDD}
.flat-left .HeroArticle p,.flat-left .HeroArticle .o-meta,.flat-left .HeroArticle .o-head{padding:0 15px;min-height:30px}
#EntipiEkdosi{min-height:400px;left:50%;padding:0 0 3rem;margin-left:-50vw;margin-right:-50vw;max-width:100vw;position:relative;right:50%;width:100vw}
.darkblue-bg .o-head-section{color:#FFF;display:block}
.darkblue-bg{background-color:#010318}
.exofyllo{width:calc(100%/3 - 60px/3);float:left;margin-right:3rem}
.maxgridrow.flexgrid.space-arround{justify-content:space-between;align-items:baseline}
.maxgridrow.flexgrid.space-arround .o-head-section{width:auto}
.entipi-section{color:#69bab4;font-family:'Open Sans';display:block;margin-top:2rem;padding-bottom:10px;font-size:2.8rem;font-weight:800;letter-spacing:-0.4px}
.plain-page{width:calc(100%/3 - 60px/3);float:left}
.saloni{width:calc(100%/3*2 - 30px/3);margin-right:30px}
#EntipiEkdosi .flexgrid div{max-height:420px;overflow:hidden}
.display-block{display:block}
.home-sidebar{padding-left:1rem;border-left:1px solid #ccc;width:310px}
.display--block .flat-left .relative-posts{margin-bottom:0;height:400px}
.display--block .flat-left{flex-direction:column}
#Video{border-top:1px solid #DDD;margin-top:4rem}
.col-50{width:calc(100%/2 - 3rem/2)}
.col-80 .relative-posts.rl_1,.col-70 .relative-posts.rl_1,.col-60 .relative-posts.rl_1,.col-50 .relative-posts.rl_1{margin-right:0;width:100%;float:none;margin-bottom:0}
.col-80{width:80%}
.col-70{width:70%}
.col-60{width:60%}
.col-40{width:40%}
.col-30{width:30%}
.col-20{width:20%}
#Technmore .col-70{padding-right:3rem}
.block-d{border-bottom:1px solid #000;margin-bottom:15px;padding-bottom:15px}
.block-d .o-section-heading.mini-head a{color:#e91e4f;text-decoration:none}
.block-d h2.o-section-heading{margin:0}
.block-d .flexrgrid-row a{text-decoration:none;color:#F000}
.block-d .flexrgrid-row .o-head{font-size:17px;line-height:1.2;font-weight:700}
.col-70 .relative-posts.rl_1 .mask-image{height:540px}
.block-d .flexrgrid-row .tile-image{width:30%}
.flexrgrid-row{display:flex;align-items:flex-start;flex-direction:row-reverse}
.block-d .flexrgrid-row .tile-title{line-height:1.2;width:73%;padding-right:20px}
.block-d .flexrgrid-row .tile-title p{font-size:13px;color:#666;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:10px 0}
.block-d .flexrgrid-row .tile-image figure{margin:0}
.block-d:last-child{margin-bottom:0;border-bottom:0;padding-bottom:0}
#Technmore .col-30{padding-top:60px}
.home section#Video{margin-bottom:0}
.greybg{background-color:#f9f9f9}
#Politismos{border-top:1px solid #DDD;margin-top:5rem;clear:both}
#Politismos .maxgridrow .flexgrid{align-items:center}
#Politismos .image-tile{width:calc(100%/4*3 + 50px);height:470px;margin-left:-50px}
#Politismos .flex-column{max-width:calc(100%/4 - 90px/4);padding-left:3rem}
#Politismos .flex-column .o-head {
    color: #333;
    font-weight: 700;
    font-size: 2.1rem;
    letter-spacing: -0.25px;
}
#Politismos .flex-column .roboto{font-size:1.5rem;color:#999;display:block;margin:12px 0}
#KL .col-80{padding-right:3rem}
.block-d.rounded .flexrgrid-row{flex-direction:column}
.block-d.rounded .flexrgrid-row .tile-image{width:100%}
#KL .relative-posts.rl_1 .mask-image{height:500px}
section#KL{margin-top:3rem}
.block-d.rounded .flexrgrid-row .tile-image{width:100%;height:200px}
.block-d.rounded .flexrgrid-row .tile-title{width:100%;position:relative;padding:10px 0;height:300px}
.block-d.rounded .flexrgrid-row .tile-title .o-meta{position:absolute;bottom:0}
.four-tiles-row .relative-posts{width:calc(100%/4 - 90px/4)}
.four-tiles-row .relative-posts:last-child{margin-right:0}
.four-tiles-row .relative-posts:last-child:after{display:none}
.kick{color:#e91e4f;font-weight:700;font-size:15px;line-height:1;margin-top:15px;display:block}
.fullwidth-tile{width:100%;height:32vw;position:relative}
.fullwidth-tile .tile-image{position:relative;height:100%}
.semitiles .tile-content,.fullwidth-tile .tile-content{position:absolute;left:0;bottom:0;right:0;padding:20% 20px 20px;background:rgba(0,0,0,0) -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(0,rgba(0,0,0,0)),color-stop(50%,rgba(0,0,0,.7)),to(rgba(0,0,0,.9))) repeat scroll 0 0;background:rgba(0,0,0,0) -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0;background:rgba(0,0,0,0) linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.7) 50%,rgba(0,0,0,.9) 100%) repeat scroll 0 0}
.semitiles .tile-content .o-head,
.fullwidth-tile .tile-content .o-head{font-size:2.6rem;color:#FFF;font-weight:700;min-height:60px}
.semitiles .tile-content .o-meta * {color: #FFF;opacity: 0.8}
.semitiles .tile-content .tile-content .roboto,.fullwidth-tile .tile-content .roboto{font-size:16px;color:#FFF}
.blogger{margin:0 auto;max-width:200px;background-color:#f4f4f4;padding:10px;border-radius:10px}
.blogger .author-rounded{max-width:90px}
.blogger .o-title{margin:0;font-size:17px;line-height:1.3;font-style:italic}
.blogger p{font-size:14px;color:#666;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:10px 0 20px;-webkit-line-clamp:6}
.blogger .quotes{max-width:32px}
.four-four .relative-posts.rl_1{width:calc(100%/4*2 - 30px/4);margin-right:30px}
.four-four .relative-posts{width:calc(100%/4 - 90px/4);margin-right:30px;display:block;margin-bottom:30px;float:left}
.four-four .relative-posts:last-child{margin-right:0}
.four-four .relative-posts:last-child:after{display:none}
.blogger .o-meta{width:100px;font-size:13px;line-height:1.2;position:absolute;bottom:10px}
.blogger .o-title{font-style:normal;letter-spacing: -0.8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.blogger p{font-style:normal}
.semitiles article:nth-child(2){margin-right:0}
.semitiles article:nth-child(1):after {
    content: "";
    border-right: 1px solid #DDD;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -15px;
}
.semitiles article{width:calc(100%/2 - 30px/2);margin-right:30px;height:30vw}
.sticky-row {position: sticky;top: 9rem}
.vertical-tile .article-tease .o-head {margin-bottom: 20px}
.home section#Technmore {
    margin-bottom: 3rem;
    position: relative;
}.home section#Technmore:after {
    content: "";
    border-bottom: 1px solid #DDD;
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 0;
}

.vertical-tile .article-tease .tile-image{height:120px}
.vertical-tile .article-tease .tile-image img {-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;width: 100%;max-width: none;height: 100%}
.infographic-tile .mask-tile span {
    border-top: 1px solid rgba(255,255,255,0.3);
    margin: 15px 10%;
    font-size: 16px;
    color: #FFF;
    padding-top: 15px;
}
.business-story-logo {
    max-width: 160px;
    position: relative;
    z-index: 3;
    display: block;
    margin-bottom: 20px;
}



@media(min-width:1221px){
.four-four.reversed .relative-posts:last-child {
    margin-right: 3rem;
}
.four-four.reversed .relative-posts:last-child:after {
    content: "";
    display: block;
    position: absolute;
    right: -15px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ddd;
}
}

#TopPost .slide-1 article:before {
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    left: 20px;
    background-position: center;
    background-size: 100%;
    background-image: url(../imgs/justp.png);
    z-index: 2;
    content: "";
    width: 60px;
    height: 60px;
}


/* HOME MOBILE */
@media(max-width:767px){
#TopPost .slide-1 article:before {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    left: 15px;
    top: 15px;
}
.toprow .fullwidth.flexgrid{flex-direction:column}
#TopPost{width:100%;border:0;padding:0;margin:0;flex-direction:column}
.slide-1{width:100%;padding:0}
.slide-2{width:100%;border:0;padding:0;max-width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #DDD;display:flex;flex-direction:row}
.slide-2 .vertical-tile{width:calc(100%/2 - 20px/2);padding-bottom:0;margin-bottom:0}
.slide-2 .vertical-tile:nth-child(1){border:0;margin-right:20px}
.vertical-tile .article-tease .tile-image{height:115px;margin-bottom:5px}
#RightSidebar{max-width:100%}
.toprow #TopPost{order:1}
.toprow #RightSidebar{order:2}
.toprow #LatestNews{order:3}
.toprow #LatestNews .latest-sidebar{width:100%;max-width:100%}
.toprow #RightSidebar{padding-bottom:20px;border-bottom:1px solid #DDD;margin-bottom:20px}
#Bloggers{border:0}
.Bloggers .the-river.fourc{margin:0}
.Bloggers .the-river.fourc li{width:100%;margin-right:0;margin-bottom:20px;border-bottom:1px solid #DDD}
.Bloggers .the-river.fourc .o-meta li.o-meta__author{bottom:0;max-width:100px}
.simple-top{width:100%;padding-right:0}
.homepage-wrap{margin-top:2rem}
.slide-1{margin-bottom:2rem;height:420px}
#TopPost .slide-1 article .tile-content .o-head{font-size:26px;letter-spacing:0}
#TopPost .slide-1 article .tile-content{padding:20% 15px 20px}
.flexgrid.row-w-sidebar{flex-direction:column}
.relative-posts.rl_1{width:100%;margin-right:0}
.four-four .relative-posts.rl_1{width:100%;margin-right:0}
.four-four .relative-posts{width:100%;margin-right:0}
.four-four .relative-posts{margin-bottom:20px}
.four-four .relative-posts:last-child{margin-bottom:0}
.flexgrid.four-four.with-op{flex-wrap:wrap}
.relative-posts:after{display:none}
.blogger{max-width:100%}
.blogger p{font-style:normal;font-family:'Roboto Slab';display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.blogger .o-meta{position:relative;bottom:0}
.relative-posts.rl_1 .mask-title .o-head{font-size:2.2rem}
.relative-posts.rl_1 .mask-title{padding:15px}
.relative-posts.rl_2 .o-meta,.relative-posts.rl_3 .o-meta,.relative-posts.rl_4 .o-meta{position:relative}
.bigger-o-head-section{font-size:3rem;width:100%;max-width:100%}
#Focus .image-tile,#BusinessStories .image-tile{width:100%;height:220px;margin:0 0 15px}
#BusinessStories .maxgridrow .flexgrid{flex-direction:column}
#Focus .flex-column,#BusinessStories .flex-column{padding:0;max-width:100%}
#BusinessStories .flex-column .o-head,#Focus .flex-column .o-head{font-size:2.2rem}
#Focus .maxgridrow .flexgrid{flex-direction:column}
.flexgrid.just-three{flex-wrap:wrap}
.just-three .rl_2{margin-right:0}
.relative-posts{width:100%;margin-right:0}
.relative-posts.rl_1 .mask-image{height:330px}
.relative-posts .mask-title p{font-size:13px}
#infographic-row .flexgrid{flex-wrap:wrap}
.infographic-tile{width:100%;margin-right:0;margin-bottom:3rem;position:relative}
#Focus{padding:2rem 10px}
#BusinessStories{padding:1px 1rem}
#BusinessStories:after{display:none}
.display--block .flat-left{width:100%;padding-right:0}
.maxgridrow.display--block.flexgrid{display:flex;flex-direction:column}
.reversed-2.reversed .relative-posts.rl_3{margin-right:0}
.reversed-2.reversed .relative-posts.rl_3:after{display:none}
.four-tiles-row.flexgrid.maxgridrow{flex-wrap:wrap}
.four-tiles-row .relative-posts{width:100%;margin-right:0}
#Politismos .maxgridrow .flexgrid{flex-direction:column}
#Politismos .image-tile{height:220px;width:100%;margin:0}
#Politismos .flex-column{max-width:100%;padding:0}
.flexgrid.semitiles{flex-direction:column;width:100%}
.semitiles article{width:100%;margin-right:0;height:320px}
.home-sidebar{padding:0;border:0;text-align:center;width:300px;margin:0 auto}
.semitiles .tile-content .o-head,.fullwidth-tile .tile-content .o-head{font-size:2.2rem}
.bigger-o-head-section img{max-width:100px}
#the5five .relative-posts.rl_1{height:330px}
#the5five .relative-posts{height:auto}
#Focus .flex-column .roboto,#Politismos .flex-column .roboto,#BusinessStories .flex-column .roboto{font-size:1.3rem}
.semitiles .tile-content,.fullwidth-tile .tile-content{padding:15px}
.home section#BusinessStories{padding-bottom:20px;margin-bottom:2rem}
#EntipiEkdosi .maxgridrow.flexgrid.space-arround{flex-direction:column;align-items:flex-start}
.entipi-section{font-size:2rem;margin-top:0;padding-bottom:0}
#EntipiWrap.flexgrid{display:block;clear:both;width:auto;max-width:none;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}
.plain-page,.exofyllo,.saloni{width:auto;display:inline-block;margin:0 15px 0 0;float:none}
#EntipiEkdosi .flexgrid div{height:400px}
#EntipiEkdosi .flexgrid div img{max-width:none;height:100%}
.semitiles article:nth-child(2){margin-top:2rem}
.semitiles article:nth-child(1):after{display:none}
.display--block .flat-left .relative-posts {height: auto;margin-bottom: 3rem}
.display--block .flat-left .relative-posts.rl_1{height:330px}
.home section#Video{margin-top:3rem}
.sidebar-left {display: none}
.home section#Video {margin-top: 0}
.home-sidebar.prel {display: none}
#EntipiWrap {
    margin-top: 2rem;
}
  
}



@media only screen
  and (min-device-width :768px)
  and (max-device-width :1024px) {
    
.maxgridrow{padding:0 10px}
.flexgrid.row-w-sidebar{flex-direction:column}
.simple-top{width:100%}
.sidebar-left{width:100%;padding:0;border:0;padding-top:1rem;border-top:1px solid #DDD;border-bottom:1px solid #DDD;padding-bottom:10px}
.relative-posts{margin-right:15px;width:calc(100%/3 - 30px/3)}
.relative-posts.rl_1{width:calc(100%/3*2 - 15px/3);margin-right:15px}
.relative-posts:after{display:none}
.relative-posts .mask-image{height:200px}
.bigger-o-head-section{font-size:4rem}
.four-four .relative-posts.rl_1{width:calc(100%/4*2 - 15px/4);margin-right:15px}
.four-four .relative-posts{width:calc(100%/4 - 45px/4);margin-right:15px}
.just-three .rl_2{margin-right:15px}
.maxgridrow.display--block.flexgrid{display:flex;flex-direction:column}
.display--block .flat-left{width:100%;padding-right:0}
.home-sidebar{width:100%;padding-left:0;border:0;padding-top:2rem;margin-top:2rem}
.semitiles article{height:400px;width:calc(100%/2 - 15px/2);margin-right:15px}
.semitiles article:nth-child(1):after{display:none}
.bigger-o-head-section{width:20%}
#Focus .flex-column .roboto{display:none}
#Focus .image-tile,#Politismos .image-tile{width:calc(50%+50px);height:350px}
#Focus .flex-column,#Politismos .flex-column{max-width:30%;padding-left:1.5rem}
#BusinessStories .flex-column .o-head,#Focus .flex-column .o-head,#Politismos .flex-column .o-head{font-size:2rem}
.four-tiles-row .relative-posts{width:calc(100%/4 - 45px/4)}
.Bloggers .the-river.fourc li{width:calc(100%/2 - 30px/2);position:relative;margin-right:30px}
.Bloggers .the-river.fourc li:nth-child(even){margin-right:0}
.Bloggers .the-river.fourc .blog-post:nth-child(odd):after{content:"";border-right:1px solid #000;position:absolute;top:0;bottom:0;right:-15px}
.blog-post:nth-child(2),.blog-post:nth-child(1){border-bottom:1px solid #000;margin-bottom:20px}
.reversed-2.reversed .relative-posts.rl_3{margin-right:15px}
.reversed-2.reversed .relative-posts.rl_3:after{display:none}
.flexgrid.four-four.with-op{flex-wrap:wrap}
.flexgrid.four-four.with-op .relative-posts.rl_1{width:calc(100%/4*2.5 - 15px)}
.flexgrid.four-four.with-op .relative-posts.rl_4,.flexgrid.four-four.with-op .relative-posts.rl_2{width:calc(100%/4*1.5);margin-right:0}
.flexgrid.four-four.with-op .relative-posts.rl_3,.flexgrid.four-four.with-op .relative-posts.rl_4{width:calc(100%/2 - 15px/2)}
aside.blogger.prel.relative-posts{width:calc(100%/2 - 15px/2);max-width:none}
.toprow .fullwidth.flexgrid{width:100%;display:flex;flex-wrap:wrap;flex-direction:row}
#RightSidebar{position:relative;order:2;width:calc(100%/2 - 30px/2);max-width:initial;margin-right:30px}
.slide-2{border:0}
#TopPost{order:1;width:100%;border:0;padding:0;margin:0 0 30px;border-bottom:1px solid #CCC;padding-bottom:20px}
#LatestNews{order:3;width:calc(100%/2 - 30px/2);margin-right:0}
.latest-sidebar{max-width:100%}
#RightSidebar:after{content:"";border-right:1px solid #CCC;position:absolute;top:0;bottom:0;right:-15px}
.infographic-tile {width: calc(100%/4 - 45px/4);margin-right: 15px;position:relative;}
.infographic-tile .mask-image {height: 250px}
#BusinessStories .flex-column {
    max-width: 35%;
    padding-right: 0;
}#BusinessStories .flex-column .roboto {
    display: none;
}#BusinessStories .image-tile {
    width: 65%;
    height: 370px;
}
    
}