.flex {
    display: flex;
}
.block-b1 { width: 82px }
.block-b1-w0 { width: 59px }
.block-b1-w2 { width: 105px }
.block-b2 { width: 164px }
.block-b2-w1 { width: 141px }
.block-b2-w3 { width: 187px }
.block-b3 { width: 246px }
.block-b3-w2 { width: 223px }
.block-b3-w4 { width: 269px }
.block-b4 { width: 328px }
.block-b4-w3 { width: 305px }
.block-b4-w5 { width: 351px }
.block-b5 { width: 410px }
.block-b5-w4 { width: 387px }
.block-b5-w6 { width: 433px }
.block-b6 { width: 492px }
.block-b6-w5 { width: 469px }
.block-b6-w7 { width: 515px }
.block-b7 { width: 574px }
.block-b7-w6 { width: 551px }
.block-b7-w8 { width: 597px }
.block-b8 { width: 656px }
.block-b8-w7 { width: 633px }
.block-b8-w9 { width: 679px }
.block-b9 { width: 738px }
.block-b9-w8 { width: 715px }
.block-b9-w10 { width: 761px }
.block-b10 { width: 820px }
.block-b10-w9 { width: 797px }
.block-b10-w11 { width: 843px }
.block-b11 { width: 902px }
.block-b11-w10 { width: 879px }
.block-b11-w12 { width: 925px }
.block-b12 { width: 984px }
.block-b12-w11 { width: 961px }
.block-b12-w13 { width: 1007px }
.block-b13 { width: 1066px }
.block-b13-w12 { width: 1043px }
.block-b13-w14 { width: 1089px }
.block-b14 { width: 1148px }
.block-b14-w13 { width: 1125px }
.block-b14-w15 { width: 1171px }
.block-b15 { width: 1230px }
.block-b15-w14 { width: 1207px }
.block-b15-w16 { width: 1253px }

.h100-red {
    height: 100px;
    background: red;
}
.h100-blue {
    height: 100px;
    background: blue;
}
.h100-yellow {
    height: 100px;
    background: yellow;
}
.h100-green {
    height: 100px;
    background: green;
}
.h100-orange {
    height: 100px;
    background: orange;
}
.h100-white {
    height: 100px;
    background: white;
}
.h100-purple {
    height: 100px;
    background: purple;
}
.h100-grey {
    height: 100px;
    background: grey;
}

.quotes2 {
    position: relative;
}
.quotes2:after {
    background: url(img/quotes2.svg) no-repeat center top;
    width: 80px;
    height: 80px;
    margin-left: 75px;
    position: absolute;
    content: "";
    top: 17px;
    right: -40px;
}
.tags {
    color: #A8B2CE;
    font-size: 12px;
    line-height: 17px;
    text-decoration: none;
    border-bottom: 1px solid #A8B2CE;
    margin-right: 10px;
}
.labels {
    font-family: SF-Pro-Display-Bold;
    color: #CF0101;
    text-decoration: underline;
    font-size: 12px;
    position: relative;
}
.label2 {
    font-family: SF-Pro-Display-Bold;
    color: #626262;
    text-decoration: underline;
    font-size: 12px;
    position: relative;
}
.box-counter {position: relative}
.counter-white {
    position: absolute;
    right: 0;
    top: 15px;
    width: 24px;
    height: 24px;
    background: url(img/comment2.svg) no-repeat center;
}
.counter-white > span {
    background: #cb0000;
    position: absolute;
    color: white;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    top: -15px;
    left: -15px;
    font-size: 12px;
}
.counter-red {
    position: absolute;
    right: 0;
    top: 15px;
    width: 24px;
    height: 24px;
    background: url(img/comment.svg) no-repeat center;
}
.counter-red > span {
    background: white;
    position: absolute;
    color: red;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    top: -15px;
    left: -15px;
    font-size: 12px;
}
.margin20 {
    margin: 20px;
}

.image-relative-box {
    position: relative;
    display: block;
}

a {
    text-decoration: none;
}
.relative {
    position: relative;
}
.position-bottom {
    position: absolute;
    width: 100%;
    bottom: 0;
}

