/* 
    Created on : 2020
    Author     : mariz rep 20/07/2020
    Retizen(NEW VERSION)
    update 24/05/2021  11:30 
*/
@font-face {
    font-family: 'MyriadProBold';
    src: url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-bold/myriadpro-boldcond-webfont.eot');
    src: url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-bold/myriadpro-boldcond-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-bold/myriadpro-boldcond-webfont.woff') format('woff'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-bold/myriadpro-boldcond-webfont.ttf') format('truetype'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-bold/myriadpro-boldcond-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadProreg';
    src: url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-reg/myriadwebpro-webfont.eot');
    src: url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-reg/myriadwebpro-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-reg/myriadwebpro-webfont.woff') format('woff'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-reg/myriadwebpro-webfont.ttf') format('truetype'),
        url('https://static.republika.co.id/files/themes/retizen/css/fonts/myriadpro-reg/myriadwebpro-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;
}





html{}
body{overflow-x: hidden; width: 100%; height: 100%;}
.wrapper{
    padding: 0;margin: 0;
    width: 100%;
    position: relative;
}
.bd-wrapper{margin-top: 80px;}

.header{width: 100%;margin: 0;display: inline-block; top:0;border-bottom: 1px #eee solid;height: auto; position: fixed;z-index: 999;background: #fff;}
.header-left{
    padding: 0;margin: 0;
    float: left;
}
.header-left a{
    font-size: 14px;
    color: #fff;
}
.header-right{
    padding: 10px;margin: 0;
    float: right;
    margin-top: 8px;
}
.header-right a{
    font-size: 17px;
    color: #fff;
    font-family: MyriadProBold;
}
.header-menu-nav{
    padding: 10px;
    margin-top: 8px;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background: #fff;
    border-right: 1px #eee solid;
    overflow-x: hidden;
    transition: 0.1s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    display: block;
    transition: 0.5s;
}

.sidenav a:hover {
    color: #000;
}

.sidenav .closebtn {
    position: absolute;
    top: -10px;
    right: 25px;
    font-size: 40px;
    margin-left: 50px;
    color: #000;
}
.sidenav a img{
    width: 40%;
    display: none;
}
.menu-network{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    border-top: 1px #eee solid;
}
.menu-network p{
    padding-left: 32px;
    margin-top: 20px;
    font-size: 21px;
    font-weight: bold;
}
.menu-network ul{
    padding: 0;
}
.menu-network li{
    list-style: none;
}
.menu-network li a{
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    color: #000 !important;
}

#main {
    transition: margin-left 0.5s;
    padding: 16px;
}
.nav-menu{
    padding: 0;
    float: left;

}
.nav-menu li{
    list-style: none;
}
.nav-menu li a{
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.nav-menu li a:hover{
    color: #FFBC01;
}
.follow-sosmed{
    float: right;
    width: 35px;
    height: 35px;
    text-align: right;
    line-height: 40px;
}
.follow-sosmed img{
    width: 100%;
}
.sign-in{
    float: right;
    padding-left: 10px;
    line-height: 35px;
}
.sign-in a{
    color: #000;
}
.submitBtn,
.sign-in span.btn-warning{
    background-color: #00A1E4!important;
    border-color: #00A1E4!important;
    color:#fff;
    font-family: MyriadProreg;
}


.menu-bar{

}

/*logo*/
.logo{
    padding-top: 20px;
    padding-bottom: 20px;

}

.logo-retizen{
    margin: auto;
    text-align: center;
    float: left;
    margin-top: 7px;
}
.logo-retizen img{
    margin: auto;
    text-align: center;
    width: 36%;
}
.menu-bar{
    margin-top: 120px;
}
.menu-scroll{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    background: #EFF2F8;
    padding: 4px;
    height: 42px;
    display: flow-root;

}
.menu-scroll ul{
    float: left;
    line-height: 16px;
    padding-top: 10px;

}
.menu-scroll li{
    line-height: 10px;
    float: left;
    display: inline-block;
    list-style: none;
}
.menu-scroll li a{
    padding-left: 8px;
    padding-right: 8px;
    color: #000;
    font-family: MyriadProreg;
    text-decoration: none;
}
.search{
    padding: 4px;
    float: right;
    padding-right: 10px;
}
.search i{
    font-size: 21px;
    cursor: pointer;
    color: #aaa;
}
.search button{
    border:none;
    outline: 0;
}

/*headline*/
.headline{
    margin-top: 18px;
}
.headline-active{
    padding: 3px;
    float: left;
    position: relative;
}
.gradient-headline{
    background: transparent linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.9) 70%) repeat scroll 0 0;
    position: absolute;
    bottom: 0;
    padding: 10px;
    z-index: 9;
    left: 2.5px;
    right: 2.5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.gradient-headline-list{
    background: transparent linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.9) 70%) repeat scroll 0 0;
    position: absolute;
    bottom: 2px;
    padding: 10px;
    z-index: 9;
    left: 2.5px;
    right: 2.5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.gradient-headline h1{
    font-size: 22px;
    margin-bottom: 20px;
    font-family: MyriadProreg;
}
.gradient-headline-list h1{
    font-size: 15px;
    font-family: MyriadProreg;  
}
.gradient-headline a,
.gradient-headline-list a{
    text-decoration: none;
    color: #fff;  
}
.gradient-headline a:hover,
.gradient-headline-list a:hover{
    color: #FFBC01;
}
.gradient-headline-list small{
    font-size: 12px;
    color: #fff; 
}
.profile-writer{
    float: left;
    margin-right: 10px;
}
.profile-writer img{
    width: 45px!important;
    height:45px!important;
    object-fit: cover;
    border-radius: 40px!important;
    border-radius: 40px!important;
    -moz-border-radius: 40px!important;
    -webkit-border-radius: 40px!important;
    -o-border-radius: 40px!important;
}
.profile-name{

}
.profile-name img{
    width: 20px!important;
    height: auto!important;
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -o-border-radius: 0!important;
    float: left;
    margin-right: 10px;
}
.profile-name h2{
    color: #fff;
    font-size: 14px;

}
.profile-name small{
    color: #fff;
    font-size: 12px;
}
.index-action{
    position: absolute;
    bottom: -30px;
    right: 20px;
    z-index: 9;
}
.index-action span{
    color: #aaa;
    margin-right: 10px;
    font-size: 13px;
}


