@font-face {
    font-family: SFD-Bold;
    src: url("fonts/SFD-Bold.ttf");
}

@font-face {
    font-family: SFD-Regular;
    src: url("fonts/SFD-Regular.ttf");
}

@font-face {
    font-family: DIN-Bold;
    src: url("fonts/DIN-Bold.otf");
}

.spdc-img-wrapper.img980.text-center.mt-60.mb-40.animation-element {
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -ms-transition: all 0.8s ease-in-out 0s;
    -webkit-transition: all 0.8s ease-in-out 0s;
    -o-transition: all 0.8s ease-in-out 0s;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    top: 40px;
    position: relative;
}

.spdc-img-wrapper.img980.text-center.mt-60.mb-40.animation-element.animation-element.animated {
    top: 0px;
    opacity: 1;
}

.spdc-img-wrapper.small.text-center.mt-60.mb-40.animation-element {
    opacity: 0;
    transition: all 0.8s ease-in-out 0s;
    -moz-transition: all 0.8s ease-in-out 0s;
    -ms-transition: all 0.8s ease-in-out 0s;
    -webkit-transition: all 0.8s ease-in-out 0s;
    -o-transition: all 0.8s ease-in-out 0s;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    top: 40px;
    position: relative;
}

.spdc-img-wrapper.small.text-center.mt-60.mb-40.animation-element.animated {
    top: 0px;
    opacity: 1;
}

.spdc-img-wrapper.img450.spdc-img-fl.mt-5.animation-element {
    opacity: 0;
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    right: 40px;
    position: relative;
}

.spdc-img-wrapper.img450.spdc-img-fl.mt-5.animation-element.animated {
    right: 0px;
    opacity: 1;
}

.spdc-img-wrapper.img450.spdc-img-fr.mt-5.animation-element {
    opacity: 0;
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    left: 40px;
    position: relative;
}

.spdc-img-wrapper.img450.spdc-img-fr.mt-5.animation-element.animated {
    left: 0px;
    opacity: 1;
}

.img350 {
    display: block;
    width: 350px;
    position: relative;
}

.author-magazine {
    text-align: left;
    margin-top: 30px !important;
    position: relative;
}

.amw-info {
    position: relative;
    padding-left: 25px;
}

.amw-info:before {
    position: absolute;
    background: #47ce9a;
    left: 0;
    top: 7px;
    width: 5px;
    height: 70px;
    content: '';
}

.author-magazine a {
    color: #222;
    font-family: Arial;
    font-size: 18px;
    text-decoration: none;

}

.bgblack-title {
    padding-top: 46px;
    background: rgba(0, 0, 0, 0.95);
    position: relative;
}

/*.bgblack-title > * {*/
    /*transition: all 0.8s ease-in-out 0s;*/
    /*-moz-transition: all 0.8s ease-in-out 0s;*/
    /*-ms-transition: all 0.8s ease-in-out 0s;*/
    /*-webkit-transition: all 0.8s ease-in-out 0s;*/
    /*-o-transition: all 0.8s ease-in-out 0s;*/
/*}*/

/*.bgblack-title .man {
    position: absolute;
    bottom: 0;
    left: 100px;
    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    opacity: 0;
}
.bgblack-title.loaded .man {
    opacity: 1;
}*/
.bgblack-title .title {
    position: absolute;
    right: 300px;
    /*transition-delay: 0.4s;*/
    /*-moz-transition-delay: 0.4s;*/
    /*-ms-transition-delay: 0.4s;*/
    /*-webkit-transition-delay: 0.4s;*/
    /*-o-transition-delay: 0.4s;*/
    top: 260px;
    opacity: 1;
}

.bgblack-title.loaded .title {
    top: 260px;
    opacity: 1;
}

.bgblack-title .m-title {
    position: absolute;

    right: 500px;
    /*transition-delay: 0.8s;*/
    /*-moz-transition-delay: 0.8s;*/
    /*-ms-transition-delay: 0.8s;*/
    /*-webkit-transition-delay: 0.8s;*/
    /*-o-transition-delay: 0.8s;*/
    top: 460px;
    opacity: 1;
}

.bgblack-title.loaded .m-title {
    top: 460px;
    opacity: 1;
}

.author-magazine p {
    font-family: SFD-Bold;
    color: #222222;
}

