/* GURUSIANA */


.single{background: #FFF; border-radius: 3px; overflow: hidden; padding-bottom: 30px; margin-bottom: 30px; box-shadow: 0 1px 4px rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.09);}
.single .content{--x-height-multiplier: 0.35; --baseline-multiplier: 0.179; font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 18px; line-height: 1.8; letter-spacing: -.003em;}
.single .content p{margin-bottom: 20px;}
.single .content h2{font-size: 25px; font-weight: bold; line-height: 30px; margin-top: 50px;}
.single .info{margin-bottom: 20px;color:#777;}
.single .info a{color:#666;}
.single h1, .single .info, .single .content, .single .tags, .single .share-box, .single .box-disclaimer{padding: 0px 30px;}
.single .box-disclaimer {color:#666; margin: 20px 0px;}
.single .share-box, .single .tags{margin: 20px 0px;}
.single .tags{padding-top: 20px; padding-bottom: 0px;}
.single .caption{color: #999; font-size: 13px; padding: 5px 30px;}


.label{display: inline-block;}
.label-default{background: #FFF; border: #DDD solid 1px;color:#555}
.label-default:hover{border:#999 solid 1px!important; background: #FFF!important;color:#555!important;}
.label-lg{font-size: 14px; padding: 5px 10px;}

.full-width{width: 100%}

.title-form-write{font-size: 25px; padding: 15px .75rem; border-bottom: #EEE dashed 2px; padding-bottom: 15px; margin-top: -10px; border-top: #EEE dashed 2px; text-align: center; color: #555; background: #ffffff; margin-bottom: 0px}

.account-page{text-align: left; width: 100%; max-width: 400px!important; margin: auto; margin-bottom: 100px; min-width: 0px!important; background: #FFF; padding: 10px 20px; border-radius: 5px;}
.account-page h1{font-size: 24px; text-align: center; margin: 40px 0px;color:#666}
.btn-facebook{background: #125196; text-align: left;color:#FFF; width: 100%}
.btn-facebook i.fa{width: 20px; text-align: center;}
.btn-facebook:hover{color:#FFF}
.btn-google{background: #961212!important; text-align: left;color:#FFF!important}
.btn-google i.fa{width: 20px; text-align: center;}
.btn-google:hover{color:#FFF!important}


.form>div{padding: 10px 0px;}
.form>div>.form-control{height: 45px; box-shadow: none!important; border-color: #E4E4E4!important}
.form p{margin: 10px;}
.form .text-grey, .form .text-grey a{color:#777!important}
.form .text-grey a{text-decoration: underline!important}
.form .text-grey a:hover{text-decoration: none!important}
.form button[type=submit]{margin-bottom: 20px;}

.paragraph div { margin-bottom: 10px; display: block; min-height: 1px; }

.alert-danger{border: #d87a7a solid 1px; color: #d46868; border-radius: 5px; padding: 5px 10px; margin-bottom: 10px}
.alert-danger button{display: none;}


.alert-fixed{    position: fixed;
    width: 100%;
    padding: 20px;
    top: 0;
    z-index: 9999999;
    height: 100%;
    background: rgba(0,0,0,0.8);}
.alert-fixed .alert{width: 100%;
    max-width: 600px;
    margin: auto;
    text-align: center;
    padding: 20px 20px;
    margin-top: 60px;}



    .form-write {margin-bottom: 100px;}
    .form-write .thumbs-form{display: block; background: #F0F0F0; border:#EEE solid 1px;color:#999; padding: 20px 0px; text-align: center}
    .form-write .thumbs-form i.fa{font-size: 80px;color:#999}
    .form-write .title-form{font-size: 22px; height: 50px; margin-bottom: 10px;}
    .form-write .content .text{margin-bottom: 15px ;}
    .form-write .content .head-item-form-content{background: #FFF; border: #EEE dashed 1px; padding: 5px 10px;font-size: 10px; color: #999;}
    .form-write .content .head-item-form-content .row{margin-bottom: 0px;}
    .form-write .content .head-item-form-content button{float: right; border: none; box-shadow: none; line-height: 37px; height: 37px; margin-right: -10px; margin-top: -5px; width: 37px; padding: 0px; border-left: #EEE dashed 1px; color: #999!important; margin-bottom: -5px}
    .form-write .content .head-item-form-content .head-title{padding-top: 5px;}
    .form-write .title-label{text-transform: uppercase;color:#444;font-size: 11px; margin-top: 20px;display: block;}
    .form-write .comment-form, .form-write .releated-post{background: #F0F0F0;color:#777;padding: 50px 0px; text-align: center; margin-top:60px;}
    .form-write .video_link input{border: #EEE dashed 1px!important; border-top: none!important; padding: 5px 10px; box-sizing: border-box;}

    .tool-add-content{background: #F0F0F0;border:#EEE solid 1px; display: table;width:100%;border-radius: 0px;overflow: hidden; margin-bottom: 0px;}
    .tool-add-content .box{display: table-cell; padding: 20px;width:30%;text-align: center;border-right: #E9E9E9 solid 1px;cursor: pointer;background: transparent;}
    .tool-add-content .box:first-Child{width:9%;background: #EEE;cursor: default;color:#888; padding: 20px 10px;}
    .tool-add-content .box:first-Child svg{margin: 0px!important}
    .tool-add-content .box:last-Child{border:none!important}
    .tool-add-content .box:first-Child{ vertical-align: middle}
    .tool-add-content .box i{margin-bottom: 5px;display: block;}

    .form-dynamic-item{margin-bottom: 10px;}
    .caption-form{background: #FFF; padding: 5px 10px;}
    .form-write .box-info{background: #FFF; margin: 15px 0px; padding: 5px 10px;}

    .media-upload-form{background: #EEE; width: 100%; height: 300px; padding: 80px 20px;border:#E0E0E0 solid 1px; text-align: center;cursor: pointer; display: block;}
    .media-upload-form input{opacity: 0;}
    .media-upload-form i.fa{font-size: 50px;color:#888}
    .media-upload-form p{color:#888;font-size: 13px;}

    .btn-following{background: #FFF!important;color:#ffb126!important}

    .list-article-manage {padding: 15px 0px; margin-bottom: 20px;}
    .list-article-manage svg{opacity: 0.4}
    .list-article-manage .row{ background: #FFF; margin: 0px; display: table; float: none; width: 100%; position: relative; padding: 5px 0px; border-bottom: #f5f5f5 solid 1px;}
    .list-article-manage .row:last-child{border-bottom: 0px!important;}
    .list-article-manage .row .btn{ddisplay: inline-block; background: transparent; border: none!important; box-shadow: none; text-transform: none; font-size: 13px; color: #98876b; opacity: 0.8; line-height: 19px; height: auto; text-align: left; padding: 0; padding-right: 10px;}
    .list-article-manage .row .btn.btn-danger{left: 80px;}
    .list-article-manage .row>div:first-child strong{font-size: 16px; display: inline-block; line-height: 24px}

    .list-article-manage .button-action{visibility: hidden;}
    .list-article-manage .row:hover .button-action{visibility: visible;;}

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
      background-color: #41474c!important; border-color: #3d3e3e!important;
    }



    .list-comment .list-item{width: 100%; background: transparent; padding: 10px 0px; margin-bottom: 20px; border-bottom:#EEE solid 1px; display: table;}
    .list-comment .list-item .author{display: table; width: 100%;color:#333; border-bottom: #EEE solid 1px; padding-bottom: 5px;}
    .list-comment .list-item>div{display: table-cell; vertical-align: top}
    .list-comment .list-item>div.photo{width: 35px;}
    .list-comment .list-item>div.photo img{width: 35px; height: 35px; border-radius: 35px;}
    .list-comment .list-item>div.text{padding-left: 15px}
    .list-comment .list-item>div.text .name{display: inline-block; font-weight: bold}
    .list-comment .list-item>div.text .content-post{display:block;}
    .list-comment .list-item .content-post a{color:#333; text-decoration: underline!important;}
    .list-comment .list-item .content-post a:hover{text-decoration: none!important}
    .list-comment .list-item>div.text .time{display: inline-block;}

    .list-comment.sub{border-left: #EEE solid 1px; padding-left: 10px; margin-left: -10px;}
    .comment-form button{border-radius: 3px!important; border-top-left-radius:0px!important; border-top-right-radius:0px!important;}
    .comment-form textarea{border-radius: 3px!important; border-bottom-left-radius:0px!important; border-bottom-right-radius:0px!important; height: 200px}
    .comment-form.sub textarea{height: 50px;}

    .comment-form{display: table; width: 100%}
    .comment-form>div{display: table-cell; vertical-align: top}
    .comment-form>div.photo{width: 35px;}
    .comment-form>div.photo img{width: 35px; height: 35px; border-radius: 35px;}
    .comment-form>div.text{padding-left: 15px;}

    .comment-form>div.text.on-hide textarea{height: 50px!important; background: white; resize: none; border: #e2e2e2 solid 1px; padding: 10px;}
    .comment-form.sub>div.text.on-hide textarea{height: 40px!important;}
    .comment-form>div.text.on-hide button{display: none;}
    .comment-form-no-login{border:#EEE solid 1px; background: #FEFEFE; padding: 15px 20px;color:#555; cursor: text; border-radius: 3px;}

    .box-user{background: #FFF;padding-right: 20px; padding-left: 20px;border-radius: 3px;    margin-bottom: 10px;margin-right: auto; margin-left: auto; width: 100%;max-width: 660px;    box-shadow: 0 1px 4px rgba(0,0,0,.04); border: 1px solid rgba(0,0,0,.09); padding-top: 10px; padding-bottom: 10px; display: table;}
    .box-user>div{display: table-cell; vertical-align: top}
    .box-user .photo{width: 100px;}
    .box-user .photo img{width: 100px; height: 100px; border-radius: 100px;}
    .box-user .photo .nophoto{width: 100px; height: 100px; border-radius: 100px; font-size: 100px;}
    .box-user .text{padding-left: 20px;}
    .box-user .text .name{font-size: 16px; font-weight: bold;}
    .box-user .text .info{color:#666; font-size: 13px;}

    .login-box-fixed{ position: fixed; bottom: 0; left: 0; width: 100%;  padding: 20px}
    .login-box-fixed .box{background: #fff;
        box-shadow: 0 2px 50px 0 rgba(0,0,0,.2), 0 0 0 1px rgba(0,0,0,.1); padding: 15px; text-align: center;border-radius: 4px; overflow: hidden;border:#F0F0F0 solid 1px;color:#555}
    .login-box-fixed .box h4{font-size: 20px; line-height: 28px; color:#666}


    .box-head-of-post{padding: 0px 0px 50px 0px;}
    .box-head-of-post .author-profile{display: table;width: 100%}
    .box-head-of-post .author-profile>div{display: table-cell; vertical-align: top}
    .box-head-of-post .author-profile .photo{width: 100px;}
    .box-head-of-post .author-profile .photo img { width: 100px; height: 100px; border-radius: 5px; overflow: hidden; background: #FFF; }
    .box-head-of-post .author-profile .info{padding-left: 20px;}
    .box-head-of-post .author-profile .info h1{font-size: 26px;margin: 0px;color: #333}
    .box-head-of-post .author-profile .info .bio p{font-size: 13px;color:#666; display: inline}
    .box-head-of-post .author-profile .info .bio a{color:#666; text-decoration: underline!important; font-size: 13px}
    .box-head-of-post .author-profile .info .bio a:hover{text-decoration: none!important}
    .box-head-of-post .author-profile .info .follow-link{padding-right: 10px; display: inline-block; padding-top: 10px;}
    .box-head-of-post .author-profile .info .follow-button{padding-top: 10px;}
    .box-head-of-post .author-profile .info .follow-button .btn{width: 180px;}


    .list-author .author{display: block; padding: 0px; width: 100%; float: left; margin-bottom: 10px;}
    .list-author .author>div{display: block;vertical-align: top; text-align: center; width: 100%}
    .list-author .author .photo img{width: 50px; height: 50px; border-radius: 5px; overflow: hidden; margin: 0px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
    .list-author .author .info{width: calc(100% - 65px)!important; float: right; text-align: left; padding: 3px 0px;}
    .list-author .author .photo{width: 50px; float: left; height: 50px;}
    .list-author .author .info a{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%; margin: auto;font-weight: bold; font-size: 15px;}
    .list-author .author .info .detail{font-size: 13px; color: #929292;}
    .list-author .author .box{background: #FFF; border-radius: 5px; padding: 0px 20px; overflow: hidden; box-shadow: none!important; margin-bottom: 0px!important; padding-left: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
    .box-side{margin-bottom: 30px;}

    .box-side .title h3{margin-top: 0px; font-size: 15px; font-weight: 100; color: #666;}

    .list-side{width: 100%;}
    .list-side .item-list{display: table;width:100%; margin-bottom: 20px;}
    .list-side .item-list>div{display: table-cell; vertical-align: top}
    .list-side .item-list .image{width: 50px;}
    .list-side .item-list .image img{width: 50px; height: 50px; overflow: hidden;border-radius: 5px; webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
    .list-side .item-list .text{padding-left: 20px;}
    .list-side .item-list .text h4{font-size: 14px; line-height: 1.2; letter-spacing: 0; color:#444; margin: 0px; font-weight: 400}
    .list-side .item-list .text .author{color:#777; font-size: 13px;}

.single h1{font-size: 34px; font-weight: bold;}
form .form-group{background: #FFF; padding: 5px 15px;}

.is_stuck { position: fixed!important; }
.sidebar-stick.is_stuck .side{padding-top:0px; padding-bottom: 100px}

@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

.header-premium{position: relative; padding: 20px 0px; margin-bottom: 50px; margin-top: -25px; -webkit-box-shadow: 0px 0px 57px 0px rgba(196,196,196,1); -moz-box-shadow: 0px 0px 57px 0px rgba(196,196,196,1); box-shadow: 0px 0px 57px 0px rgba(196,196,196,1);}
.header-premium::before{content: " "; background: #fbf9f5eb; position: absolute; width: 35%; left: 0; top: 0; height: 100%; z-index: -1;}
.header-premium::after{content: " "; background: #FFF; z-index: -2; width: 100%; height: 100%; left: 0; top: 0; position: absolute;}
.bar-profile{float: left; width: 100%; padding-bottom: 20px;}
.bar-profile .photo{width: 95px; height: 95px; float: left; margin-right: 20px;}
.bar-profile .photo img{width: 100%; border-radius: 8px;}
.bar-profile .photo .nophoto{width: 95px; height: 95px; line-height: 95px; text-align: center;}
.bar-profile .bar-left{max-width: 380px; float: left;}
.bar-profile .bar-right{max-width: 300px; float: left; padding-left: 20px; border-left: #EEE solid 1px; margin-left: 20px;}
.bar-profile .bar-right p{margin-bottom: 0px!important;}
.bar-profile h1{font-family: 'Playfair Display', serif!important; font-size: 20px;  font-weight: bold; margin: 0px; float: left;line-height: 34px; color:#333}
.bar-profile h1 span{display: inline-block; max-width: 340px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 27px; line-height: 27px;}
.bar-profile .button-profile{border: #EEE solid 1px; padding: 5px 15px; background: #FFF; float: right; border-radius: 5px;}
.header-premium .featured-post .featured-thumbs img{-webkit-box-shadow: 0px 0px 57px 0px rgba(196,196,196,1); -moz-box-shadow: 0px 0px 57px 0px rgba(196,196,196,1); box-shadow: 0px 0px 57px 0px rgba(196,196,196,1);}
.header-premium .featured-post{display: table; width: 100%; margin: 50px 0px;}
.header-premium .featured-post .featured-thumbs{display: table-cell; width: 500px;padding-left: 50px;}
.header-premium .featured-post .featured-text{display: table-cell; vertical-align: top; width: calc(100% - 550px); padding-left: 50px;}
.header-premium .featured-post .featured-text h2{font-family: 'Playfair Display', serif!important; font-size: 35px; margin: 0px; color: #333; line-height: 45px; margin-bottom: 40px;}
.header-premium .featured-post .featured-text a.btn{color:#333}

.side-nav-premium{box-shadow: none!important; border: #EEE solid 1px; border-radius: 5px; overflow: hidden; height: auto;    margin-top: 10px;}
.side-nav-premium ul{margin: 0px; padding: 0px}
.side-nav-premium ul li, .side-nav-premium ul li a{list-style: none; display: block; width: 100%;}
.side-nav-premium ul li a{padding: 5px 15px; color: #333; background: #FFF; line-height: 35px; border-bottom: #F0F0F0 solid 1px}
.side-nav-premium ul li a:hover{color:#000!important}

/* GURUSIANA END */
.row .col{max-width: 100%!important}
@media all and (max-width:992px){
  .modal{z-index: 99999999999999999999!important}
  .modal-overlay{z-index: 99999!important}
  .side-ontimeline{display: block!important; clear: both; padding-top: 20px;}
  .side-ontimeline .copyright{display: none!important}
  .list-article-manage .button-action{visibility: visible!important;}
  .header-premium .featured-post .featured-thumbs{width: 350px;}
  .header-premium .featured-post .featured-text h2{font-size: 25px!important; line-height: 35px!important;}
}

.list-article-manage{background: #FFF; padding: 10px; border-radius: 8px; border: #EEE solid 1px;}
footer{height: 200px;}
.button-timeline-type [id*="oa"]{display: none;}
/*.infinite-scroll [id*="oa"]{text-align: center; width: 100%; max-width: 100%; overflow: hidden;}
.infinite-scroll>[id*="oa"]>div{display: block!important;}
.infinite-scroll [id*="oa"]>div>div>div{position: relative; display: block!important; background: #FFF; border-radius: 5px; padding: 15px; float: right; width: calc(100% - 59px)!important; margin: 10px 0px; height: auto!important;}

.infinite-scroll optad-360{position: absolute; left: 0; top: 0; background: #fff; color: #FFF; display: inline-block; width: 49px!important; height: 49px; font-size: 30px; text-align: center; border-radius: 5px; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); text-align: center; font-size: 9px!important;margin-top:10px!important}
.infinite-scroll optad-360::before{background: url(../images/logo-optAD360.svg)center no-repeat; width: 100%; height: 100%; left: 0; top: 0; position: absolute; display: block; content: " "; background-color: #000; background-size: contain; border: #000 solid 5px; border-radius: 5px; z-index: 1; }
*/


.attachment.book .attach-url{display: table; width: 100%}
.attachment.book .attach-url .attach-url-thumbs{display: table-cell; width: 120px; vertical-align: top;}
.attachment.book .attach-url .attach-url-caption{display: table-cell; width: calc(100% - 120px); vertical-align: top;}

.title-promo-book{width: 100%; margin-top: 10px;}
.title-promo-book h3{font-size: 16px; margin: 0; line-height: 26px; font-weight: normal;}
.title-promo-book .btn{height: 26px; line-height: 26px; font-size: 13px;}
.title-promo-book .row{margin-bottom: 5px;}
.container-book{width: auto; height: 315px; overflow: hidden; margin-left: -.75rem; margin-right: -.75rem;}
.promo-book{white-space: nowrap; width: 100%; overflow: auto; height: 380px; padding-left: .75rem; padding-right: .75rem;}
.attachment.book{width: 160px; display: inline-block; padding-top: 0px; background: #FFF; height: 310px;}
.attachment.book .attach-url{display: inline-table;width: 160px;}
.attachment.book .attach-url>a>*{display: block!important; width: 100%!important;}
.attachment.book .attach-url-caption .attach-url-caption-text{display: none}

.attachment.book a{opacity: 1!important}
.attachment.book .attach-url{border-radius: 5px; overflow: hidden;border:#F0F0F0 solid 1px;}
.attachment.book .attach-url .attach-url-caption{padding: 7px 15px;}
.attachment.book .attach-url .attach-url-caption .attach-url-caption-domain{font-size: 11px; color: #888; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis;width: 130px;}
.attachment.book .attach-url .attach-url-caption .attach-url-caption-text{font-size: 13px; color: #666;}
.attachment.book .attach-url .attach-url-caption .attach-url-caption-title{font-size: 14px; color: #222; font-weight: 600; line-height: 20px; white-space: normal; height: 40px; overflow: hidden;}
.attachment.book .attach-url .attach-url-thumbs img{width: 160px}

.index-book .attachment.book .attach-url .attach-url-thumbs{display: block; width: 100%; vertical-align: top;}
.index-book .attachment.book,.index-book .attachment.event{width: calc(50% - 8px)!important; height: auto!important; margin: 10px 3px!important;}
.index-book .attachment.book .attach-url,.index-book .attachment.book .attach-url .attach-url-thumbs img{width: 100%!important}

.form-info-profile{width: 100%; max-width: 500px; margin: auto; background: #FFF; padding: 15px 20px; margin-bottom: 40px; border-radius: 8px;}

.btn-white,.btn-white:hover{background: #FFF!important;color:#444!important}

@media all and (max-width:700px){
  .featured-post{display: block!important;margin: 20px 0px!important;}
  .featured-post>*{display: block!important; width: calc(100% - 50px)!important;}
  .featured-text{width: 100%!important;}
  .header-premium .featured-post .featured-text h2{font-size: 25px;line-height: 30px; margin-bottom: 20px;}
}

@media all and (max-width:830px){

  .bar-profile h1{max-width: 100%!important;}
  .bar-profile .bar-right{display: none;}

}

@media all and (max-width:600px){
.timeline-post .content-post .author-info a.author-name{display: block!important;}
/*.infinite-scroll [id*="oa"]{margin: 10px -.75em!important; width: calc(100% + 1.5em)!important; max-width: calc(100% + 1.5em)!important; width: auto!important;}
.infinite-scroll [id*="oa"]>div>div{background: #FFF; margin: 10px 0px; border-radius: 5px; width: 100%!important; max-width: 100%!important; margin: 0px!important;}
.infinite-scroll [id*="oa"]>div>div>div{margin:0px!important; border-radius: 0px!important;padding: 10px 15px!important;}
.infinite-scroll optad-360{display: none!important}*/
.bar-profile{padding: 10px!important}
.timeline-post .btn-interaction{width: calc(100% + 59px);}
}

@media all and (max-width:400px){
  /*.infinite-scroll optad-360{width: 30px;height: 30px;}
  .infinite-scroll [id*="oa"]>div>div>div{width:  calc(100% - 40px)!important;}*/
  .timeline-post .btn-interaction{width: calc(100% + 40px);}

}

@media all and (min-width:680px){
  .index-book .attachment.book,.index-book .attachment.event{max-width: calc(33.33% - 8px)!important;}
}