a *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
*:before,*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}


html.scrollprevent{
    overflow:hidden;
    margin-right:17px
}
a{
    color:#000;
    text-decoration:none
}
a:hover,a:active,a:focus{
    color:#ef114c;
    text-decoration:none
}
/*
h1,h2,h3,h4,h5,h6,span.title,span.subtitle,span.subsubtitle{
    color:#fff;
    font-weight:bold;
    margin-bottom:10px;
    text-align:left;
    -webkit-transition:color 1s;
    -moz-transition:color 1s;
    -ms-transition:color 1s;
    -o-transition:color 1s;
    transition:color 1s
}
h1,h2,span.title{
    font-size:40px;
    line-height:48px
}
h3,span.subtitle{
    font-size:28px;
    line-height:36px
}
h3 a, span.subtitle a, h3 a:hover, span.subtitle a:hover, h3 a:active, span.subtitle a:active, h3 a:focus, span.subtitle a:focus{
    text-decoration:underline
}
h4,span.subsubtitle{
    font-size:20px;
    line-height:34px
}


span.title,span.subtitle,span.subsubtitle{
    display:block
}
*/
img.b-lazy{
    width:100%
}
img.b-lazy,img.b-loaded{
    -webkit-transition:opacity 500ms ease-in-out;
    -o-transition:opacity 500ms ease-in-out;
    transition:opacity 500ms ease-in-out;
    opacity:0
}
#headercover img.b-lazy, #headercover img.b-loaded{
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}
img.b-loaded{
    opacity:1
}