.author-magazine p {
    font-size: 18px;
}

.fancybox-opening {
    opacity: 1;
    display: block;
}

.sp-image-caption span {
    font-family: SFD-Regular;
    font-size: 15px;
    line-height: 19px;
    color: #666666;
}

.s7-quote {
    margin: 80px auto 30px !important;
    text-align: center;
}

.sp-sticky-header {
    z-index: 3 !important;
}

.k14-sp-wrapper .sp-body-content .sp-detail {
    margin-bottom: 100px;
}

.spdc-img-fl {
    margin-right: 40px;
}

.spdc-img-fr > div:not(.sp-image-caption):first-of-type {
    background: #f1f7f9;
    box-sizing: border-box;
    margin: 0 !important;
}

/*.sp-detail-content > p:first-of-type:first-letter {*/
/*display: block;*/
/*float: left;*/
/*height: 60px;*/
/*font-family: DIN-Bold;*/
/*font-size: 60px;*/
/*text-align: center;*/
/*line-height: 60px;*/
/*color: #373e49;*/
/*padding: 17px 15px 5px 15px;*/
/*margin-top: 4px;*/
/*margin-right: 13px;*/
/*background: #47ce9a center center no-repeat;*/
/*}*/

.LayoutAlbumContent {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.LayoutAlbumWrapper .LayoutAlbumRow {
    margin-bottom: 4px !important;
    float: left;
    width: 100%;
}

.LayoutAlbumWrapper figure {
    margin: 0;
    position: relative;
    -webkit-backface-visibility: hidden;
}

.LayoutAlbumWrapper .LayoutAlbumItem {
    display: block;
    float: left;
    margin: 0 2px;
}

.LayoutAlbumWrapper .LayoutAlbumItem:last-of-type {
    margin-right: 0;
}

.LayoutAlbumWrapper .LayoutAlbumItem:first-child {
    margin-left: 0;
}

.LayoutAlbumItem a {
    border: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.VCSortableInPreviewMode img {
    margin-top: 0;
    vertical-align: top;
}

.LayoutAlbumWrapper img {
    display: block;
    max-width: 100%;
    transition: all .25s ease-in-out;
}

.k14-sp-wrapper .sp-body-content .sp-detail .sp-sapo {
    font-family: SFD-Regular;
    font-size: 20px;
}

.k14-sp-wrapper .sp-body-content .sp-detail b {
    font-family: SFD-Bold;
    font-size: 20px;
}

.spdc-img-wrapper.imgfull.animation-element {
    opacity: 0;
    transition: all 0.6s ease-in-out 0s;
    -moz-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    top: 40px;
    position: relative;
}

.spdc-img-wrapper.imgfull.animation-element.animated {
    top: 0;
    opacity: 1;
}

.fancybox-wrapper-edit {
    margin-left: -500px !important;
    width: 1000px !important;
    left: 50% !important;
}

.fancybox-inner-edit {
    width: 100% !important;
    height: 100% !important;
}

.overlay-infographics {
    opacity: 0.8;
    background: #000000;
}

.fancybox-wrapper-edit a.fancybox-close {
    display: block;
}

.k14-sp-wrapper .sp-body-content .sp-detail {
    padding-bottom: 100px;
}

.fancybox-wrapper-edit .fancybox-image {
    cursor: default;
}

.first-letter {
    position: relative;
    padding-left: 90px;
}

.first-letter:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    font-family: DIN-Bold;
    font-size: 65px;
    text-align: center;
    line-height: 90px;
    margin-top: 10px;
    color: #373e49;
    background: #47ce9a center center no-repeat;
    content: 'h';
    text-transform: uppercase;
}

.sp-mag-logo {
    display: inline-block;
    margin: 0 auto;
    transition: all 0.2s;
}

.sp-mag-logo img {
    margin-top: 10px;
    max-height: 30px;
    max-width: 100%;
}

.sp-back-to-k14:before {
    background: url(../skin/back-to-k14-arrow.png) center center #db2026 no-repeat;
}

.infographic-wrap {
    height: 10091px !important;
}

.videobg {
    position: relative;
    display: block;
    height: 100vh;
}

.videobg-content {
    height: 100vh;
    display: block;
    overflow: hidden;
}

.videobg-content video{
    display: block;
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.cover-top ,.title,.m-title{
    display: none;
}
