html,body{
    height:100%;
    font-family:'Roboto',sans-serif;
    font-weight:400;
    background:#F6F8FA;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.floatleft{float:left}
.floatright{float:right}
.alignleft{
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
.alignright{
    float:right;
    margin-left:15px;
    margin-bottom:15px;
}
.aligncenter{
    display:block;
    margin:0 auto 15px;
}
a:focus{outline:0 solid;}
img{
    max-width:100%;
    height:100%;
}
.mobile-menu-area{
    background:#004445;
    margin-top:-5px;
}
/* .row { display: flex; } */
.fix{overflow:hidden}
p{margin:0 0 15px;}
h1,h2,h3,h4,h5,h6{margin:0 0 6px;font-weight:700}
a{transition:all 0.3s ease 0s;text-decoration:none}
a:hover{color:#ec4445;text-decoration:none}
a:visited,a:link,a:active{text-decoration:none}
a:active,a:hover{outline:0 none}
ul{list-style:outside none none;margin:0;padding:0}
.clear{clear:both}
@font-face{
    font-family:'educate-icon';
    src:url(fonts/educate-icon.ttf?ka5vvx) format('truetype'),url(fonts/educate-icon.woff?ka5vvx) format('woff'),url('fonts/educate-icon.svg?ka5vvx#educate-icon') format('svg');
    font-weight:400;font-style:normal;
}
.mg-tb-30{margin:30px 0;}
.mg-b-30{margin-bottom:30px;}
.mg-tb-15{margin:15px 0;}
.mg-t-30{margin-top:30px;}
.mg-b-10{margin-bottom:23px;}
.mg-ub-10{margin-bottom:17px;}
.mg-t-15{margin-top:15px;}
.mg-t-10{margin-top:10px;}
.mg-b-15{margin-bottom:20px;}
.mt-b-30{margin-bottom:30px;}
.bg-green{background:#006DF0;}
.bg-red{background:#933EC5;}
.bg-blue{background:#65b12d;}
.bg-purple{background:#D80027;}
.custom-container{padding:5px;}
.custom-paging { margin: 20px 0; display: flex; }
.custom-paging nav { margin: auto; }
.navigation {
    height: 54px;
    background: #004445;
}
.brand {
    position: absolute;
    padding-left: 20px;
    float: left;
    line-height: 54px;
    text-transform: uppercase;
    font-size: 1.4em;
}
.brand a, .brand a:visited {
    color: #fff;
    text-decoration: none;
}
.nav-container {
    margin: 0 auto;
}
nav {
    float: right;
}
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
nav ul li {
    float: left;
    position: relative;
}
nav ul li.search-story { min-width: 250px;}
nav ul li a, nav ul li a:visited {
    display: block;
    padding: 0 10px;
    line-height: 54px;
    background: #004445;
    color: #fff;
    text-decoration: none;
}
nav ul li a:hover, nav ul li a:visited:hover {
    background: #753422;
    color: #fff;
}
.nav-dropdown li a, .nav-dropdown li a:visited {
    display: block;
    padding: 0 10px;
    line-height: 28px;
    background: #14928e;
    color: #fff;
    text-decoration: none;
}
.nav-dropdown li a:hover, .nav-dropdown li a:visited:hover {
    background: #753422;
    color: #fff;
}
.nav-dropdown li {
    width: 100%;
}
ul li a {
    padding: 15px;
    line-height: 20px;
}
ul li a:not([href]):not([class]), ul li a:hover:not([href]):not([class]) { color: #fff; }
.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
    min-width: 160px;
}
.nav-mobile {
    display: none;
    position: absolute;
    top: -8px;
    right: 16px;
    background: #004445;
    height: 54px;
    width: 54px;
}
@media only screen and (max-width: 798px) {
    .nav-mobile {
        display: block;
    }
    nav {
        width: 100%;
        padding: 54px 0 15px;
    }
    nav ul {
        display: none;
    }
    nav ul li {
        float: none;
    }
    nav ul li a {
        padding: 15px;
        line-height: 20px;
    }
    nav ul li a ul li a {
        background-color: #004445;
    }
    nav ul li a ul li a {
        padding-left: 30px;
    }
    .nav-dropdown {
        position: static;
    }
    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xs-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media screen and (min-width: 799px) {
    .nav-list {
        display: block !important;
    }
}
#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
    top: -10px;
}
#nav-toggle span:after {
    bottom: -10px;
}
#nav-toggle.active span {
    background-color: transparent;    
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
    top: 0;
}
#nav-toggle.active span:before {
    transform: rotate(45deg);
}
#nav-toggle.active span:after {
    transform: rotate(-45deg);
}
.student-dtl h2{font-size:18px;color:#303030;}
.student-dtl p.dp,.student-dtl p.dp-ag{font-size:14px;color:#303030;margin:0;}
.student-inner-std{text-align:center;background:#fff;}
.student-dtl{
    padding:4px;
    position:absolute;
    bottom:0;
    background:rgba(0,0,0,.7);
    width:calc(100% - 16px);
}
.student-dtl .title{color:yellow;font-weight:700;font-size:14px;}
.student-dtl .title a{color:yellow;}
.student-dtl .title a:hover{color:red;}
.student-dtl .author{color:orange;font-size:12px;}
.student-dtl .total-chapter{color:#32e0c4;font-size:12px;font-weight:bold;}
.student-dtl .total-views{color:#2FDD92;font-size:12px;font-weight:bold;}
.student-dtl .author a{color:#f7941d}
.student-dtl .author a:hover{color:lime}
.student-dtl .category-name{color:#fff;font-size:12px;}
.student-dtl .date-story{color:#fff;font-size:12px}
.student-dtl .category-name a{color:#f45905;}
.student-dtl .category-name a:hover{color:greenyellow;}
.student-img img{width:100%;background-size:100%;}
.btn-info:active:hover{background:#F6F8FA}
.footer-copyright-area{background:#004445;padding:20px 0;text-align:center;}
.footer-copyright-area .link-app{color:#fff;padding-top:5px}
.footer-copy-right p{
    margin:0;
    font-size:15px;
    color:#fff;
}
.footer-copy-right a{color:#f7941d;text-decoration:none}
.footer-copy-right a:hover{color:red}
.logo-story{width:100%}
.story-item{padding:8px 8px 0 8px}
.story .info,.story .list-chapter,.story .hashtag{padding:5px;}
.story .hashtag .btn-hashtag{
    padding:2px 3px;
    font-size:10px;
    background-color:rgba(0,0,0,.7);
    color:#f7941d;
}
.story .hashtag .btn-hashtag:hover{
    background-color:rgba(0,0,0,.8);
    color:yellow;
}
.story .hashtag .btn-category-hashtag{
    padding:2px 3px;
    font-size:14px;
    background-color:#f7941d;
    color:#fff;
}
.story .hashtag .btn-category-hashtag:hover{
    background-color:rgba(0,0,0,.8);
    color:yellow;
}
.story .info .story-name{
    color:#f7941d;
    font-size:24px;
    font-weight:700;
    margin-top:10px;
}
.story .info .author{font-size:18px;}
.story .info .total-chapter{
    font-size:18px;
    color:#32e0c4;
    font-weight:bold;
}
.story .info .total-views{
    font-size:18px;
    color:#2FDD92;
    font-weight:bold;
}
.story .info .author a{
    color:red;
    font-weight:700;
}
.story .info .author a:hover{color:yellowgreen;}
.story .info .category-name{font-size:18px;}
.story .info .category-name a{color:green;font-weight:700;}
.story .info .category-name a:hover{color:deeppink;}
.horizontal-ads div { margin: auto; }
.horizontal-ads > div > div:last-child { display: none !important; }
.horizontal-ads iframe { margin-top: 5px; display: block; margin: auto; }
.story .list-chapter .chapters{
    background-color:rgba(0,0,0,.8);
    height:513px;
    overflow-y:auto;
    overflow-x:hidden;
}
.story .list-chapter .chapters .chapter-item{
    margin-bottom:2px;
    padding:5px 10px;
    color:#f7941d;
    cursor:pointer;
}
.story .list-chapter .chapters .chapter-item .chapter-item-content{
    float:left;
    width:calc(100% - 110px);
    padding:0 10px;
}
.story .list-chapter .chapters .chapter-item .chapter-item-action{
    float:left;
    width:110px;
    display:flex;
}
.story .list-chapter .chapters .chapter-item .chapter-item-action .fa{font-size:24px;}
.story .list-chapter .chapters .chapter-item .chapter-item-action .fa.fa-download{color:green;}
.story .list-chapter .chapters .chapter-item .chapter-item-action .fa.fa-exclamation-triangle{color:yellow;}
.story .list-chapter .chapters .chapter-item:hover{color:#fff;}
.story .list-chapter .chapters .chapter-item.active{background-color:#5f5f5f;color:yellow;}
.story .list-chapter .chapters .chapter-item:hover{background-color:rgba(0,0,0,.8);}
.story .list-chapter .chapters .chapter-item a{color:#f7941d;}
.story .list-chapter .chapters .chapter-item .download{text-align:center;}
.button-download{
    margin:15px 0;
    padding:15px;
    font-size:24px;
    font-weight:700;
}
.static-table-area .container-fluid{
    padding-left:7px;
    padding-right:7px;
}
.story-details img{width:100%;}
.main-container{min-height:calc(100vh - 150px);}
.main-container-paging{min-height:calc(100vh - 276px);}
.main-container-norelationship{min-height:calc(100vh - 141px);}
.lastest-stories{margin:15px 0;}
.lastest-stories .lastest-stories-info{
    margin:5px 0;
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .col-logo-story{
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .col-info-story{
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .story-name{
    font-size:18px;
    font-weight:700;
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .story-name a { color:#DA0037;}
.lastest-stories .author{
    font-size:16px;
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .author a { color: #f7941d; }
.lastest-stories .total-chapter{
    font-size:16px;
    padding-left:5px;
    padding-right:5px;
    color:#32e0c4;
}
.lastest-stories .total-views{
    font-size:16px;
    padding-left:5px;
    padding-right:5px;
    color:#2FDD92;
}
.lastest-stories .category-name{
    font-size:16px;
    padding-left:5px;
    padding-right:5px;
}
.lastest-stories .category-name a { color: #f45905; }
.lastest-stories .date-story{
    font-size:14px;
    padding-left:5px;
    padding-right:5px;
    font-style:italic;
}
.content-autocomplete-comic{display:none;}
.content-autocomplete-comic.active{
    position:absolute;
    background-color:#fff;
    width:97%;
    display:block;
    color:#f7941d;
    cursor:pointer;
    left:auto;
    max-height:300px;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
}
.content-autocomplete-comic.active .autocomplete-comic-item{
    padding:5px 10px;
}
.content-autocomplete-comic.active .autocomplete-comic-item:hover{
    background-color:rgba(0,0,0,.8);
    box-shadow:1px rgba(0,0,0,.8);
}
.content-autocomplete-comic.active a .autocomplete-comic-item{color:#f7941d;}
.download-story img{max-width:344px;}
.fb_iframe_widget_fluid_desktop iframe{width:100%!important;}
@media only screen and (max-width:768px){
    .demo .main-title{font-size:3em;}
    .custom-container{padding:0;}
}
@media (max-width:991px) and (min-width:768px){
    .col-md-offset-3 { margin-left: 0 !important; }
    .logo-pro{background-color:#004445!important;}
    .mean-container .mean-bar .mean-nav .row{
        box-sizing:inherit;
        display:flex;
        margin-right:0;
        margin-left:0;
    }
    .mean-container .mean-nav ul li a{padding:5px;color:#f7941d;}
}
@media (min-width:1200px){
    .container{width:970px;}
}
@media(max-width:767px){
    .col-md-offset-3 { margin-left: 0 !important; }
    .left-ads,.right-ads,.popup-ads{display:none;}
    .container{width:100%!important;padding:0 5px;}
    .col-category{width:50%;float:left;}
    .col-category .dropdown-item{border:1px solid#ddd;}
    .col-xs-3,.col-xs-9{padding-left:5px;padding-right:5px;}
    .student-dtl .title{font-size:24px;}
    .student-dtl .author{font-size:18px;}
    .student-dtl .category-name{font-size:18px;}
    .lastest-stories .story-name{font-size:18px;}
    .mean-container .mean-bar .mean-nav .row{
        box-sizing:inherit;
        display:flex;
        margin-right:0;
        margin-left:0;
    }
    .story .info .story-name{font-size:20px;}
    .story .info .author{font-size:16px;}
    .story .info .total-chapter{font-size:16px;}
    .story .info .total-views{font-size:16px;}
    .story .info .category-name{font-size:16px;}
    .mean-container .mean-nav ul li a{
        padding:5px;
        color:#004445;
        font-weight:700;
    }
    .custom-container{padding:0;}
    .res-mg-b-30 { margin-bottom: 0px; }
    .container-fluid { padding-left: 5px; padding-right: 5px; }
}
@media(max-width:480px){
    .col-md-offset-3 { margin-left: 0 !important; }
    .story .info,.story .list-chapter,.story .hashtag{
        padding-right:15px;
        padding-left:15px;
    }
    .custom-container{padding:0;}
    .btn-primary { background-color: #14928e; padding: 10px 8px !important;}
    .login { padding: 5px !important; }
    .login .login-title { font-size: 24px !important;}
    .story .hashtag .btn-category-hashtag { padding: 4px !important; font-size: 11px !important; }
    .story .hashtag .btn-hashtag { padding: 4px !important; }
    .story .list-chapter .chapters .chapter-item .chapter-item-content { font-size: 12px; }
    .story .list-chapter .chapters .chapter-item .chapter-item-action .fa { font-size: 20px; }
}
@media (min-width: 768px) {
    .story .info .story-name { font-size: 20px;}
    .story .info .author, .story .info .total-chapter, .info .total-views, .story .info .category-name { font-size: 16px;}
    .story .list-chapter .chapters .chapter-item .chapter-item-action .fa { font-size: 20px;}
}
@media (max-width:1169px) and (min-width:992px){
    .res-dis-nn{display:block!important;}
    .logo-pro{
        display:block!important;
        background:none!important;
    }
}
canvas{
    display:block; 
    vertical-align:bottom;
}
#particles-js{
    position:absolute;
    width:100%;
    height:100%;
    background-color:#b61924;
    background-image:url("");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50% 50%;
}
.count-particles{
    background:#002;
    position:absolute;
    top:48px;
    left:0;
    width:80px;
    color:#13E8E9;
    font-size:.8em;
    text-align:left;
    text-indent:4px;
    line-height:14px;
    padding-bottom:2px;
    font-family:Helvetica,Arial,sans-serif;
    font-weight:700;
}
.js-count-particles{font-size:1.1em;}
#stats,.count-particles{
    -webkit-user-select:none;
    margin-top:5px;
    margin-left:5px;
}
#stats{
    border-radius:3px 3px 0 0;
    overflow:hidden;
}
.count-particles{border-radius:0 0 3px 3px;}
.padding-left-5{padding-left:5px;}
.padding-left-10{padding-left:10px;}
@media(max-width:600px){
    .col-md-offset-3 { margin-left: 0 !important; }
    .static-table-area .container-fluid{padding:0 5px;}
    .student-dtl .title{font-size:12px;}
    .student-dtl .author{font-size:12px;}
    .student-dtl .category-name{font-size:12px;}
    .lastest-stories .story-name{font-size:14px;}
    .lastest-stories .author{font-size:14px;}
    .lastest-stories .total-chapter{font-size:14px;}
    .lastest-stories .total-views{font-size:14px;}
    .lastest-stories .category-name{font-size:14px;}
    .lastest-stories .date-story{font-size:14px;}
    .lastest-stories .lastest-stories-info{padding:0;}
    h3.title-info-page{font-size:14px;}
    .pagination>li>a,.pagination>li>span{padding:4px 8px;}
}
.invalid-error, .required-icon {
    color: red;
    font-style: italic;
    font-size: 14px;
}
.padding0 { padding: 0 !important; }
.margin0 { margin: 0 !important; }
.col-md-offset-3 {
    margin-left: 25%;
}
.login {
    padding: 10px 40px;
    border: 1px solid #14928e;
    border-radius: 6px;
}
.login .form-group {
    margin: 0 5px 10px 5px;
}
.login .form-group .form-control {
    padding: 5px;
}
.login .login-title {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #14928e;
}
.return-button { font-size: 28px; font-weight: bold; }
.btn-primary { background-color: #14928e; padding: 10px 20px;}

.warning-note { background-color: #FFB740; padding: 5px 10px; border-radius: 8px; }
.warning-note .warning-note-title { color: red; font-size: 14px; font-weight: bold; }
.warning-note .warning-note-content { color: black; font-size: 12px; font-style: italic; font-weight: bold; }

.gamecoin { background-color: #007a5c; padding: 10px; }
.bg-header-game { font-size: 14px; background: linear-gradient(to bottom,#235061 0%,#142F4D 36%,#142F4D 41%); color: white; font-weight: bold; text-align: center; padding: 5px 10px; }
.bg-header-content { background-color: #004530; color: #feba00; font-weight: bold; text-align: center; padding: 5px 10px; }
.border1px { border: 1px solid #fff; }
.colorcoin { color: #feba00; font-weight: bold; }
.coinvalue { font-size: 14px; font-weight: bold; }
.coinbetvalue { font-size: 24px; font-weight: bold; }
.coinpercent { padding: 3px; }
.colorwhite { color: white; }
.colorred { color: red; }
.row-number-roll { margin: 15px; }
.number-roll { background: linear-gradient(to bottom,#45484d 0%,#000000 100%); color: white; font-size: 48px; font-weight: bold; line-height: 1; padding: 5px 8px; margin: 3px; border-radius: 10px; }
.btn-custom-game, .btn-custom-game:hover { background-color: #feba00; width: 150px; padding: 5px 10px; }
.img-coin-game { width: 16px; height: 16px; margin-top: -3px; }
.alert-message { margin-top: 10px; margin-right: 15px; margin-left: 15px; }
.bg-header-roll { background: linear-gradient(to bottom,#3192f3 5%,#005bb6 100%); color: white; font-weight: bold; text-align: center; padding: 10px; }
.bg-content-roll { background-color: #004530; font-weight: bold; text-align: center; padding: 10px; color: white; }
.btn-custom-roll, .btn-custom-roll:hover { background: linear-gradient(to bottom,#0CCF16 5%,#057F0B 100%); width: 150px; padding: 5px 10px; }
.bg-warning { color: red; background-color: yellow; padding: 10px; }
.bg-success { color: white; background-color: #057F0B; padding: 10px; border-radius: 10px; }

.nav-dropdown.menu-categories li { min-width: 350px; }
.nav-dropdown.menu-categories li .col-menu { width:33%; float:left; }
/* .nav-dropdown.menu-categories li .col-menu a { font-size: 14px; } */
textarea { height: auto;}
.cke_chrome { width: 100% !important; }
.cke_contents { height: 350px !important; }
.story .chapters { background-color: rgba(0, 0, 0, 0.1); max-height: 720px; overflow-y: auto; overflow-x: hidden; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; }
.story .chapters .chapter-item { color: #fff; padding: 8px 16px; margin: 8px 4px; background-color: #007a5c; font-weight: bold;}
.story .chapters .chapter-item div { padding-left: 0px; padding-right: 0px; }
.story .chapters .chapter-item.active { background-color: #5f5f5f; }
.story .chapters .chapter-item:hover { background-color: #f7941d; }
.story .chapters .chapter-item a { color: #fff; }
.story .chapters .chapter-item a:hover { color: red; }
.story .chapters .chapter-item .download img { width: 20px; height: 20px; }
.footer-chapter { margin: 35px 0; }
.title-chapter { color: #f7941d; font-weight: bold; padding-top: 15px; }
.title-chapter-story a { color: #bb2205; }
.title-chapter-story a:hover { color: red; }
.category-chapter-story a { color: #070d59; }
.category-chapter-story a:hover { color: red; }
.author-chapter-story a { color: #d7385e; }
.author-chapter-story a:hover { color: red; }
#selectChapter { width: 140px; height: 46px; background-color: rgba(0, 0, 0, 0.8); }
.footer-chapter .btn-group { text-align: center; }
.chapter-container { box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); background: white; padding: 15px; margin: 15px; }
.content-chapter { padding: 15px; min-height: 500px; box-shadow: 0 10px 15px 0 rgba(0,0,0,.15); background: white; margin: 15px; text-align: justify; }
.list-background-color, .list-custom-font-family { margin: 10px 0; }
.list-background-color .item-background-color { width: 40px; height: 40px; border-radius: 50%; margin: auto; }
.list-background-color .item-background-color.color-1 { background-color: #fff; border: 1px solid red; }
.list-background-color .item-background-color.color-2 { background-color: #556052; }
.list-background-color .item-background-color.color-3 { background-color: #321f28; }
.list-background-color .item-background-color.color-4 { background-color: #214252; }
.list-background-color .item-background-color.color-5 { background-color: #3797a4; }
.list-background-color .item-background-color.color-6 { background-color: #595b83; }
.list-background-color .item-background-color.color-1.active,
.list-background-color .item-background-color.color-2.active,
.list-background-color .item-background-color.color-3.active,
.list-background-color .item-background-color.color-4.active,
.list-background-color .item-background-color.color-5.active,
.list-background-color .item-background-color.color-6.active { border: 3px solid yellow; }
.item-custom-font-family { color: #fff; width: 100%; margin: 10px 0; }
.item-custom-font-family .custom-font-family-1.active, .item-custom-font-family .custom-font-family-2.active,
.item-custom-font-family .custom-font-family-3.active, .item-custom-font-family .custom-font-family-4.active,
.item-custom-font-family .custom-font-family-5.active, .item-custom-font-family .custom-font-family-6.active { border: 3px solid yellow; }