.articlehighlights{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    margin:0px -1px 0
}
.scrollcontent .articlehighlights{
    overflow:hidden
}
.articlehighlights .highlight{
    -webkit-box-flex:1;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -webkit-background-size:cover;
    background-size:cover;
    float:left;
    height:720px;
    margin:0 1px;
    position:relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    width:22%
}
.articlehighlights .highlight:hover{
    width:33%
}
.articlehighlights .highlight:before{
    background:-moz-linear-gradient(20deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
    background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.3)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background:-webkit-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:-o-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:-ms-linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:linear-gradient(20deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    bottom:0;
    content:'';
    display:block;
    left:0;
    position:absolute;
    right:0;
    top:0;

}
.articlehighlights .highlight:hover:before{
    background:-moz-linear-gradient(20deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
    background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
    background:-webkit-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:-o-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:-ms-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
    background:linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);position:absolute;
    right:0;
    top:0;

}
.scrollcontent .articlehighlights .highlight{
    height:600px
}
.articlehighlights .highlight .articledata{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%
}

.articlehighlights .highlight span.subtitle{
    font-size:36px;
	line-height:36px;
    margin-bottom:20px;
    margin-left:0;
	font-family: 'Nunito Sans', sans-serif;
	font-weight:900;
	color:#fff;
}
.articlehighlights .highlight .contentcontainer{
    bottom:0;
    font-size:16px;
    margin:0;
    max-height:54px;
    max-width:360px;
    overflow:hidden;
    padding:0 30px 30px;
    position:absolute;
    -webkit-transition:max-height 0.5s 0.3s;
    -moz-transition:max-height 0.5s 0.3s;
    -ms-transition:max-height 0.5s 0.3s;
    -o-transition:max-height 0.5s 0.3s;
    transition:max-height 0.5s 0.3s;
    width:360px;
	z-index:2;
	text-align: left;
}




.articlehighlights .highlight:hover .contentcontainer{
    max-height:300px
}
.articlehighlights .highlight .contentcontainer p{
    margin-bottom:10px; color:#fff; z-index:2;
}
.articlehighlights .highlight .contentcontainer p, .articlehighlights .highlight .contentcontainer .linknext{
    opacity:0;
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
    transition:opacity 0.3s
}

.linknext{padding: 14px 18px;
border-radius: 96px;
	background: rgb(218, 20, 73); color:#fff;}

.articlehighlights .highlight:hover .contentcontainer p, .articlehighlights .highlight:hover .contentcontainer .linknext{
    opacity:1
}

.articlecollapse{
    position:relative
}
.articlecollapse .collapseitem{
    border:1px solid #f3f3f3;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-bottom:5px
}
.articlecollapse h2 + .collapsewrap .collapseitem:first-child, .articlecollapse h3 + .collapsewrap .collapseitem:first-child{
    margin-top:20px
}
.articlecollapse .collapseitem .collapsetoggle{
    background-color:#f3f3f3;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    cursor:pointer;
    font-size:16px;
    line-height:20px;
    padding:10px 15px 10px 35px;
    position:relative
}
.articlecollapse .collapseitem .collapsetoggle:before{
    font-family:'icomoon' !important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    letter-spacing:0;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\e902";
    display:block;
    font-size:8px;
    left:15px;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:transform 0.5s;
    -moz-transition:transform 0.5s;
    -ms-transition:transform 0.5s;
    -o-transition:transform 0.5s;
    transition:transform 0.5s
}
.articlecollapse .collapseitem.active .collapsetoggle:before{
    -webkit-transform:translateY(-50%) rotate(90deg);
    -moz-transform:translateY(-50%) rotate(90deg);
    -ms-transform:translateY(-50%) rotate(90deg);
    -o-transform:translateY(-50%) rotate(90deg);
    transform:translateY(-50%) rotate(90deg)
}
.articlecollapse .collapseitem .collapse{
    display:none;
    margin-bottom:0;
    padding:10px 35px 0
}
.articlecollapse .collapseitem.active .collapse{
}
.articlecollapse .collapseitem .collapse p, .articlecollapse .collapseitem .collapse ul, .articlecollapse .collapseitem .collapse ol{
    margin-bottom:15px;
    margin-top:10px
}


   
@media (max-width: 1080px){
   
   
    .articlehighlights{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .articlehighlights .highlight:before{
        z-index:1
    }
    .articlehighlights .highlight, .articlehighlights .highlight:hover, .scrollcontent .articlehighlights .highlight, .scrollcontent .articlehighlights .highlight:hover{
        border:1px solid #fff;
        height:0;
        margin:0;
        padding-bottom:74%;
        width:50%
    }
    .articlehighlights .highlight .articledata{
        left:0;
        position:absolute;
        top:0;
        width:100%
    }
    .articlehighlights .highlight .contentcontainer, .articlehighlights .highlight:hover .contentcontainer{
        font-size:24px;
        max-height:41px;
        z-index:5 !important;
    }
    }
 

@media (max-width: 1440px){
   /* h1,h2,h3,h4,h5,h6,span.title,span.subtitle,span.subsubtitle{
    }
    h1,h2,span.title{
        font-size:38px;
        line-height:46px
    }
    h3,span.subtitle{
        font-size:24px;
        line-height:32px
    }
	
	@media (max-width: 1080px){
    html.scrollprevent{
        margin-right:0
    }
    h1,h2,span.title{
        font-size:32px;
        line-height:40px
    }
    h3,span.subtitle{
        font-size:22px;
        line-height:30px
    }
    h4,span.subsubtitle{
        font-size:18px;
        line-height:28px
    }
    
}*/

@media (max-width: 640px){
    .article h2, .article h3, .article span.title, .article span.subtitle, .articlebase:not(.detailview) .container .contentcontainer{
        margin-left:0
	}
	.article h2, .article h3, .article span.title, .article span.subtitle, .articlebase:not(.detailview) .container .contentcontainer{
    margin-left:215px
}
.article h2, .fullwidthcontent .leftcontent .article h2{
    margin-top:100px
}
.fullwidthcontent .article h2{
    margin-top:140px
}
.article h3{
    margin-top:40px
}
.article h2+h3{
    margin-top:0
}
.articlestandard h2, .articlestandard h3, .articlestandard span.title, .articlestandard span.subtitle, .articleinsider h2, .articleinsider h3, .articleinsider span.title, .articleinsider span.subtitle, .articlecontentmetanav h2, .articlecontentmetanav h3, .articlecontentmetanav span.title, .articlecontentmetanav span.subtitle{
    margin-left:0
}
	.articlehighlights .highlight, .articlehighlights .highlight:hover, .scrollcontent .articlehighlights .highlight, .scrollcontent .articlehighlights .highlight:hover{
        border:1px solid #fff;
        height:0;
        margin:0;
        width:50%
    }
	
	}
    
   
    
    .articlehighlights .highlight, .articlehighlights .highlight:hover, .scrollcontent .articlehighlights .highlight, .scrollcontent .articlehighlights .highlight:hover{
        /*padding-bottom:50%;*/
        width:100%
    }
    .articlehighlights .highlight:before{
        background:-moz-linear-gradient(20deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
        background:-webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
        background:-webkit-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
        background:-o-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
        background:-ms-linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
        background:linear-gradient(20deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%);
		z-index:1
    }
    .articlehighlights .highlight span.subtitle{
        font-size:24px
    }
     
}
img.b-lazy{
    width:100%
}
img.b-lazy,img.b-loaded{
    -webkit-transition:opacity 500ms ease-in-out;
    -o-transition:opacity 500ms ease-in-out;
    transition:opacity 500ms ease-in-out;
    opacity:0
}
#headercover img.b-lazy, #headercover img.b-loaded{
    -webkit-transition:none;
    -moz-transition:none;
    -ms-transition:none;
    -o-transition:none;
    transition:none
}
img.b-loaded{
    opacity:1
}