#TopArt{position:relative;color:#fff}
#TopArt.home-section{margin-top:0}
.mainstory{margin:0 auto;padding:0;position:relative}
/* .top-art .mask-image:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0} */
#top-slider .top-art .mask-image{height:95vh;max-height:770px}
.slider-nav{max-width: 100%;display:flex;position:relative;clear:both;margin:0 -4px;padding:5px 0;overflow-x:hidden}
.slider-nav div{width:calc(100%/5);padding:4px;z-index:1;position:relative;cursor:pointer}
.carousel-thumb{padding-bottom:45%}
.top-art .mask-title{padding-bottom:3%;bottom:0;position:absolute;width:100%;z-index:11;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,0.3) 50%,rgba(0,0,0,0.7) 100%) repeat scroll 0 0;padding-top:20%}
/* .hero-wrap{width:100%;padding:0 15px 30px;max-width:1200px;margin:0 auto} */
.hero{max-width:800px}
.hero .post-cat{font-size:15px;font-family:'Heading Pro Treble Extra Bold';border-top:5px solid var(--secondcolor);padding-top:10px;margin-bottom:15px;display:inline-block}
.hero .post-title{margin-bottom:15px}
.home-logo{position:absolute;left:0;right:0;top:0;z-index:1;padding:3rem 10px 0;background:rgba(0,0,0,0) linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0.7) 100%) repeat scroll 0 0}
.home-logo a img {width: 100%}
.home-logo a {width: 180px;display: block}
.top-art .abslink{z-index:99}
.coloredwrap {
    background-color: #828385;
    padding: 0 15px;
    padding-top: 2rem;
}
.home-section{margin-bottom:4rem;padding-bottom:4rem;border-bottom:1px solid #DDD}
.home-section:last-child{border:none}
.coloredwrap.home-section{margin-bottom:4rem}
.coloredwrap .o-meta{color:#FFF}
.coloredwrap .o-meta,.coloredwrap .o-head{color:#FFF;font-weight:normal}
.section-name{font-size:4rem;font-weight:normal;border-bottom:5px solid #f1d801;margin-bottom:10px;padding-bottom:0}
.prom-items{border:2px solid #000;padding:12px;height:100%}
.prom-items .section-name {
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 15px;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
}
.prom-items .wrap-st .blocked{margin-bottom:12px;display:block;border-bottom:1px solid #222;padding-bottom:12px}
.coloredwrap .section-name{color:#FFF}
.focus-col{order:4}
.focus-item{background:var(--secondcolor);height:100%;padding:10px}


.width-360{width:360px;height:100%}
.width-340{width:340px;height:100%}
.width-300{width:300px;height:100%}


.focus-sidebar {
    background-color: #4D4D4D;
    padding: 2rem;
    height:100%;
    border-top: 5px solid var(--secondcolor);
}

.rounded-titl {
    display: inline-block;
    border: 2px solid var(--secondcolor);
    padding: 8px 22px;
    font-size: 14px;
    font-family: 'Heading Pro Treble Extra Bold';
    margin: 0 auto 2rem;
    border-radius: 25px;
    color: var(--secondcolor);
}
.focus-sidebar .blocked {
    border-bottom: 1px solid #FFF;
    padding-bottom: 12px;
    margin-bottom: 15px;
}.focus-sidebar .o-head {
    color: #FFF;
}.focus-sidebar .row-row-item {
    border-bottom-color: #FFF;
}.focus-sidebar .blocked:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}


.sand-item .tile-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 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,0.3) 50%,rgba(0,0,0,0.5) 100%) repeat scroll 0 0;
    padding: 20px 30px 10px;
}
.sand-item .tile-content {
    padding-right: 25%;
}
.sand-item .tile-content .post-cat {
    background-color: var(--secondcolor);
    padding: 5px 10px;
    margin-bottom: 13px;
    display: inline-block;
    font-family: 'Heading Pro Treble Extra Bold';
    font-size: 11px;
}.sand-item .tile-content .post-title {
    margin-bottom: 1.25rem;
}
.sand-item .tile-content .post-summary{padding-bottom:10px;line-height:1.3;font-size:16px}



.desktop-device .sand-item .thumb-holder {
    overflow: hidden;
    height: 440px;
    padding-bottom: initial;
}

.slider-nav .slider-item .desc {
    opacity: 0;
    width: 100%;
    position: absolute;
    padding: 15px 12px 0;
    top: 0;
}

.desktop-device .slider-nav .slider-item .desc {
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    opacity: 0;
    transition: transform .3s ease-out,opacity .3s ease-out;
}

.desktop-device .slider-nav .slider-item:hover .desc{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}
.slider-nav .slider-item .desc .o-head {
    font-size: 1.8rem;
    font-family: 'Heading Pro Treble Bold';
}



.focus-sidebar.secondcolor-side {
    background-color: var(--secondcolor);
  border: none;
}.focus-sidebar.secondcolor-side .o-head {
    color: #222;
}.focus-sidebar.secondcolor-side .rounded-titl {
    background-color: #FFF;
    color: #222;
}
.focus-sidebar.secondcolor-side .blocked {
    border-bottom-color: #222;
}

.desktop-device .sidebar-side .width-340 {height:100%}

.slider-item:after {
    content: "";
    padding-bottom: 2%;
    top: 0;
    position: absolute;
    width: 100%;
    z-index: 11;
    background: rgba(0,0,0,0) linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,0) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.7) 100%) repeat scroll 0 0;
    padding-top: 20%;
    z-index: 0;
}