/*headline*/
.headline-active img{
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    position: relative;
}
.headline-list{
    padding: 3px;
    float: left;
}
.headline-list img{
    width: 100%;
    height: 172px;
    object-fit: cover;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.index{
    margin-top: 30px;
}
.index-wrap{
    padding: 2px;
    float: left;
    border-bottom: 1px #eee solid;
}
.index-wrap .title-index h2{
    font-size: 21px;
    padding-left: 5px;
    border-left: 5px #00A1E4 solid;
    margin-bottom: 20px;
    font-family: MyriadProBold;
}
.index-wrap img{
    width: 100%;
}
.index-active{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    display: flow-root;
    background: #E7E7E4;
    height: 250px;
    margin-bottom: 20px;
    border-bottom: 1px #eee solid;
}

/*indexlatest*/
.index-latest-active{
    padding: 0;
    float: left;
}
.index-latest-active img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*indexlist*/
.index-list-active{
    float: left;
    padding: 15px;
}
.index-list-active h3{
    font-size: 15px;
    font-family: MyriadProBold;
}
.index-list-active small{
    color: #aaa;
}

.index-list-active h2{
    font-size: 21px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-family: MyriadProBold;
}

.profile-name-list,
.profile-writer-list{
    color: #000;   
}
index-detail .profile-name-list{
    padding: 0;
    display: inline-block;
    margin-top: 0px;
}
.index-list .profile-name-list{
    padding: 0;
    display: inline-block;
    margin-top: 24px;
}
.index-list-active .profile-name-list{
    padding: 0;
    display: inline-block;
    margin-top: 8px;
}

.news-profile-small .profile-writer-list img,
.index-noactive .profile-writer-list img{
    width: 40px!important;
    height:40px!important; 
}

.select-writer .profile-writer-list img{
    width: 40px!important;
    height:40px!important; 
    display: none!important;
}

.profile-name-list span{
    color: #000;
    display: inline-block;
    font-family: MyriadProreg;
    font-size: 14px;
}
.profile-name-list small{
    color: #000;
}
.profile-name-list a{
    color: #000;
    font-family: MyriadProreg;
    font-size: 15px;
}
/*082134021934*/
/*indexnoactive*/
.index-noactive{
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px #eee solid;
    height: 210px;
}
.index-latest{
    padding: 0;
    float: left;
}
.index-latest img{
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.index-list{
    float: left;
}
.index-list h3{
    font-size: 15px;
    font-family: MyriadProBold;
}
.index-list h2{
    font-size: 21px;
    margin-bottom: 20px;
    font-family: MyriadProBold;
}
.index-list-active a,
.index-list a{
    color: #000;
    text-decoration: none;
}
.index-list-active a:hover,
.index-list a:hover{
    color: #FFBC01;
}
.index-list small{
    color: #aaa;
}
.events-writing{
    padding: 0;
    margin-bottom: 30px;
    display: inline-block;
}
.events-title{
    text-align: center;
    padding: 8px;
    background: #E7E7E4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 15px;
}
.events-title h2{
    font-size: 21px;
    padding-left: 10px;

}
.events-list{
    padding: 3px;
    float: left;
}

.events-list img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.events-list h2{
    font-size: 19px;
}
.events-list a{
    color: #000;
    text-decoration: none;
}
.events-list a:hover{
    color: #FFBC01;

}
/*video*/
.video{

}
.video-cover{
    cursor: pointer;
}
.video-list{

}
.video-list-active .overplay{
    display: none;
    position: absolute;
    background: url("img/play.png")no-repeat no-repeat;
    width: 100%;
    height: 100%;
    top: 80%;
    left: 90%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-opacity: .65;
    -moz-opacity: .65;
    filter: alpha(opacity=65);
}




/*sidebar*/
.side-bar{
    padding: 0;
    float: right;
    padding-left: 2%;
}
.topic-selected-active{
    float: right;
    position: relative;
    margin-bottom: 20px;
}
.topic-selected-active img{
    width: 100%;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    height: 200px;
    object-fit: cover;
}

.gradient-topic{
    background: transparent linear-gradient(to bottom, transparent 0px, rgba(0, 0, 0, 0.9) 70%) repeat scroll 0 0;
    position: absolute;
    width: 100%;
    bottom: 60px;
    padding: 10px;
    z-index: 9;
    left: 0px;
    right: 0px;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.gradient-topic h3{
    font-size: 18px;
    font-family: MyriadProBold;
}
.gradient-topic a{
    color: #fff;
    text-decoration: none;
}
.gradient-topic a:hover{
    color: #FFBC01; 
}
.gradient-topic small{
    color: #fff;
    font-size: 11px;
}
.profile-side{
    margin-top: 20px;
}
.profile-side-name{
    padding: 0;
    margin: 0;
}
.profile-side-name img{
    margin-left: 0!important;
}

.title-selected h2{
    font-size: 21px;
    padding-left: 5px;
    border-left: 5px #00A1E4 solid;
    margin-bottom: 20px;
    font-family: MyriadProBold;
}
.topic-selected{
    float: right;
    margin-bottom: 10px;
}
.topic-selected-cover{
    float: left;
    width: 35%;
}
.topic-selected-cover img{
    width: 100%;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    height: 90px;
    object-fit: cover;
}

.topic-selected-list{
    width: 65%;
    float: right;
    padding-left: 6px;
}
.topic-selected-list h3{
    font-size: 17px;
    font-family: MyriadProBold;
}
.topic-selected-list h2{
    font-size: 13px;
    color: #aaa;
}
.topic-selected-list a{
    color: #000;
    text-decoration: none;
}
.topic-selected-list a:hover{
    color: #FFBC01;

}

/*pihanredaksi*/
.select-writer{

    margin-top: 20px;
}
.title-writer h2{
    font-size: 21px;
    padding-left: 5px;
    border-left: 5px #00A1E4 solid;
    margin-bottom: 21px;
    font-family: MyriadProBold;
}
.writer-wrap{
    background: #EFF2F8;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    padding-bottom: 20px;
    padding-top: 20px;
}
.writer-list{
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: 15px;
    border-bottom: 1px #eee solid;
}
.profile-writer-bar{
    display: inline-block;
    margin-bottom: 10px;
}
.writer-caption{
}
.writer-caption h3{
    font-size: 17px;
    font-family: MyriadProBold;
}
.writer-caption a{
    text-decoration: none;
    color: #000;
}
.writer-caption a:hover{
    color: #FFBC01;
}

/*populer*/
.popular{
    margin-top: 20px;
    z-index: 99;
    width: 317.81px;
}

.popular.popular-sticky {
    position: fixed;
    position: -webkit-sticky;
    top: 50px;
    z-index: 10;
}
.title-popular{

}
.title-popular h2{
    font-size: 21px;
    padding-left: 5px;
    border-left: 5px #00A1E4 solid;
    margin-bottom: 20px;
    font-family: MyriadProBold;
}
.popular-wrap{
    padding: 20px;
    display: inline-block;
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.popular-content{
    margin-bottom: 30px;
}
.popular-number{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
     -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    background: #fff;
    float: left;
    margin-right: 10px;
}
.popular-number p{
    text-align: center;
    font-size: 18px;
    font-family: MyriadProBold;
}
.popular-list{
    display: flex;
}
.popular-list h3{
    font-size: 15px;
    font-family: MyriadProreg;

}
.popular-list a{
    text-decoration: none;
    color: #fff;
}
.popular-list a:hover{
    color: #FFBC01;
}


/*news-detail*/
.index-detail{
    padding: 2px;
    float: left;
    margin-bottom: 40px;
}
.news-detail{

}
.news-profile{
    background: #EFF2F8;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px;
    display: flow-root;
    position: relative;
}
.news-profile-small{
    margin-top: 20px;
}
.news-profile-caption{
    display: flex;
}
.news-profile-caption h2{
    font-size: 18px;
    font-family: MyriadProBold;
}
.news-read{
    margin-bottom: 30px;
}

.news-title{
    margin-top: 20px;
    margin-bottom: 20px;
}
.news-title h1{
    font-size: 30px;
    font-family: MyriadProBold;
}
.news-title span{
    margin-right: 10px;
    color: #aaa;
}
.news-title small{
    margin-right: 10px;
}
.news-cover{

}
.news-cover strong{
    font-weight: bold!important;
}
.news-cover figure{
    font-size: 13px;
    color: #aaa;
}
.news-cover img{
    width: 100%;
}
.news-cover small{
    color: #aaa;

}
.news-cover p{
    margin-top: 10px;
    font-family: MyriadProreg;
    font-size: 16px;
}
.news-cover .news-profile span{
    margin-top: 15px;
    margin-bottom: 20px;
    font-family: MyriadProreg;
}
.tag{
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 30px;
}
.tag ul{
    padding: 0;
}
.tag li{
    float: left;
    list-style: none;
    background: #47C7FA;
    margin-right: 10px;
    padding: 6px;
    border-radius: 5px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 8px;
}
.tag li span{
    color: #fff;
}
.tag li a{
    color: #fff;
    list-style: none;
    text-decoration: none;
    font-family: MyriadProreg;
}
.comment{
    padding: 0;
    margin-top: 10px;

}
.comment h4{
    font-size: 16px;
}
.profile-caption-follow{
    position: relative;
}
.profile-caption-follow a{
    color:#fff;
}
.profile-caption-follow{
    background: #FEBC01;
    padding: 5px;
    border-radius: 5px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 0;
    margin-top: 6px;
    color: #fff;
    font-family: MyriadProBold;
    text-align: center;
    padding-top: 1px;
    padding-bottom: 5px;
}
.profile-caption-follow span.fa fa-plus{
    display: none!important;
}
span.follow-text{font-family: MyriadProBold}
.respons-writer{
    display: inline-block;
}
.respons-writer ul{
    padding: 0;
}
.respons-writer li{
    float: left;
    list-style: none;
    text-decoration: none;
    padding: 6px;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 15px;
}
.respons-writer li a{
    color: #fff;

}
li.interesting{
    background: #437AB7;
    font-family: MyriadProBold;
}
li.attractive{
    background: #50AB84;
    font-family: MyriadProBold;
}
li.helpful{
    background: #D83359;
    font-family: MyriadProBold;
}
li.entertained{
    background: #F19F55;
    font-family: MyriadProBold;
}
li.unix{
    background: #FEBC01;
    font-family: MyriadProBold;
}
.other-article{
    margin-top: 30px;
}
.other-article h2{
    font-size: 21px;
    font-family: MyriadProBold;

}
.other-article-list{
    padding: 4px;
    float: left;
    height: 292px;
}
.other-article-list img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.other-article-list h3{
    font-size: 19px;
    margin-top: 10px;
    font-family: MyriadProBold;
    color:#000;
}

/*dashboard*/

/*headerdashboard*/
.sign-in ul{
    padding: 0;
}
.sign-in ul li{
    list-style: none;
}
.sign-in ul li img{
    width: 30px;
    height: 30px;
    border-radius: 50%;
     -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    object-fit: cover;
}
.sign-in ul li a{
    list-style: none;
    text-decoration: none;
}
.navbar-nav li img {
    border-radius: 50%;
     -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: -4px!important;
    margin-left: 2px;
}
.navbar-nav .dropdown-menu a{font-family: Roboto-Light; font-size: 14px;letter-spacing: 1px;}
.dropdown-menu i{
    color: #212121;
    width: 20px;
    padding: 5px;
}
.sign-in .btn-warning{
    padding: 4px;
}
.header-content .navbar-nav>li>.dropdown-menu{
    padding: 10px;
}
.header-content .dropdown.open .dropdown-toggle:after{
    left: 33%;
    display: none;
}
.dropdown-toggle::after{
    display: none;
}


.dashboard-tab{
    margin-top: 30px;
    margin-bottom: 30px;
}
.list-tab{

}
.list-tab .list-group{
    color: #000;
    font-family: MyriadProBold;
    font-size: 18px;
}
.list-group-item.active{
    color: #000;
    background-color: #EFF2F8;
    border-color: #EFF2F8;
}
.list-group a{
    color: #000;
    text-decoration: none;
}
.list-group a:hover{
    color: #FFBC01;
}
.list-group-item i{
    width: 20px;
}
.dashboard-content{

}
.content-profile{
    float: left;
}
.content-profile img{
    width: 150px;
    height: 150px;
    border-radius: 50%;
     -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    object-fit: cover;
}
.content-list{
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px #eee solid;
}
.content-profile-desc{

}
.content-profile-desc h2{
    font-size: 24px;
}
.content-point-list h3{
    font-size: 14px;
    font-family: MyriadProreg;
}

.content-point-list h2{
    font-size: 18px;
    font-family: MyriadProBold;
}

.content-profile-desc p{
    color: #aaa;
}
.content-profile-desc h3{
    font-size: 18px;
}
.content-statictic-list{
    padding: 10px;
}
.content-statictic{
    margin-top: 30px;
    float: left;
    margin-right: 30px;
}
.content-read{
    width: 150px;
    height: 150px;

    padding-top: 50px;
    background: #FFBC01;
    text-align: center;
}
.content-read i{
    font-size: 48px;
    color: #fff;
}    
.content-read p{
    font-size: 18px;
    color: #fff;
}
.content-point{
    margin-top: 20px;
    border-bottom: 1px #aaa solid;
    height:170px;
}

.content-point-img{
    float: left;

}
.content-point-img img{
    width: 100%;
}
.content-point-list{
    float: left;
}
.content-point-list time{
    font-size: 14px;
    color: #aaa;
}
/*linimasa*/
.news-content{
    float: left;
    margin-bottom: 20px;
}
.news-content img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-bottom: 10px;
    border-radius: 10px;
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
}
.news-content h2{
    font-size: 24px;
}
.content-draft{

}

.news-content-draft{
    float: left;
}
.news-draft{
    float: left;
    padding: 0;
    margin-bottom: 10px;
}
.news-draft h2{
    font-size: 24px;
}
.news-draft a{
    list-style: none;
    text-decoration: none;
    color: #000;
}
.news-draft a:hover{
    color: #FFBC01;
}
/*footer*/
.foot{
    padding-top: 40px;
    background: #EFF2F8;
    display: flex;
    z-index:9999999;
}
.foot-about{
    padding: 0;
    float: left;
    font-size: 15px;
    font-family: MyriadProreg;
}
.foot-about h4{
    margin-bottom: 20px;
    font-size: 19px;
    font-family: MyriadProBold;
}
.foot-category{
    padding-left: 10px;
    float: left;

}
.foot-category h4{
    margin-bottom: 20px;
    font-size: 19px;
    font-family: MyriadProBold;
}
.foot-category ul{
    padding: 0;
}
.foot-category li{
    list-style: none;
}
.foot-category li a{
    text-decoration: none;
    color: #000;
    font-size: 15px;
    font-family: MyriadProreg;
}
.foot-list{
    float: left;
}


.foot-about p{
    padding-right: 4px;
}


.foot-about i.fa-fa-envelope:before,
.foot-about i.fa-phone:before,
.foot-about i.fa-address-book:before{
    margin-right: 4px;
}
.foot-sosmed{
    padding: 0;
    float: left;
}
.foot-sosmed h4{
    margin-bottom: 20px;
    font-size: 19px;
    font-family: MyriadProBold;
}
.foot-follow{
    float: left;
    width: 35px;
    height: 35px;
    text-align: right;
}
.foot-follow img{
    width: 100%;
}
/*footer foot*/
.footer-foot{
    padding: 0px;
    border-top: 2px #eee solid;

}
.footer-foot p{
    text-align: left;
    font-size: 13px;
}
.footer-copyright{
    float: left;

}
.footer-disclaimer{
    float: right;
}
.footer-disclaimer ul{

}
.footer-disclaimer li{
    float: left;
    list-style: none;
    padding-right: 10px;
}
.footer-disclaimer li a{
    color: #000;
    text-decoration: none;
    font-size: 13px;
}

/*dinamis category*/
span.lifestyle{
    background: #EC5598;
    padding: 4px;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
}
/*login*/
#login{
    font-family: MyriadProreg;
}
#login .modal-body{
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}
#login .input-group{
    padding: 0;
    margin-bottom: 10px;
}
#login .form-control{
    margin-left: 8px;
}