a.title-0 {
    font-family: PlayfairDisplay-Bold;
    font-size: 38px;
    color: #393939;
    line-height: 38px;
    text-decoration: none;
}
a.title-0:after {
    content: '';
    background: url(img/quotes.svg) no-repeat left;
    position: absolute;
    width: 60px;
    height: 60px;
    background-position-y: 4px;
    right: 0px;
}
a.title-1 {
    display: block;
    color: #393939;
    font-size: 38px;
    font-family: PlayfairDisplay-Bold;
    line-height: 38px;
}
a.title-2 {
    display: block;
    color: #393939;
    font-size: 31px;
    font-family: PlayfairDisplay-Bold;
    line-height: 31px;
}
a.title-3 {
    display: block;
    color: #393939;
    font-size: 19px;
    font-family: PlayfairDisplay-Bold;
    line-height: 20px;
}
a.title-4 {
    display: block;
    color: #393939;
    font-size: 21px;
    font-family: PlayfairDisplay-Bold;
    line-height: 22px;
}
.title-5 {
    display: block;
    color: #393939;
    font-size: 47px;
    font-family: PlayfairDisplay-Bold;
    line-height: 51px;
}
a.title-6 {
    display: block;
    color: #393939;
    font-size: 24px;
    font-family: PlayfairDisplay-Bold;
    line-height: 33px;
}
a.title-7 {
    display: block;
    color: #FFFFFF;
    font-size: 66px;
    font-family: PlayfairDisplay-Bold;
    line-height: 68px;
}
a.title-7-black {
    display: block;
    color: #393939;
    font-size: 66px;
    font-family: PlayfairDisplay-Bold;
    line-height: 79px;
    position: relative;
}
a.title-7-black:after {
    content: '';
    background: url(img/quotes2.svg) no-repeat left;
    position: absolute;
    width: 120px;
    height: 120px;
    background-position-y: 4px;
    left: 0px;
    top: 0px;
    margin-left: -50px;
}

.post_author {
    color: #A8B2CE;
    font-size: 12px;
    line-height: 17px;
    font-family: SF-Pro-Display-Bold;
}
.post_author2 {
    color: #626262;
    font-size: 14px;
    line-height: 14px;
    font-family: SF-Pro-Display-Bold;
}
.post_date {
    color: #A8B2CE;
    font-size: 8px;
    line-height: 12px;
    font-family: SF-Pro-Display-Regular;
    padding-top: 3px;
}
.post_desc {
    font-size: 13px;
    line-height: 19px;
    color: #626262;
    font-family: SF-Pro-Display-Regular;
}
.post_desc2 {
    font-size: 20px;
    line-height: 27px;
    color: #626262;
    font-family: SF-Pro-Display-Regular;
}
.post_content {
    font-size: 18px;
    line-height: 29px;
    color: #626262;
    font-family: SF-Pro-Display-Light;
}
.image_desc {
    font-size: 10px;
    line-height: 14px;
    color: #626262;
    font-family: SF-Pro-Display-Medium;
    margin: 10px 0;
    border-bottom: 1px solid #b9b9b9;
    padding-bottom: 5px;
}
.fokus_name {
    font-size: 10px;
    line-height: 17px;
    color: #969696;
    font-family: SF-Pro-Display-Bold;
    text-decoration: underline;
}
.cat_name {
    font-size: 10px;
    line-height: 17px;
    color: #969696;
    font-family: SF-Pro-Display-Bold;
    text-decoration: underline;
}
.marginbottom10 { margin-bottom: 10px; }
.marginbottom20 { margin-bottom: 20px; }

.line {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #b9b9b94f;
}

.padding-bottom-10 { padding-bottom:10px; }
.padding-left { padding-left:23px; }
.padding-right { padding-right:23px; }
.line-left {
    margin-left: 11px;
    padding-left: 12px;
    border-left: 1px solid #b9b9b94f;
}
.icontw {
    background: url(img/twitter.svg) no-repeat center;
    background-size: cover;
    width: 15px;
    height: 15px;
    display: -webkit-inline-box;
    margin-left: 10px;
    position: absolute;
}
.overflow {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.overflow::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* Chrome/Safari/Webkit */
}