.desktop-device .half-image {
    height: 442px;
}
.fixed-h {
    min-height: 280px;
}

.section-name.def-tv {
    border: none;
    background-color: #000;
    text-align: center;
    color: var(--secondcolor);
    padding: 10px 0;
    font-size: 2.3rem;
}.tv-s.home-section {
    border-bottom: 5px solid #000;
}
.tv-s figure:after {
    content: "";
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 54px;
    height: 54px;
    border-radius: 100%;
    background-position: 64%;
    background-repeat:no-repeat;
    background-color: rgba(255,255,255,0.9);
    background-image: url(../imgs/play-button.png);
    background-size: 50%;
}

.desktop-device .column.br:after {
    content: "";
    top: 0.75rem;
    bottom: 0.75rem;
    border-right: 1px solid #CCC;
    position: absolute;
    right: 0;
}
.desktop-device .sep-horizontal {
    height: 1px;
    width: 100%;
    display: block;
    background-color: #CCC;
}


@media all and ( max-width:1023px ) {
.width-340{width:100%}
.width-300{width:100%}
#top-slider .top-art .mask-image{height:120vw;max-height:440px}
.hero-wrap{padding:0 12px 0}
.hero-wrap p{display:none}
.section-name{font-size:3.2rem;margin-bottom:0;padding-left:2rem}
.indexwrap.maxgridrow{padding:0 0}
.sand-item .tile-content{padding:0 15px}
.sand-item .tile-content p{display:none}
.mobile-device .sand-item .thumb-holder{overflow:hidden;height:100vw;max-height:300px;padding-bottom:initial}
.home-logo,
.slider-nav{display:none}
.blocked .tile-content {padding: 0 20px 20px}  
.focus-sidebar  .blocked .tile-content,
.prom-items .wrap-st .blocked .tile-content,
.is-half-mobile:not(.is-full-small)  .blocked .tile-content,
.coloredwrap .blocked .tile-content {padding: 0 0 20px}  
  
.is-half-mobile  .blocked .tile-content{padding-bottom:10px}  
.coloredwrap.home-section {
    margin-bottom: 4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.prom-items .section-name,  
.coloredwrap .section-name{padding-left:0}  
}

@media all and ( max-width:667px ) {
.widegridrow {padding: 0}
}

.slick-slider{font-family: 'Heading Pro Treble Bold';}
.post-summary {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}