.l-flex-container{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.ha{
    height: auto!important;
}
/*Spinner*/
.spinner {
    width: 40px;
    height: 40px;
    background-color: #333;

    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
        } 50% {
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
            } 100% {
                transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
                -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            }
        }
        /*End of Spinner*/

        .text-center{
            text-align: center;
        }
        /*JS SOCIAL SHARE*/
        .facebook, .twitter, .instagram, .youtube {
            color: white;
        }
        .facebook:hover{
            color: #3b5998!important;
            border: 1px solid #3b5998;
        }
        .twitter:hover{
            color: #00aced!important;
            border: 1px solid #00aced;
        }
        .instagram:hover{
            color: #0a587d!important;
            border: 1px solid #0a587d;
        }
        .youtube:hover{
            color: #cc181e!important;
            border: 1px solid #cc181e;
        }
        .twitter:hover, .facebook:hover, .instagram:hover,.youtube:hover{
            background-color: white;
        }
        .bff{
            background-color: #3b5998;
        }
        .bft{
            background-color: #1dcaff;
        }
        .bfy{
            background-color: #cc181e;
        }
        .bfl{
            background-color: #0a587d;
        }

        .nb a{
            border: none!important;
        }
        .nb:hover a{
            background: transparent!important;
        }
        .nb:hover a i{
            color: blue;
        }
        .small-icon{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        footer .small-icon h6{
            margin:0;
        }
        footer .small-icon li a{
            width: 30px;
            height: 30px;
            border-radius: 50px;
            background-color: #cac9cd;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .rtheading{
            font-size: 24px;
            line-height: 22px;
        }
        .pt-5{
            padding-top: 30px;
        }
        section{
            padding: 50px 0;
        }
        section a:hover span{
            color: rgb(57,121,255)!important;
        }
        section a{
            cursor: pointer;
        }
        section a:hover{
            color: #c1a073!important;
        }
        /*Flexslider override*/
        .flexslider{
            border:none;
            margin: 0;
        }
        .flex-control-nav{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -ms-flex-align: end;
            align-items: flex-end;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            position: absolute;
            top: 8%;
            right: 3%;
        }
        .flexslider .slides > li{
            height: 706px;
            overflow: hidden;
            position: relative;
            display: flex!important;
            justify-content: center!important;
            align-items: center!important;
            background-color: #4a4a4a;
        }
        .flex-control-thumbs img{
            opacity: 1;
        }
        .flex-control-nav li {
            width: 160px;
            height: 90px;
            margin-bottom: 10px;
            border: 1px solid #fff;
            overflow: hidden;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .flex-nav-prev, .flex-nav-next{
            display: none;
        }
        .flex-caption {
            width: 60%;
            height: 90%;
            padding: 2%;
            left: 0;
            bottom: 0;
            color: #fff;
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-end;
        }
        .flex-caption p{
            font-size: 1em;
            line-height: 24px;
            font-family: 'Lato', sans-serif;
            text-align: right;
            margin-bottom: 20px;
        }
        .flex-caption h1{
            font-size: 3.75em;
            line-height: 46px;
            font-weight: 700;
            text-align: right;
            font-family: "Lato";
        }
        /*End of Flexslider Override*/
        /*Active modifier
        nav li.active a{
        border: 1px solid #3779ff!important;
        color: #3779ff!important;
        }*/
        /*Navbar Override*/
        header{
            height: 80px;
        }
        header nav .nav-header-container{
            width: 100%;
        }
        .navbar-default{
            background-color: white;
            border-bottom: 1px solid #e0e0e0!important;
            height: 80px;
        }
        header a.logo img{
            max-height: 45px;
        }
        nav.navbar.navbar-default ul.nav > li > a{
            border: 1px solid transparent;
            padding: 5px;
            margin: 0 2px;
            color: #c1a073;
            font-family: 'Lato';
            font-size: 0.75em;
        }
        header li.active a, li.active span{
            color: #866f50!important;
        }
        header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a{
            padding: 5px;
            color: #c1a073;
            margin: 0 5px;
        }
        header.sticky nav.header-light-transparent .logo .logo-light, header.sticky nav.header-light .logo .logo-light{
            visibility: visible;
            opacity: 1;
            width: auto;
        }
        nav.navbar.navbar-default ul.nav > li > a:hover{
            border: 1px solid #866f50;
            color: #866f50!important;
        }
        .header-search-form{
            color: #c1a073!important;
        }
        .header-search-form:hover{
            color: #866f50!important;
        }
        .header-searchbar{
            border-left: none;
            padding-left: 0;
            top: 1px;
        }
        header.sticky nav.header-light .header-searchbar{
            border-left: none;
        }
        nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
            top: 56px!important;
        }
        /*End of Navbar Override*/
        /*Footer*/
        .footer-pattern{
            height: 215px;
            overflow: hidden;
        }
        .footer-pattern img{
            max-width: none;
            width: 100%;
        }
        footer{
            background-color: rgb(247,247,247);
            border-top: 1px solid #e0e0e0;
        }
        footer .footer-logo{
            max-height: 120px;
        }
        .lower-footer{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        .lower-footer img{
            width: auto;
            height: 50px;
            margin-right: 15px;
        }
        .lower-footer .copy{
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.750em;
            line-height: 10.8px;
            letter-spacing: 2.4px;
            color: #2c2c2c;
        }
        .lower-footer > div{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }
        .lower-footer div:last-child h6{
            font-size: 0.750em;
            font-family: 'Lato';
            line-height: 10.8px;
            letter-spacing: 2.4px;
            color: #2c2c2c;
        }
        /*End of Footer*/
        .list-style-4.list-style-color li:before{
            color: rgb(245,143,32);
        }
        /*utilities*/
        .hauto{
            height: auto!important;
        }
        .w100{
            width: 100%;
        }
        .w120p{
            width: 120px!important;
        }
        .p20{
            padding: 20px!important;
        }
        .m20b{
            margin-bottom: 20px!important;
        }
        .m20r{
            margin-right: 20px!important;
        }
        .p10l{
            padding-left: 10px!important;
        }
        .p10b{
            padding-bottom: 10px!important;
        }
        .ls{
            letter-spacing: 2.5px;
        }
        .no-border{
            border:none;
        }
        .no-margin{
            margin: 0;
        }
        .no-padding{
            padding: 0;
        }
        .no-padding-btm{
            padding-bottom: 0;
        }
        .ornament-bg{
            background-color: #e1fbf7!important;
        }
        .csis-section{
            padding: 55px 0;
        }
        .csis-section2{
            padding: 20px 0;
        }
        .csis-heading{
            font-size: 1.5em;
            letter-spacing: 4.8px;
            color: #a0d1ca;
            font-family: 'Lato';
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 35px;
        }
        .csis-subheading{
            font-size: 1.5em;
            color: white;
            letter-spacing: 4.8px;
            font-family: 'Lato';
            font-weight: 700;
            text-transform: uppercase;
            margin-bottom: 20px;
            margin-top: 0;
        }
        .p-btn{
            background-color: #c1a073;
            border: 1px solid #fff;
            color: #000;
            padding: 15px 30px;
            font-family: 'Lato';
            text-transform: uppercase;
            letter-spacing: 3.2px;
            font-size: 1em;
            font-weight: 700;
        }
        .p-btn:hover{
            background-color: #866f50;
        }
        .s-btn{
            background-color: #a0d1ca;
            border: 1px solid #fff;
            padding: 10px 25px;
            color: white;
            text-transform: uppercase;
            letter-spacing: 3.2px;
            font-size: 1em;
            font-weight: 700;
            width: 100%;
        }
        .s-btn:hover{
            background-color: #4ab6c6!important;
        }
        .t-btn{
            background-color: #c1a073;
            border: 1px solid #fff;
            color: #fff;
            padding: 10px 30px;
            width: 100%;
            font-family: 'Lato';
            text-transform: uppercase;
            letter-spacing: 3.2px;
            font-size: 1em;
            font-weight: 700;
        }
        .t-btn:hover{
            background-color: #866f50;
        }
        .f-btn{
            background-color: transparent;
            border-radius: 30px;
            border: 2px solid white;
            color: white;
            padding: 10px 20px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        .banner{
            width: 100%;
            height: 200px;
            overflow: hidden;
            position: absolute;
        }
        .separator{
            border-bottom: 1px solid #efefef;
            margin: 20px 0;
        }
        /*end of utilities*/
        /*Home*/
        /*Publications*/
        .portfolio-hover-content a span{
            font-size: 1.125em;
            font-family: 'Lato',cursive;
            font-weight: 600;
            color: #2c2c2c;
            margin-bottom: 25px;
        }
        .portfolio-hover-content a span:hover{
            color: #c1a073!important;
        }
        .portfolio-hover-content p{
            font-size: 1.125em;
            line-height: 18px;
            font-family: 'Lato';
            color: #232323;
        }
        .portfolio-icon button{
            border: 1px solid white;
            background: transparent;
            border-radius: 60px;
            color: white;
            text-transform: uppercase;
            padding: 5px 15px;
        }
        .grid-item{
            width: 50%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 20px;
        }
        .grid-item:nth-child(odd){
            padding-right: 1%;
        }
        .grid-item:nth-child(even){
            padding-left: 1%;
        }
        .publications{
            margin-bottom: 40px;
        }
        .hover-option6 .grid-item figcaption{
            padding: 30px 35px!important;
            height: 250px;
            overflow: hidden;
        }
        .portfolio-grid .grid-item figure img{
            width: 100%;
            opacity: 1!important;
        }
        .portfolio-grid .grid-item figure{
            background-color: #86beb5;
            height: 220px;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /*End of Portofolio*/
        .home_detail{
            background-color: #c1a073;
        }
        .home_detail .container{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            padding-bottom: 80px;
        }
        .events{
            display:-webkit-box;
            display:-ms-flexbox;
            display:flex;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-bottom: 40px;
            width: 390px;
            padding-right: 30px;
            flex-shrink: 0;
        }
        .events__item{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            height: 180px;
            background-color: #866f50;
            padding: 15px;
            margin-bottom: 10px;
            cursor: pointer;
        }
        .events__item > div:first-child{
            height: 100px;
            width: 100px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #2c2c2c;
            color: white;
            font-size: 0.875em;
        }
        .events__item-detail > div:first-child{
            height: 70px;
            width: 70px;
        }
        .events__item > div:first-child > span:nth-child(1){
            font-size: 1em;
            letter-spacing: 2.8px;
            color: #c1a073;
            font-weight: 600;
        }
        .events__item-detail > div:first-child > span:nth-child(1){
            font-size: 0.8em;
        }

        .events__item > div:first-child > span:nth-child(2){
            font-size: 2.250em;
            font-weight: 800;
            letter-spacing: 7.2px;
            margin-bottom: 4px;
            margin-left: 5px;
        }
        .events__item-detail > div:first-child > span:nth-child(2){
            font-size: 1.8em;
            letter-spacing: 5px;
        }
        .events__item > div:first-child > span:nth-child(3){
            font-size: 1em;
            letter-spacing: 2.8px;
            font-weight: 600;
        }
        .events__item > div:first-child > span:nth-child(3){
            font-size: 0.8em;

        }
        .events__item > div:last-child{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-left: 20px;
        }
        .events__item > div:last-child > h6{
            color: #2c2c2c;
            font-size: 0.875em;
            line-height: 1.2em;
            margin: 0;
            margin-bottom: 10px;
            text-align: left;
            font-family: 'Lato';
        }
        .events__item > div:last-child > h5{
            color: #2c2c2c;
            font-family: 'Lato', cursive;
            font-weight: 600;
            font-size: 1.2em;
            line-height: 24px;
            margin: 0;
            margin-bottom: 15px;
            color: white;
            text-align: left;
        }
        .events__item-detail > div:last-child > h5{
            font-size: 1em;
        }
        /*Hover*/
        .events__item:hover > div:first-child span{
            color: white!important;
        }
        .events__item:hover > div:last-child > h5{
            text-decoration: underline;
        }
        .events__item:hover > div:first-child > span:first-child{
            color: #c1a073!important;
        }
        /*end of hover*/
        .news{
            width: 360px;
            margin-right: 30px;
        }
        .news:last-child{
            width: 360px;
            margin-right: 0;
        }
        .blogs{
            width: 360px;
        }
        .news figure, .blogs figure{
            height: 220px;
            background-color: #866f50;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .news figure img, .blogs figure img{
            width: 100%;
            height: auto;
        }
        .news figcaption, .blogs figcaption{
            background-color: #fff;
            padding: 35px 30px;
            margin-bottom: 10px;
            height: 150px;
        }
        .news figcaption a, .blogs figcaption a{
            font-family: 'Lato';
            color: #2c2c2c;
            font-size: 1.125em;
            font-weight: 600;
        }
        .news figcaption p, .blogs figcaption p{
            font-family: 'Lato';
            color: #232323;
            font-size: 0.875em;
            line-height: 18px;
            margin-top: 22px;
        }
        .news figcaption a:hover, .blogs figcaption a:hover{
            color: #c1a073!important;
        }
        /*End of Hover*/
        /*end of Home*/
        /*Publications*/
        .publication-search{
            border: none;
            border-bottom: 1px solid #ededed;
        }
        .searchs_filter{
            font-weight: bold;
            text-transform: uppercase;
            font-size: 0.875em;
            font-family: 'Lato', cursive;
        }
        .searchs_filter div{
            height: 70px;
            color: black
        }
        .searchs_filter div select, .searchs_filter div input{
            font-weight: normal;
            color: #6f6f6f;
            font-family: 'Lato';
            -webkit-appearance:none;
        }
        .publication__filter{
            background-color: #f7f7f7;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 10px;
            margin-bottom: 40px;
        }
        .publication__filter-box ::placeholder {
            font-style: italic;
            text-transform: uppercase;
        }
        .publication__filter select{
            width: 220px;
            border: none;
            background-color: transparent;
            margin-bottom: 0;
        }
        .publication__filter option{
            line-height: 2em;
        }
        .publication-card figure{
            height: 400px;
            width: 100%;
            position: relative;
        }
        .publication-card .blog-img{
            height: 100%;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        /*End of Publications*/
        /*Publication Detail*/
        .wr{
            padding: 70px 0;
        }
        .publication-detail__heading h1{
            font-family: 'Lato',cursive;
            font-weight: 600;
            color: black;
            font-size: 2.250em;
            line-height: 40px;
            margin: 15px 0;
        }
        .publication-detail__heading figure{
            height: 400px;
            background-color: #4a4a4a;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .publication-detail__heading img{
            width: 100%;
        }
        .publication-detail__time{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .publication-detail__time h5:first-child{
            text-transform: uppercase;
            color: #2c2c2c;
            font-size: 0.875em;
            margin-right: 2px;
        }
        .publication-detail__time h5:last-child{
            font-size: 0.875em;
            margin-left: 2px;
            color: #c1a073;
        }
        .publication-detail__heading{
            padding: 20px;
            padding-top: 0;
        }
        .publication-detail__heading h3{
            color: black;
            font-size: 1em;
            line-height: 22px;
            font-weight: bold;
            margin-top: 20px;
        }
        .publication-detail__heading .btn{
            color: white;
            background-color: rgb(58,115,225);
            border-radius: 40px;
            letter-spacing: 4px;
            padding: 10px 30px;
        }
        .publication-detail-aside{
            padding-top: 160px;
        }
        .publication-detail-profile-picture{
            height: 100px;
            width: 100px;
            overflow: hidden;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        aside .latest-post li figure{
            background-color: #4a4a4a;
            height: 75px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .speaker-tab{
            background-color: #4a4a4a;
            box-sizing: border-box;
            padding: 10px 25px;
            display: inline-block;
            font-weight: 500;
            letter-spacing: 2px;
        }
        .profile-social{
            margin-top: 5px;
            display: flex;
        }
        .profile-social a{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 25px;
            height: 25px;
            color: white;
            margin-right: 5px;
            background-color: #2a2a2a;
        }
        .social-share-detail{
            margin-bottom: 0;
        }
        .download{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
        }
        .download-detail{
            color: blue;
            margin-left: 20px;
        }
        .download-detail h6{
            font-size: 0.9em;
            line-height: 1.6em;
            margin: 2px 0;
        }
        /*End of Publication detail*/
        /*Event-Feed*/
        .event-feed-aside-title {
            font-size: 1.8em;
            color: #2c2c2c;
        }
        .event-feed-aside-list{
            font-weight: 600;
            color: #2c2c2c;
        }
        .event-feed-card{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            background-color: #bababa;
            padding: 20px;
            margin-bottom: 25px;
        }
        .event-feed-card > div:first-child{
            height: 100px;
            width: 100px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #2c2c2c;
            color: white;
            font-size: 0.850em;
        }
        .event-feed-card > div:first-child > span:nth-child(1){
            font-size: 1em;
            letter-spacing: 2.8px;
            color: #c1a073;
            font-weight: 600;
        }
        .event-feed-card > div:first-child > span:nth-child(2){
            font-size: 2.250em;
            font-weight: 800;
            letter-spacing: 7.2px;
            margin-bottom: 4px;
            margin-left: 5px;
        }
        .event-feed-card > div:first-child > span:nth-child(3){
            font-size: 1em;
            letter-spacing: 2.8px;
            font-weight: 600;
        }
        .event-feed-card > div:last-child{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding-left: 20px;
            flex: 1;
        }
        .event-feed-card > div:last-child > h6{
            color: #2c2c2c;
            font-size: 1em;
            line-height: 16px;
            margin: 0;
            margin-bottom: 10px;
            text-align: left;
            font-family: 'Lato';
        }
        .event-feed-card > div:last-child > a{
            font-family: 'Lato', cursive;
            font-weight: 600;
            font-size: 1.8em;
            line-height: 30px;
            margin: 0;
            margin-bottom: 10px;
            color: #2c2c2c;
            text-align: left;
        }
        .event-feed-card-detail{
            margin-bottom: 20px;
        }
        .event-feed-card-detail > h5{
            font-family: 'Lato';
            font-size: 1.1em;
            font-weight: 600;
            margin-bottom: 0;
            color: #2c2c2c;
        }
        .event-feed-card-detail > a{
            font-family: 'Lato';
            font-size: 1em;
            font-weight: 600;
            margin-bottom: 0;
            color: #2c2c2c;
        }
        .event-feed-card-detail div{
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 10px;
        }
        .event-feed-card-detail div div{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            margin-bottom: 10px;
        }
        .event-feed-card-detail div div h5{
            font-family: 'Lato';
            font-size: 1em;
            line-height: 24px;
            font-weight: 600;
            color: #2c2c2c;
            text-transform: uppercase;
            margin-bottom: 0px;
        }
        .event-feed-card-detail div div h6{
            font-family: 'Lato';
            font-size: 1em;
            color: #fafafa;
            margin-bottom: 0px;
        }
        .event-feed-card-detail div figure{
            width: 75px;
            height: 75px;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid #2c2c2c;
            margin-right: 10px;
            flex-shrink: 0;
        }
        .event-feed-card-detail div figure img{
            width: 100%;
        }
        /*Hover*/
        .event-feed-card:hover > div:first-child span{
            color: white!important;
        }
        .event-feed-card:hover{
            background-color: #a0d1ca;
        }
        .event-feed-card:hover > div:first-child > span:first-child{
            color: #c1a073!important;
        }
        /*end of hover*/
        /*End of Event-Feed*/
        /*Partner*/
        .partner-card{
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
            padding-bottom: 40px;
            border-bottom: 1px solid #9c9c9c;
        }
        .partner-card figure{
            width: 245px;
            height: 245px;
            margin-right: 30px;
            overflow: hidden;
            flex-shrink: 0;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .partner-card figure img{
            width: 100%;
            height: auto;
        }
        .partner-card h2{
            color: #2c2c2c;
            font-family: 'Lato';
            font-weight: 600;
            font-size: 2.25em;
            margin-bottom: 5px;
        }
        .partner-card p{
            margin-bottom: 5px;
        }
        .partner-card h6{
            color: #c1a073;
            font-family: 'Lato';
            font-size: 0.9em;
            margin-bottom: 20px;
        }
        /*End of Partner*/
        /*Blog Feed*/
        .blog-feed-heading{
            background: url('https://pre00.deviantart.net/a660/th/pre/f/2012/180/b/f/pattern_variation_by_absurdwordpreferred-d55auet.jpg');
        }
        .blog-feed-head-card > figure{
            height: 400px;
            padding: 10px;
            padding-top: 20%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            background-color: #222;
        }
        .blog-feed-container{
            display: flex;
            justify-content: flex-start;
            align-items: center;
            flex-wrap: wrap;
        }
        .blog-feed-card{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 50%;
            padding: 10px;
        }
        .blog-feed-card > a{
            overflow: hidden;
            height: 240px;
            margin-bottom: 20px;
            background: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .blog-feed-card > a > img{
            display: block;
        }
        .blog-feed-card-detail{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }
        .blog-feed-card-detail figure{
            width: 75px;
            height: 75px;
            overflow: hidden;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
        }
        .blog-feed-card-detail figure img{
            width: 100%;
        }
        .blog-feed-card-detail > div{
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 10px;
        }
        .blog-feed-card-detail > a{
            color: #c1a073;
        }
        .blog-feed-card-detail > a{
            font-family: 'Lato';
            font-size: 1em;
            margin-bottom: 20px;
            line-height: 18px;
            font-weight: 600;
            color: #2c2c2c;
            padding-bottom: 20px;
            border-bottom: 1px solid #2c2c2c;
        }
        .blog-feed-social{
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .blog-feed-social div{
            width: 25px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
            border-radius: 25px;
        }
        .blog-feed-social a{
            color: white;
        }
        .blog-feed-head-card figure{
            overflow: hidden;
            position: relative;
        }
        .blog-feed-head-card figure:hover figcaption{
            bottom :0;
        }
        .blog-feed-head-card figure:hover img{
            transform: scale(1.3);
        }
        .blog-feed-head-card figcaption{
            padding: 10px;
            height: auto;
            position: absolute;
            bottom: -20%;
            left: 0;
            background-color: rgba(193, 160, 115,0.8);
            transition: 0.5s;
            width: 100%;
        }
        .blog-feed-head-card h6{
            display: inline-block;
            padding: 0px 10px;
            color: white;
            font-family: 'Lato';
            background-color: #a0d1ca;
            font-size: 0.8em;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }
        .blog-feed-head-card h3{
            font-family: 'Lato';
            color: white;
            font-size: 1.8em;
            line-height: 30px;
            font-weight: 600;
            margin-top: 10px;
            cursor: pointer;
        }

        /*End of Blog Feed*/
        /*About Article*/
        .about-article{
            padding: 0 140px;
        }
        .about-article figure{
            height: 400px;
            background-color: #4a4a4a;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .about-article img{
            width: 100%;
        }
        .about-article h1{
            color: #2c2c2c;
            margin-bottom: 5px;
            margin-top: 30px;
            margin-bottom: 20px;
            font-family: 'Lato',cursive;
            font-weight: 600;
            font-size: 2.250em;
            line-height: 40px;
        }
        .about-article .about-quote{
            margin-top: 30px;
            margin-bottom: 30px;
            border-left: 2px solid #c1a073;
            padding-left: 80px;
        }
        .about-article .about-quote footer{
            border-top: none;
            background-color: white;
        }
        /*End of About Article*/

        /*About Us*/
        .team-image{
            height: 200px;
            background-color: #4a4a4a;
        }
        /*End of About Us*/

        .aside-title:after{
            background: #a0d1ca;
        }
        li.active a,li.active span{
            font-weight: bold;
            color: rgb(58,115,225)!important;
        }
        .news-event-tab{
            background-color: #1d52a0;
            padding-top: 100px;
        }
        .tab-style2 .nav-tabs > li > a{
            background-color: transparent;
            color: white;
        }
        .tab-style2 .nav-tabs > li.active > a{
            color: #1d52a0!important;
            top: 0!important;
            border-bottom: none;
        }
        .tab-style2 .tab-content{
            border-top: none;
        }
        .fs0{
            -ms-flex-negative: 0;
            flex-shrink: 0;
        }
        .search-publication{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            padding: 20px;
        }
        .search-heading{
            font-size: 18px;
            line-height: 24px;
            color:black;
            font-weight: 600!important;
            font-family: 'Lato',cursive;
        }
        .search-category{
            font-size: 14px;
            margin-bottom: 10px;
            color: #f7921c!important;
            font-weight: bold;
            text-transform: uppercase;
            font-family: 'Lato', cursive;
            line-height: 12px;
        }
        .news__item__detail .search-heading:hover{
            color: rgb(58,115,225);
        }
        .search-h6{
            font-family: 'Lato';
            font-weight: 400;
            font-size: 14px!important;
            color: #6f6f6f!important;
        }

        /*Scholars Feed*/
        .team-image{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .team-image figure, .team-image figure img{
            width: 100%;
        }
        .scholars-feed-profile-picture{
            width: 120px;
            height: 120px;
            overflow: hidden;
            background-color: #4a4a4a;
            border: 1px solid #7a7a7a;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            margin-bottom: 10px;
        }
        .scholars-feed-profile-picture img{
            width: 100%;
        }
        /*End of Scholars Feed*/
        /*End of Scholars Detail*/
        .scholars-detail-filter{
            background-color: #f7f7f7;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            padding: 10px;
            margin-bottom: 40px;
        }
        .scholars-detail-filter div{
            margin-left: 20px;
        }
        .scholars-feed{
            display: flex;
            flex-direction: row;
            width: 100%;
        }
        .scholars-feed-picture{
            width: 200px;
            height: 200px!important;
            overflow: hidden;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-shrink: 0;
            margin-right: 20px;
        }
        .scholars-feed-post{
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            text-align: left;
        }
        .scholars-feed-post .content > span{
            color:  rgb(245,143,32);
            font-weight: bold;
            margin-bottom: 0;
            display: block;
            text-transform: uppercase;
        }
        .scholars-feed-post .content > a{
            color: black;
            font-weight: bold;
            margin-bottom: 10px;
        }
        /*End of Scholars Detail*/
        /*Gallery*/
        .gallery-album-thumbnail{
            width: 100%;
            height: 240px;
            overflow: hidden;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .gallery-album-thumbnail img{
            width: 100%;
            height: auto;
        }
        /*End of Gallery*/
        /*Gallery Photos*/
        .gallery-photos-thumbnail{
            width: 100%;
        }
        .gallery-photos-thumbnail .portfolio-img{
            width: 100%;
        }
        /*End of Gallery Photos*/
        /*Global*/
        .global-profile-picture{
            width: 180px;
            height: 180px;
            background-color: #4a4a4a;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        @media only screen and (max-width: 1360px){
            .flexslider .slides > li{
                height: 500px;
            }
            .flex-control-nav li{
                width: 120px;
                height: 70px;
            }
        }

        @media only screen and (max-width: 1024px){
            .about-article figure, .publication-detail__heading figure{
                height: 330px;
            }
            .publication-card, .publication-card figure{
                height: 307px;
            }
        }

        @media only screen and (max-width: 768px){
            .p-btn{
                padding: 7px 15px;
                font-size: 0.8em;
            }
            /*Search-Results*/
            .search-news, .search-publication{
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
            }
            .m20r{
                margin-right: 0!important;
            }
            /*End of Search-Results*/
            /*Navigation Adjustment*/
            nav.navbar.navbar-default ul.nav > li > a{
                padding: 10px;
                margin: 0!important;
            }
            header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a{
                padding: 10px;
            }
            /*End of Navigation Adjustment*/
            /*Footer*/
            footer{
                padding: 0 16px;
            }
            .lower-footer{
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-pack: center!important;
                -ms-flex-pack: center!important;
                justify-content: center!important;
                -webkit-box-align: center!important;
                -ms-flex-align: center!important;
                align-items: center!important;
            }
            .lower-footer > div{
                margin-bottom: 40px;
            }
            .lower-footer .copy{
                margin-bottom: 25px;
                margin-top: 20px;
                border-bottom: 1px solid #9a9a9a;
            }
            footer .small-icon li a{
                width: 30px;
                height: 30px;
            }
            /*End of Footer*/
            /*Flexslider override*/
            .slides{
                background-color: #4a4a4a;
            }
            .flexslider .slides > li{
                height: 400px;
            }
            .flexslider .slides img{
                max-width: none;
                width: 100%;
                height: auto;
            }
            .flex-control-nav{
                display: block;
                position: relative;
                top: 0;
                right: 0;
                margin: 0;
            }
            .flex-control-nav li{
                display:none;
            }
            .flex-nav-prev, .flex-nav-next{
                display: none;
            }
            .flex-direction-nav a {
                padding-top: 10px;
            }
            .flex-caption {
                padding: 5%;
                width: 100%;
                font-size: 14px;
            }
            .flex-caption h1{
                font-size: 20px;
                line-height: 28px;
            }
            /*End of Flexslider Override*/
            /*Home*/
            .grid-item{
                width: 100%;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
                margin-bottom: 40px;
            }
            .grid-item:nth-child(odd){
                padding-right: 0;
            }
            .grid-item:nth-child(even){
                padding-left: 0;
            }
            .portfolio-grid .grid-item figure{
                height: 340px;
            }
            .portfolio-grid.work-3col li, .blog-grid.blog-3col li{
                width: 100%;
            }
            .home_detail .container{
                flex-direction: column;
                justify-content: center;
            }
            .events{
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 0;
                width: 100%;
            }
            .events__item{
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                width: 100%;
            }
            .events__item > div:last-child > h5{
                line-height: normal;
                height: 42px;
                font-size: 1.2em;
            }
            .events__item > div:last-child > h6,
            .events__item__heading{
                font-size: 1.1em;
                text-align: left;
            }
            .news{
                padding-top: 50px;
                width: 100%;
            }
            .blogs{
                padding-top: 50px;
                width: 100%;
                padding-left: 0;
            }
            .news figure, .blogs figure{
                overflow: hidden;
                height: 320px;
            }
            .news figure img, .blogs figure img{
                width: 100%;
                height: auto;
            }
            /*End of Consortium Detail*/
            /*Overflow untuk tabs view news&event*/
            .tab-style2 .tab-content{
                overflow: -webkit-paged-y;
            }
            /*About Article*/
            .about-article{
                padding: 0 20px;
            }
            .about-article figure{
                width: 100%;
                margin-bottom: 15px;
                overflow: hidden;
            }
            .about-article img{
                width: 100%;
            }
            .about-article h1{
                font-size: 1.4em;
                line-height: 24px;
                margin-bottom: 10px;
            }
            .about-article p{
                font-size: 1.1em;
            }
            .about-article .blog-quote{
                margin-top: 30px;
                margin-bottom: 40px;
                border-left: 2px solid #c1a073;
                padding-left: 80px;
                font-size: 1.1em;
            }
            /*End of About Article*/
            /*Publications*/
            .searchs_filter div{
                margin-bottom: 10px;
            }
            .searchs_filter div select, #datepicker{
                padding: 8px 10px;
            }
            .publication__filter{
                margin-top: 40px;
                margin-bottom: 20px;
            }
            .publication__filter select{
                width: 100%!important;
            }
            .publication-card, .publication-card figure{
                height: 350px;
            }
            /*End of Publications*/
            /*publication-detail*/
            .publication-detail-aside{
                padding-top: 0;
            }
            /*End of publication-detail*/
            /*About Team*/
            .team-image{
                height: 400px;
            }
            /*End of About Team*/
            /*Global*/
            .global-profile-picture{
                width: 180px;
                height: 180px;
                margin: 0 auto;
                margin-bottom: 30px;
            }
        }
        @media only screen and (max-width: 767px){
            /*Publication*/
            .blog-grid.blog-2col li{
                width: 100%;
            }
            /*End of Publication*/
        }

        @media only screen and (max-width: 425px){
            /*POFO Override*/
            .blog-post.blog-post-style1 .blog-post-images{
                margin: 0 auto;
            }
            .latest-post li{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-direction: row;
                margin-bottom: 0;
            }
            .latest-post li figure{
                height: auto;
            }
            /*Home*/
            .flex-caption{
                padding: 5px;
                font-size: 1em;
            }
            .flexslider .slides > li{
                height: 203px;
            }
            .flex-caption h1{
                font-size: 15px;
                line-height: 16px;
                margin-bottom: 0;
            }
            .portfolio-grid .grid-item figure{
                height: 220px;
            }
            .news figure, .blogs figure{
                height: 200px;
            }
            /*End of Home*/
            /*Publication*/
            /*End of Publication*/
            /*About Article*/
            .about-article figure, .publication-detail__heading figure{
                height: 200px;
            }
            /*End of About Article*/
            /*Publication Detail*/
            .publication-detail__heading h1{
                font-size: 1.4em;
                line-height: 24px;
            }
            .publication-detail-profile-picture{
                margin: 0 auto;
            }
            /*End of Publication Detail*/
            /*Event Detail*/
            .profile-social{
                margin-top: 5px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            /*End of Event Detail*/
            /*Event Feed*/
            .event-feed-card{
                flex-direction: column;
                align-items: center;
            }
            .event-feed-card > div:first-child{
                margin-bottom: 20px;
            }
            .event-feed-card > div:last-child > a{
                font-size: 1.3em;
                line-height: 22px;
            }
            /*End of Event Feed*/
            /*Blog feed*/
            .blog-feed-card{
                width: 100%;
            }
            /*End of Blog feed*/
            /*Partner feed*/
            .partner-card{
                flex-direction: column;
            }
            .partner-card figure{
                margin-right: 0;
                margin-bottom: 20px;
            }
            /*End of Partner*/
            /*About Team*/
            .team-image{
                height: 250px;
            }
            /*End of About Team*/
            /*Scholars Detail*/
            .scholars-feed{
                flex-direction: column;
            }
            .scholars-feed-picture{
                width: 100%;
                height: 220px!important;
                margin-bottom: 20px;
            }
            /*End of Scholars Detail*/
        }