body{
    padding: 0;
    margin: 0;
}
@font-face {
	font-family: "gothic1";
	src: url("../fonts/GOTHIC.TTF") format("truetype");
}
@font-face {
	font-family: "gothic2";
	src: url("../fonts//GOTHICB.TTF") format("truetype");
}
@font-face {
	font-family: "gothic3";
	src: url("../fonts/GOTHICBI.TTF") format("truetype");
}
@font-face {
	font-family: "gothic4";
	src: url("../fonts/GOTHICI.TTF") format("truetype");
}
@font-face {
	font-family: "arial";
	src: url("../fonts/Arial.ttf") format("truetype");
}
/* .clear-user-agent-styles table,
.clear-user-agent-styles thead,
.clear-user-agent-styles tbody,
.clear-user-agent-styles tfoot,
.clear-user-agent-styles tr,
.clear-user-agent-styles th,
.clear-user-agent-styles td {
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    vertical-align: inherit;
    text-align: left;
    font-weight: inherit;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
}
th, td {
    display: inline;
} */
section.crn .head-crn{
    background-image: url(../images/header_img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 391px;
}
section.crn .head-crn label,
section.crn .head-crn h1{
    color: #fff;
    width: 100%;
    font-family: "gothic1";
    font-weight: 100;
    display: block;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-align: center;
    -moz-text-align: center;
    -o-text-align: center;
}
section.crn .head-crn label{
    font-size: 60px;
    padding: 60px 30px 0;
}
section.crn .head-crn h1{
    font-size: 26px;
    padding-top: 0;
    width: 100%;
}

section.crn .head-crn form{
    position: relative;
    max-width: 864px;
    margin: 50px auto 0;
    width: 100%;
}
section.crn .head-crn form img.search_icon{
    left: 15px !important;
    top: 13px !important;
}
section.crn .head-crn form input.search{
    padding-left: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
}

section.crn .content-crn .wrapper-details{
    max-width: 864px;
    margin: 25px auto;
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 15px;
}
section.crn .content-crn .card-parent{
    width: 100%;
    max-width: 864px;
    margin: 0 auto;
    position: relative;
}
section.crn .content-crn .card-parent .card-crn{
    padding-top: 30px;
    position: relative;
}
section.crn .content-crn .card-parent .card-crn label{
    color: #2F82FF;
    font-family: "arial";
    font-size: 20px;
    text-transform: uppercase;
}
section.crn .content-crn .card-parent .card-crn label i.little-arrow{
    background-image: url(../images/arrow-rightsvg.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
}
section.crn .content-crn .card-parent .card-crn .card{
    max-width: 864px;
    margin: 25px auto;
    width: 100%;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 15px;
    color: #333333;

}
section.crn .content-crn .card-parent .card-crn .card h3,
section.crn .content-crn .card-parent .card-crn .card p,
section.crn .content-crn .card-parent .card-crn .card span{
    color: #333333;
    font-family: "arial";
    line-height: 25px;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 15px;
}

section.crn .content-crn .card-parent .card-crn .card div{
    color: #333333;
    font-family: "arial";
    line-height: 25px;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 15px;
}

section.crn .content-crn .card-parent .card-crn .card h3{
    line-height: 30px;
    font-weight: bold;
}
section.crn .content-crn .card-parent .card-crn .card p{
    padding: 10px 0 30px 0;
}
section.crn .content-crn .card-parent .card-crn .card .btn-wrapper{
    text-align: center;
    -webkit-text-align: center;
    -moz-text-align: center;
    -o-text-align: center;
}
section.crn .content-crn .card-parent .card-crn .card button{
    color: #ffffff;
    font-family: "arial";
    padding: 10px 30px;
    border: 0;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    background: linear-gradient(90deg, #48C6EF 0%, #6F86D6 100%);
    border-radius: 3px;
    cursor: pointer;
}
section.crn .content-crn .card-parent .card-crn .card .frame img{
    width: 100%;
    height: auto;
    min-height: 350px;
    /*max-height: 500px;*/
    object-fit: cover;
}
section.crn .content-crn .card-parent .card-crn .card .frame iframe{
    width: 100%;
    height: auto;
    min-height: 350px;
    max-height: 500px;
    object-fit: cover;
}
section.crn .content-crn .card-parent .card-crn .card .frame{
    width: 100%;
    height: auto;
    /*max-height: 500px;*/
    padding: 20px 0;
    position: relative;
    text-align: center;
    -webkit-text-align: center;
    -moz-text-align: center;
    -o-text-align: center;
}
section.crn .content-crn .card-parent .card-crn .card p span.hidde{
    display: none;
}

section.crn .content-crn .card-parent .card-crn .card div.hidde{
    display: none;
}

section.crn .content-crn .card-parent .card-crn table thead tr th{
    font-family: "arial";
    font-weight: 900 !important;
    font-size: 18px;
}
section.crn .content-crn .card-parent .card-crn tbody > th, td {
    padding: 10px 15px;
    border-bottom: unset;
    border-left: unset;
    border-right: unset;
    border-radius: 0 !important;
    vertical-align: unset;
    font-size: unset;
    text-align: unset;
    font-weight: 100 !important;
}
section.crn .content-crn .card-parent .card-crn tbody tr th,
section.crn .content-crn .card-parent .card-crn tbody tr td{
    border: 0 !important;
    text-align: left;
}
section.crn .content-crn .card-parent .card-crn table{
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 10px 0;
}
section.crn .content-crn .card-parent .card-crn .table-crn>tbody>tr:nth-of-type(odd) {
    background-color: #eeeeee !important;
}
section.crn .content-crn .card-parent .card-crn .card a.card-link{
    color: #333333;
}
section.crn .content-crn .card-parent .card-crn .card a.card-link:hover{
    color: #08acea;
}
section.crn .content-crn .card-parent .card-crn .card .card-link img{
    margin-left: 15px;
    margin-top: -7px;
}
#update, #kamus, #mitos, #dos, #drs, #link{
    outline: none;
    box-shadow: none;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    top: -155px;
}
.topik a{
    text-decoration: none;
}

div.sticky-crn{
    width:100%;
    z-index:100;
}
.sticky-crn.is-sticky{
    top: 60px;
    background-image: url(../images/header_img.jpg);
    /* background-repeat: no-repeat; */
    background-position: center;
}
.sticky-crn.is-sticky > form{
    margin: 30px auto 25px !important;
}

section.crn .content-crn .card-parent .card-crn .card p {
    padding: 10px 0 10px 0;
}
.sticky-crn.is-sticky > form{
    margin: 30px auto 25px !important;
}

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
  max-height:150px; /* Set your expected height */
  overflow-y:scroll; /* Enable vertical scrollbar */
}
#search_1,#search_2,#search_3,#search_4,#search_5,
#search_6,#search_7,#search_8,#search_9,#search_10,
#search_11,#search_12,#search_13,#search_14,#search_15,
#search_16,#search_17,#search_18,#search_19,#search_20,
#search_21,#search_22,#search_23,#search_24,#search_25,
#search_26,#search_27,#search_28,#search_29,#search_30,
#search_31,#search_32,#search_33,#search_34,#search_35,
#search_36,#search_37,#search_38,#search_39,#search_40,
#search_41,#search_42,#search_43,#search_44{
    outline: none;
    box-shadow: none;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    top: -165px;
}
.card ul {
    margin-left: 18px;
}
.container_inject .last{
    z-index: 9;
}