.video_box_container {
    margin-top: 0px;
}
.boxvideo {
    /* height: 225px; */
    padding-top: 20px;
    display: block;
    text-decoration: none;
}
.video_image {
    height: 135px;
    position: relative;
}
.video_image:before {
    background-color: #23232533;
    border-radius: 4px 4px 0 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0); */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.play_icon {
    background: url(img/play.svg) no-repeat center;
    background-size: auto;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
}
.play_icon2 {
    background: url(img/play-red.svg) no-repeat center;
    background-size: auto;
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    cursor: pointer;
}
.video_authors {
    position: relative;
    margin-top: 5px;
    margin-bottom: 2px;
}
.video_authors > .name {
    font-family: SF-Pro-Display-Medium;
    font-size: 10px;
    color: #626262;
}
.video_authors > .date {
    position: absolute;
    right: 0;
    top: 2px;
    font-size: 8px;
    color: #A8B2CE;
}
.video_title {
    font-family: PlayfairDisplay-Bold;
    color: #393939;
    font-size: 21px;
    line-height: 22px;
    margin-top: 4px;
}



/* SLIDE */
.label_home_slide {
    position: absolute;
    background: #CF0101;
    font-family: SF-Pro-Display-Bold;
    color: white;
    padding: 10px 20px;
    z-index: 10;
}
.label_home_slide > span {
    text-decoration: underline;
}
.slider_view:before {
    background-color: #23232533;
    border-radius: 4px 4px 0 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0); */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0000008a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
a.sliderbox {
    position: absolute;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: white;
}
.information_slide {
    position: absolute;
    bottom: 27px;
    left: 27px;
    width: 576px;
    z-index: 10;
}
.slide_title {
    font-family: PlayfairDisplay-Bold;
    font-size: 66px;
    line-height: 55px;
}
.slide_info {
    font-size: 12px;
    margin-top: 20px;
}
.slide_description {
    font-size: 12px;
    margin-top: 20px;
    width: 100%;
    font-family: SF-Pro-Display-Regular;
    line-height: 15px;
}
.button_navigation_slide {
    position: absolute;
    height: 10px;
    bottom: 0px;
    right: 0px;
    min-width: 10px;
    padding: 10px;
    display: -webkit-box;
    z-index: 10;
}
.button_ball {
    width: 6px;
    height: 6px;
    border-radius: 5px;
    background: white;
    margin: 3px;
    cursor: pointer;
}
/* SLIDE */


.boxlist {
    padding-bottom: 18px;
}
.right-section-5 .boxlist {
    padding-bottom: 23px;
}
.right-section-5 .boxlist:last-child {
    padding-bottom: 0px;
}



.cont-b1 { width: 88px }
.cont-w1 { width: 23px }
.cont-b1-w0 { width: 65px }
.cont-b1-w2 { width: 111px }
.cont-b2 { width: 176px }
.cont-b2-w1 { width: 153px }
.cont-b2-w3 { width: 199px }
.cont-b3 { width: 264px }
.cont-b3-w2 { width: 241px }
.cont-b3-w4 { width: 287px }
.cont-b4 { width: 352px }
.cont-b4-w3 { width: 329px }
.cont-b4-w5 { width: 375px }
.cont-b5 { width: 440px }
.cont-b5-w4 { width: 417px }
.cont-b5-w6 { width: 463px }
.cont-b6 { width: 528px }
.cont-b6-w5 { width: 505px }
.cont-b6-w7 { width: 551px }
.cont-b7 { width: 616px }
.cont-b7-w6 { width: 593px }
.cont-b7-w8 { width: 639px }
.cont-b8 { width: 704px }
.cont-b8-w7 { width: 681px }
.cont-b8-w9 { width: 727px }
.cont-b9 { width: 792px }
.cont-b9-w8 { width: 769px }
.cont-b9-w10 { width: 815px }
.cont-b10 { width: 880px }
.cont-b10-w9 { width: 857px }
.cont-b10-w11 { width: 903px }
.cont-b11 { width: 968px }
.cont-b11-w10 { width: 945px }
.cont-b11-w12 { width: 991px }
.cont-b12 { width: 1056px }
.cont-b12-w11 { width: 1033px }
.cont-b12-w13 { width: 1079px }
.cont-b13 { width: 1144px }
.cont-b13-w12 { width: 1121px }
.cont-b13-w14 { width: 1167px }
.cont-b14 { width: 1232px }
.cont-b14-w13 { width: 1209px }
.cont-b14-w15 { width: 1255px }