.btn-fb{
    background: #1877F2; 
    color: #fff;
    font-family: MyriadProBold;
}
.btn-google{
    background: #EA4335; 
    color: #fff;
    font-family: MyriadProBold;
}
#page-content{
    margin-bottom: 20px;
}
#login .close{
    text-align: right;
    padding: 20px;
    font-size: 24px;
}
.modal-header h1{
    display: none;
}

/*user profile*/
.user{
    margin-top: 20px;
    padding: 1.1%;
}

.user-profile{
    padding: 0;
    margin: 0;
}
.user-profile .tbio{
    font-family: MyriadProreg;
    margin-top: 4px;
    margin-bottom: 4px;
}

.user-profile h3{
    color: #000;
    font-family: MyriadProBold;
    text-transform: uppercase;
}
.user-profile h3 a{
    color: #000;
}
.user-list{
    padding-left: 2%;
}
.user-action{
    padding: 0;
    margin-bottom: 20px;
}
.userImage i{
    display: contents;
}
.userImage p{
    font-family: MyriadProreg;
}

.category-timeline{
    display: contents;
}
.pagination ul li{
    padding: 4px;
    background: #E0A800;
}
.content i{

}
.text-shadow{
    text-shadow:none!important;
}

/*input*/
.bootstrap-tagsinput span.tag{
    padding: 2px;
}
.form-group label{
    font-family: MyriadProreg;
    color: #000;
}
.content .form-group{
    font-family: MyriadProreg;
    color: #000;
}
.ce-paragraph{
    padding: 10px;
}
.submitBtn{
    margin-bottom: 10px!important;
}


.disclaimer{
    font-family: MyriadProreg;
    margin-bottom: 5px;
}
.disclaimer h4{
    font-family: MyriadProreg;

}
.about-list li{
    display: inline-block;
    width: 100%;
}
.about-list li:hover{
    background: #FEBC07;
    background-color: #FEBC07;
}
.about-list .nav-sidebar a{
    font-family: MyriadProBold!important;
    font-size: 21px;
}
.tab-content p{

}
.info div {
    margin-top: 20px;
    margin-bottom: 20px;
    font-family: MyriadProreg;
    font-size: 14px;
}
.info div img{
    text-align: center;
}
.page-item.active .page-link{
    width: 30px;
    height: 30px;
    border: 1px #fff solid;
    text-align: center;
    line-height: 30px;
    font-family: MyriadProreg;
    font-size: 15px;
    background: #FEBA00;
    color: #FEBA00;
    padding: 0;
    display: contents;
}
ul.pagination li{
    width: 30px;
    height: 30px;
    border: 1px #fff solid;
    text-align: center;
    line-height: 30px;
    font-family: MyriadProreg;
    font-size: 15px;
    background: #00A1E4!important;
}
ul.pagination li a{
    color: #fff;
}
.about{
    padding: 10px;
}
.about h2{
    font-family: MyriadProBold!important;
    font-size: 17px;
    color: #000!important;
}
.about p{
    font-family: MyriadProreg!important;
    font-size: 16px!important;
}
.about ul li{
    font-family: MyriadProreg;
    font-size: 15px;

}
.about-list .nav-sidebar .active a{
    display: block;
    background-color: #FFC108;
}
.about-list .nav-sidebar a{
    padding: 6px;
}