.line-center {
    width: 70px;
    height: 2px;
    background: #707070;
    margin-left: 20px;
    margin-top: -2px;
}
.linejudul {
    height: auto;
    width: 1px;
    background: #BEBEBE;
    position: relative;
    margin-left: 10px;
}
.markbounce {
    width: 8px;
    height: 8px;
    position: absolute;
    border: 1px solid #cb0000;
    border-radius: 8px;
    margin-left: -4px;
    background: white;
    margin-top: 26px;
}
.menulsocmedpost {
    text-align: right;
}
.menulsocmedpost > .menul2 {
    width: 40px;
    height: 40px;
    display: -webkit-inline-box;
    transition: transform .2s;
}

.normal {
    position: relative;
}

.capital-a:before {
    content: "";
    background: url(img/capital/a.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-b:before {
    content: "";
    background: url(img/capital/b.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-c:before {
    content: "";
    background: url(img/capital/c.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-d:before {
    content: "";
    background: url(img/capital/d.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-e:before {
    content: "";
    background: url(img/capital/e.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-f:before {
    content: "";
    background: url(img/capital/f.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-g:before {
    content: "";
    background: url(img/capital/g.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-h:before {
    content: "";
    background: url(img/capital/h.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-i:before {
    content: "";
    background: url(img/capital/i.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-j:before {
    content: "";
    background: url(img/capital/j.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-k:before {
    content: "";
    background: url(img/capital/k.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-l:before {
    content: "";
    background: url(img/capital/l.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-m:before {
    content: "";
    background: url(img/capital/m.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-o:before {
    content: "";
    background: url(img/capital/o.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-p:before {
    content: "";
    background: url(img/capital/p.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-q:before {
    content: "";
    background: url(img/capital/q.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-r:before {
    content: "";
    background: url(img/capital/r.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-s:before {
    content: "";
    background: url(img/capital/s.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-t:before {
    content: "";
    background: url(img/capital/t.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-u:before {
    content: "";
    background: url(img/capital/u.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-v:before {
    content: "";
    background: url(img/capital/v.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-w:before {
    content: "";
    background: url(img/capital/w3.svg) no-repeat right top;
    width: 105px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-x:before {
    content: "";
    background: url(img/capital/x.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-y:before {
    content: "";
    background: url(img/capital/y.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}.capital-z:before {
    content: "";
    background: url(img/capital/z.svg) no-repeat right top;
    width: 80px;
    height: 95px;
    position: absolute;
    margin-left: -30px;
    text-align: center;
    margin-top: -15px;
}


.line-top-500 {
    border-top: 1px solid #BEBEBE;
    width: 500px;
    margin-left: 42px;
    margin-top: 20px;
}


.hoverlayout {
    position: absolute;
    z-index: 10;
}
.toplefttitle {
    position: absolute;
    width: 350px;
    height: 147px;
    top: 20px;
    left: 20px;
    z-index: 10;
}
.toplefttitle > a {
    color: white;
}
.gradien:after {
    border-radius: 4px 4px 0 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    bottom: 0;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.gradienBottom:after {
    border-radius: 4px 4px 0 0;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    bottom: 0;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.hoverlayout {
    position: absolute;
    z-index: 10;
    width: 350px;
    bottom: 20px;
    left: 20px;
}
.hoverlayout > .post_author { color: white; }
.hoverlayout > .post_date { color: white; }

.siderightbox_9:first-child {
    height: 387px;
}
.boxlist_box_10 {
    padding-bottom: 10px;
}

.toprighttitle {
    position: absolute;
    width: 759px;
    height: 147px;
    top: 20px;
    right: 30px;
    z-index: 10;
    text-align: right;
}
.toprighttitle > div {
    color: white;
}
.toprighttitle > .post_desc {
    width: 300px;
    display: -webkit-inline-box;
}


.avatar {
    width: 65px;
    height: 65px;
    background: url(img/avatar.svg) no-repeat center;
    background-size: cover;
}
.authorfull_left > .avatar {
    margin-top: 5px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background: url(img/avatar.svg) no-repeat center;
    background-size: cover;
    transition: transform .2s;
    cursor: default;
}
.authorfull_left > .avatar:hover {
    transform: scale(2.9);
    border: 1px solid black;
}
.authorfull_left {
    margin-right: 10px;
}
.authorfull.flex {
    margin-top: 10px;
}
.authorfull_right > .post_author {
    color: #404040;
}
.warta .authorfull_right > .post_author {
    color: #404040;
    margin-top: 7px;
}

.box_17 .boxlist_box_10 {
    padding-bottom: 18px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
    border-bottom: 1px solid #b9b9b94f;
    padding-top: 23px;
}
.padding-bottom-20:first-child {
    padding-top: 0px;
}
.padding-bottom-20:last-child {
    border-bottom: unset;
}

.listtags .post_desc {
    font-size: 13px;
    line-height: 19px;
    color: #626262;
    font-family: SF-Pro-Display-Regular;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    line-height: 1.35rem;
}
.listtags .image-prev {
    border: 1px solid #cbd0e1;
}


/*POST*/
.labelpost {
    font-family: PlayfairDisplay-Bold;
    color: #626262;
    text-decoration: underline;
}
.linelabel {
    margin-left: 30px;
    border-top: 2px solid #707070;
    width: 60px;
    margin-top: 12px;
}
.menul1.menusharepost {
    width: 60px;
    display: inline-flex;
    margin-left: -8px;
}
.menul1.menusharepostleft {
    display: block;
}
.caption {
    color: #626262;
    font-size: 10px;
    line-height: 14px;
    margin-top: 16px;
}
blockquote > p {
    text-align: left !important;
}
p.paragraf {
    color: #626262;
    font-size: 20px;
    line-height: 29px;
    font-family: PlayfairDisplay-Regular;
    margin-top: 0px;
}
blockquote {
    position: relative;
    font-family: PlayfairDisplay-Bold;
    color: #393939;
    font-size: 24px;
    line-height: 33px;
}
blockquote:after {
    content: '';
    position: absolute;
    background: url(img/quotes2.svg) no-repeat center;
    background-size: cover;
    top: 0px;
    left: -95px;
    width: 100px;
    height: 100px;
    background-position-y: -12px;
}
span.fr-inner {
    color: #626262;
    font-size: 12px;
    margin-top: -12px;
    display: block;
}
.label-black {
    color: #404040;
    font-size: 12px;
    line-height: 17px;
    font-family: SF-Pro-Display-Bold;
    text-decoration: underline;
}
.listing {
    border-bottom: 1px solid #b9b9b94f;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
span.fr-img-wrap > img {
    width: 100%;
    margin-top: 15px;
}
.left-line {
    margin-left: 11px;
    padding-left: 12px;
    border-left: 1px solid #b9b9b94f;
    height: 100%;
}
.listing:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset;
}
/*POST*/
.position-bottom.sub-overtake {
    z-index: 10;
    bottom: 30px;
    left: 30px;
    width: 50%;
    color: #d6d1d1;
    font-size: 14px;
}

.position-bottom.overtake {
    z-index: 100;
    bottom: 30px;
    left: 30px;
    width: 50%;
    color: #fff;
}

.position-bottom.overtake > a {
    color: #fff;
}

.position-right {
    width: 90px;
    display: -webkit-inline-box;
}


.menubig {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #393939;
    z-index: 1000000;
}
.boxmenubig {
    width: 1000px;
    margin: auto;
    min-height: 500px;
}
.labelmenubig {
    font-family: SF-Pro-Display-Semibold;
    color: white;
    font-size: 16px;
}
.inputtextmenubig {
    font-family: SF-Pro-Display-Light;
    color: white;
    font-size: 36px;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #707070;
    line-height: 33px;
    outline: 0;
    padding: 5px;
}
.boxsearchmenubig {
    margin: 50px;
}
.boxcategories {
    margin: 50px;
}
.menucats.footer {
    padding-left: 0px;
    margin-top: 0px;
}
.menucats.footer .f4 {
    border: 0;
}
.closemn {
    position: fixed;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
}

span.fr-img-wrap > a > img {
    width: 100%;
}







.sv a.title-0 {
    color: white;
}
.imagevideonews > .play_icon2 {
    background: url(img/play-red.svg?w=1) no-repeat center;
    background-size: auto;
    width: 140px;
    height: 140px;
    z-index: 10;
    position: absolute;
    cursor: pointer;
    left: 523px;
    top: 250px;
}
.play_icon_small {
    background: url(img/play_small.svg?w=1) no-repeat center;
    background-size: auto;
    width: 30px;
    height: 30px;
    z-index: 10;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}
.container-video-other .cat_name {
    margin-top: 10px;
    margin-bottom: 2px;
}



.bottomsection {
    font-family: SF-Pro-Display-Regular;
    color: #626262;
    font-size: 11px;
    margin-top: 107px;
}
.footer-links {
    /* margin-top: 10px; */
}
.footer-links li {
    display: initial;
    padding-left: 5px;
}
.footer .footer-links a {
    color: #7b7b7b;
    font-size: 11px;
}
.f1 > a > img {
    width: 120px;
}


.imageprev a.title-0 {
    color: white;
}
.imageprev .position-top {
    position: absolute;
    width: 300px;
    z-index: 1000;
    margin:20px;
    top: 0;
}
.imageprev a.title-0:after {
    content: '';
    background: unset;
}
.imageprev .position-bottom {
    z-index: 1000;
    margin:30px;
}
.imageprev.relative.gradien .post_author {
    color: white;
}
.galdesc .post_desc {
    font-size: 13px;
    line-height: 19px;
    color: #626262;
    font-family: SF-Pro-Display-Regular;
    display: -webkit-box;
    max-height: 60px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    height: 60px;
}
.cont-b3-w2.galdesc.relative {
    height: 117px;
}
.infocount {
    position: absolute;
    z-index: 10000;
    top: 10px;
    right: 10px;
    color: white;
}

.logo > a {
    margin-left: 18px;
}
.tt2 .post_author2 {
    color: #fff;
}
.tt2 .post_date {
    color: #fff;
}
.paragraf.mc.capital-b {
    margin-left: 165px;
}
.labels > span > a {
    color: #CF0101;
}
.paragraf.mc {
    margin-left: 170px;
}
.relatednews .post_desc {
    font-size: 13px;
    line-height: 19px;
    color: #626262;
    font-family: SF-Pro-Display-Regular;
    display: -webkit-box;
    max-height: 60px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
    height: 60px;
}



.contentpages > p, 
.contentpages > .inner-wrapper-sticky > p, 
.contentpages > .twitter-tweet,
.contentpages > .inner-wrapper-sticky > .twitter-tweet,
.contentpages > .inner-wrapper-sticky > iframe 
{
    width: 600px;
    display: block;
    margin-left: 175px !important;
    font-family: SF-Pro-Display-Regular;
    color: #626262;
    font-size: 16px;
    line-height: 24px;
}
.contentpages > blockquote, 
.contentpages > .inner-wrapper-sticky > blockquote 
{
    display: block;
    width: 650px;
    margin-left: 125px;
    font-family: PlayfairDisplay-Bold;
    font-size: 31px;
    color: #393939;
    line-height: 31px;
}
.contentpages > span.fr-img-caption.fr-fic.fr-dii,
.contentpages > .inner-wrapper-sticky > span.fr-img-caption.fr-fic.fr-dii
{
    display: block;
    width: 600px;
    margin-left: 175px;
}
.contentpages span.fr-inner,
.contentpages > .inner-wrapper-sticky span.fr-inner
{
    color: #626262;
    font-size: 12px;
    margin-top: 0px;
    display: block;
    font-family: SF-Pro-Display-Regular;
}
.contentpages > ul,
.contentpages > .inner-wrapper-sticky > ul,
.contentpages > ol,
.contentpages > .inner-wrapper-sticky > ol
{
    margin-left: 153px;
}
.contentpages > h4,
.contentpages > .inner-wrapper-sticky > h4,
.contentpages > h5,
.contentpages > .inner-wrapper-sticky > h5,
.contentpages > h6,
.contentpages > .inner-wrapper-sticky > h6
{
    margin-left: 176px;
    font-size: 22px;
}
.contentpages > h2,
.contentpages > .inner-wrapper-sticky  > h2,
.contentpages > h3,
.contentpages > .inner-wrapper-sticky > h3
{
    margin-left: 176px;
    font-size: 24px;
}
.contentpages > h1,
.contentpages > .inner-wrapper-sticky > h1
{
    margin-left: 176px;
    font-size: 26px;
}
.contentpages > ul, 
.contentpages > .inner-wrapper-sticky > ul 
{
    margin-left: 153px;
}
.contentpages > ul li,
.contentpages > .inner-wrapper-sticky > ul li
{
    margin-bottom: 5px;
}
.contentpages > ul li a,
.contentpages > .inner-wrapper-sticky > ul li a
{
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
}




.toplefttitle.apuskutip > a.title-0:after {
    display: none;
}
.hoverlayout.gantiwarna > .authorfull.flex > .authorfull_right > .post_date {
    color: #fff;
}
.hoverlayout.gantiwarna > .authorfull.flex > .authorfull_right > .post_author {
    color: #fff;
}
.video_image.apusbg:before {
    background-color: #23232533;
    border-radius: 4px 4px 0 0;
    content: '';
    width: unset;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 0.8;
    bottom: 0;
    /* background: rgba(0, 0, 0, 0); */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%); */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
}
.relative.gradienBottom.apusbg:after {
    width: unset;
}
.cont-b3-w2.video_news > a.title-3 {
    display: block;
    color: #393939;
    font-size: 24px;
    font-family: PlayfairDisplay-Bold;
    line-height: 25px;
    padding-top: 4px;
}
.cont-b3-w2.video_news > .post_author {
    color: #626262;
    font-size: 12px;
    line-height: 17px;
    font-family: SF-Pro-Display-Regular;
}
.relative.gradienBottom.apusbg > 
a.image-relative-box > .image-prev {
    background-size: contain !important;
}
.desctags > p {
    font-family: SF-Pro-Display-Regular;
    font-size: 15px;
    line-height: 20px;
    color: #626262;
    padding-top: 15px;
}


div.title-0 {
    font-family: PlayfairDisplay-Bold;
    font-size: 38px;
    color: #393939;
    line-height: 38px;
    text-decoration: none;
    color: white;
}
.boximagevideonews > a {
    display: block;
    position: relative;
}
.boximagevideonews > a > .play_icon2 {
    position: absolute;
    z-index: 100;
    width: 138px;
    height: 138px;
    top: calc((100% / 2) - 69px);
    left: calc((100% / 2) - 69px);
}
.play_icon2_anim {
    background: url(img/play_anim.svg?w=3) no-repeat center;
    width: 100%;
    height: 100%;
    background-size: auto;
    margin-top: -1px;
    display: none;
}
.play_icon2:hover > .play_icon2_anim {
    display: block;
}



section.menu.fixed {
    width: 100%;
    position: fixed;
    top: 0px;
    background: white;
    z-index: 1000;
}

.labels > a {
    color: #CF0101;
}
.floatleft {
    float: left;
    height: 310px;
}
.space1 {
    width: 48px;
}


.buttonmore {
    text-align: center;
    clear: both;
}
.buttonmore > span {
    border: 1px solid #bfbfbf;
    display: inline-block;
    font-size: 13px;
    padding: 10px;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    color: #555;
    margin-top: 10px;
    margin-bottom: 5px;
}
.buttonmore > span:hover {
    box-shadow: 1px 3px 4px #828282;
    color: black;
    border: 1px solid black;
}


span#morebutton.btnanimmore {
    position: relative;
    border: 0;
}
span#morebutton.btnanimmore:after {
    content: '';
    background: url(img/loading-small.svg) no-repeat center;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 2px;
    right: 0px;
    width: 120px;
}

a:visited {
    text-decoration: none;
}
a:hover, a:focus, a:active {
    text-decoration: none;
}
a:active, a:hover {
    outline: 0;
}
p a {
    color: inherit;
    border-bottom: 2px solid #cf0001;
    background-image: linear-gradient(120deg, #fff0ee 0%, #fff0ee 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.0em;
    background-position: 0 100%;
    transition: background-size 0.125s ease-in;
}
p a:hover {
    border-color: #fff0ee;
    color: black;
    background-size: 100% 100%;
}

.boxsample {
    display: block;
}

h1.info {
    border-bottom: 2px solid;
    width: max-content;
    font-family: SF-Pro-Display-Regular;
    font-size: 28px;
    margin-bottom: 10px;
}
.contentIklan {
    font-family: SF-Pro-Display-Regular;
    font-size: 16px;
    line-height: 10px;
    padding: 20px;
    padding-top: 1px;
    color: #626262;
}


section.morecategory {
    margin-bottom: 25px;
}
section.morecategory > .labels {
    margin-left: 10px;
}

.cont-b7-w6.video_view > .y > a.title-2 {
    display: block;
    color: #393939;
    font-size: 46px;
    font-family: PlayfairDisplay-Bold;
    line-height: 42px;
}
.cont-b11-w10.video_desc > .post_desc {
    width: 830px;
    display: block;
    /*margin-left: 175px;*/
    font-family: SF-Pro-Display-Regular;
    color: #626262;
    font-size: 16px;
    line-height: 24px; 
}
.video_box_container.t1 > .boxvideo > a.title-3 {
    display: block;
    color: #393939;
    font-size: 24px;
    font-family: PlayfairDisplay-Bold;
    line-height: 25px;
    padding-top: 4px;
}
.video_box_container.t1 > .boxvideo > .post_author {
    color: #626262 !important;
    font-size: 12px !important;
    line-height: 17px !important;
    font-family: SF-Pro-Display-Regular !important;
    margin-top: 8px;
}

.authoravatar {
    margin-top: 30px;
    margin-bottom: 40px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    transition: transform .2s;
    cursor: default;
    transform: scale(2.9);
    border: 1px solid black;
}
.authornewsright {
    margin-left: 32px;
    margin-top: 25px;
}
.authornewsright > .author {
    color: #626262;
    font-size: 22px;
    line-height: 14px;
    font-family: SF-Pro-Display-Bold;
}
.authornewsright > .authortype {
    font-size: 16px;
    margin-top: 6px;
    font-family: SF-Pro-Display-Medium;
    color: #424242a3;
}
.boxsubs {
    position: absolute;
    right: 10px;
    z-index: 10;
}

/*ticker*/
@keyframes ticker {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}
.tcontainer{
    width: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.ticker-wrap {
    width: auto;
    padding-left: 100%;
    background-color: #afafaf1a;
}
.ticker-move {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-name: ticker;
    animation-duration: 100s;
}
.ticker-move:hover{
    animation-play-state: paused;
}
.ticker-item{
    display: inline-block;
    padding: 0 2rem;
}
/*ticker*/

.slogan {
    font-size: 12px;
    line-height: 17px;
    font-family: SF-Pro-Display-Bold;
    text-decoration: none;
    width: max-content;
    color: #8189a0bd;
    margin-left: 5px;
    margin-top: 31px;
}

.paggings {
    padding: 10px;
    border-radius: 5px;
    position: relative;
    text-align: center;
    margin-top: 20px;
}
.paggings > .pg {
    display: inline-block;
    padding: 8px;
    border: 1px solid #797373;
    width: 30px;
    text-align: center;
    margin-right: 5px;
    border-radius: 3px;
    color: blue
    background: #ccc;
}
span.infofage {
    display: inline-block;
    color: black;
    margin-right: 10px;
}
.paggings > span.pg.currentpage {
    color: black;
    background: #fff;
}
.paggings > span.pg.currentpage {
    color: white;
    background: #cc0101;
}