.container .text-style{padding:20px;}
.tags-social .blog-social{margin-top: -14px!important;float: none!important;margin-bottom: 30px!important;text-shadow:none!important}
.tags-social .blog-social a.facebook{background-color: transparent!important;color:#166FE5!important ;text-shadow:none!important}
.tags-social .blog-social a.twitter{background-color: transparent!important;color: #1A91DA!important;text-shadow:none!important}
.tags-social .blog-social a.whatsapp{background-color: transparent!important;color: #1BD741!important;text-shadow:none!important}
.tags-social .blog-social a.line{background-color: transparent!important;color: #00B300!important;text-shadow:none!important}
.tags-social .blog-social a.copyurl{background-color: transparent!important;color: #00B300!important;text-shadow:none!important}
.tags-social .blog-social a.link{background-color: transparent!important;color: #FFBC01!important;text-shadow:none!important}
.tags-social .blog-social a{ text-shadow:none!important}
.tags-social .blog-social a i{font-size: 30px!important;}
#info-add-ytb img,
#info-add-photo img{width: 100%;height:auto;}
#info-add-ytb span,
#info-add-photo span{float: right;padding: 10px;}
#info-add-ytb .modal-content,
#info-add-photo .modal-content{margin-top: 55px;}
.info-add{padding-bottom: 30px;}
#login h4{
    font-family: MyriadProBold!important;
}
#login input{
    font-family: MyriadProreg!important;
}
.profile-news-list{
    margin-top: 20px;
    padding: 3px;
    float: left;
    text-align: left;
}
.profile-news-list h2{
    margin-top: 6px;
    font-family: MyriadProBold;
    font-size: 19px;
    color: #000;
}
.profile-news-list time{
    font-family: MyriadProreg;
    font-size: 14px;
    color: #000;
}
.profile-news-list h3{
    font-family: MyriadProreg;
    font-size: 15px;
    color: #000;
}
.openBtn {
    background: #f1f1f1;
    border: none;
    padding: 10px 15px;
    font-size: 20px;
    cursor: pointer;
}

.openBtn:hover {
    background: #bbb;
}

.overlay-search {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}
.overlay-content-menu {
    position: relative;
    width: 80%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 50px;
}

.overlay-search .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    cursor: pointer;
    color: white;
}

.overlay-search .closebtn:hover {
    color: #ccc;
}
.overlay-content-menu input[type=text]{
    padding: 8px;
    font-size: 14px;
    float: left;
    border:none;
    width: 80%;
    background: #eee;
    font-family: MyriadProreg;
    outline: 0;  
}
.overlay-search input[type=text] {
    padding: 15px;
    font-size: 16px;
    border: 1px #fff solid;
    float: left;
    width: 80%;
    background: white;
    font-family: MyriadProreg;
    outline: 0;
}
.overlay-content-menu input[type=text]:hover,
.overlay-search input[type=text]:hover {
    background: #f1f1f1;
}
.overlay-content-menu button{
    float: left;
    width: 20%;
    padding: 7px;
    background: #FFBC01;
    font-size: 14px;
    border: none;
    cursor: pointer;
    border: 1px #FFBC01 solid;
}
.overlay-search button {
    float: left;
    width: 20%;
    padding: 15px;
    background: #02A1E4;
    font-size: 16px;
    border: none;
    cursor: pointer;
    border: 1px #FFBC01 solid;
}

.overlay-search button:hover {
    background: #FDCE4B;
}

.overlay-content-menu i,
.overlay-content i{
    color: #fff;
    font-size: 18px;
}
.group-network{
    background: #343434;
    display: block;
    height: 27px;
}
.group-network-company{
    float: left;
    padding-right: 10px;
}
.group-network-company a{
    list-style:none;
    text-decoration: none;
}
.group-network-company img{
    width: 18px;
    height: 18px;
}
.group-network-company span{
    color: #fff;
    font-family: MyriadProreg;
    font-size: 12px;
}
.article-related{margin-top: 20px;display: inline-block;}
.related-list{
    float: left;
    height: 110px;
    padding: 2px;
    /*background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);*/ 
}
.related-img{
    float: left;
    padding: 0;
    padding-right: 10px;
}
.related-img-list{
    float: right;
    padding: 0;
}
.related-list a{
    list-style: none;
    text-decoration: none;
    color: #000;
}
.related-list a:hover{
    color: #FEBC01;
}
.related-list img{
    width: 100%;
    height: 80px;
    object-fit: cover;
}
.article-related h3{
    font-size: 21px;
    font-family: MyriadProBold;
    
}
.article-related h4{
    font-size: 16px;
    font-family: MyriadProBold;
    
}
.related-list h2{
    font-family: MyriadProBold;
    font-size: 17px;
    /*color: #fff;*/
}
.news-cover div iframe{
    width: 100%;
    height: 500px;
    object-fit: cover;
}