/* Global */
/* @font-face {
    font-family: 'Conv_GothamRnd-Book';
    src: url('../fonts/GothamRnd-Book.eot');
    src: url('../fonts/GothamRnd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRnd-Book.woff') format('woff'),
        url('../fonts/GothamRnd-Book.ttf') format('truetype'),
        url('../fonts/GothamRnd-Book.svg#webfont') format('svg');
} */

@font-face {
    font-family: 'GothamRounded';
    src: url('../fonts/GothamRnd-Book.eot');
    src: url('../fonts/GothamRnd-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRnd-Book.woff') format('woff'),
        url('../fonts/GothamRnd-Book.ttf') format('truetype'),
        url('../fonts/GothamRnd-Book.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamRounded';
    src: url('../fonts/GothamRnd-Medium.eot');
    src: url('../fonts/GothamRnd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRnd-Medium.woff') format('woff'),
        url('../fonts/GothamRnd-Medium.ttf') format('truetype'),
        url('../fonts/GothamRnd-Medium.svg#webfont') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GothamRounded';
    src: url('../fonts/GothamRnd-Bold.eot');
    src: url('../fonts/GothamRnd-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GothamRnd-Bold.woff') format('woff'),
        url('../fonts/GothamRnd-Bold.ttf') format('truetype'),
        url('../fonts/GothamRnd-Bold.svg#webfont') format('svg');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-display: swap;
}

html {
    scroll-behavior: smooth;
}
body {
    /* padding-top: 112px; */
    font-family: 'GothamRounded';
    /* font-family: 'Conv_GothamRnd-Book'; */
}
.text-truncate-5 {
    -webkit-line-clamp: 5;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-truncate-4 {
    -webkit-line-clamp: 4;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-truncate-3 {
    -webkit-line-clamp: 3;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.text-truncate-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
table {
    width: 100% !important;
}
.w-60 {
    width: 60% !important;
}
.w-65 {
    width: 65% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-20 {
    width: 20% !important;
}
.w-30 {
    width: 30% !important;
}
.w-35 {
    width: 35% !important;
}
.w-40 {
    width: 40% !important;
}
/* Global */

/* Icon */
.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    vertical-align: middle;
    
}
.icon-arrow-down {
    background-image: url(/images/icon/ic_arrow_down_white.svg);
    background-position: center;
}
.icon-download {
    background-image: url(/images/icon/ic_download.svg);
    background-position: center;
    width: 15px;
    height: 15px;
    vertical-align: unset;
}
/* Icon */

/* Background Color */
.bg-white {
    background-color: white !important;
}
.bg-black {
    background-color: #1D1D1D !important;
}
.bg-event-highlight {
    background: rgba(231, 22, 24, 0.1);
}
.bg-footer2 {
    background: linear-gradient(90deg, #580000 0%, #E71618 50.2%, #510000 100%);
}
.bg-gray {
    background: #F4F4F4;
}
.bg-gradient-white {
    background: linear-gradient(90deg, #FFFFFF 0%, #EEEEEE 100%) !important;
}
.bg-gradient-white-transform {
    background: linear-gradient(-90deg, #FFFFFF 100%, #EEEEEE 100%) !important;
}
.bg-gradient-gray {
    background: linear-gradient(-90deg, #FFFFFF 0%, #EEEEEE 100%);
}
.bg-gradient-red {
    background: linear-gradient(90deg, #1D1D1D 0%, #E71618 100%) !important;
}
.bg-gradient:before {
    background: linear-gradient(90deg, #1D1D1D 0%, #E71618 100%) !important;
}
.bg-sidebar {
    background-image: url(/images/detail_navigation.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-section-gather {
    background: linear-gradient(90deg, #FFFFFF 18.68%, #EEEEEE 101%)
}
.news-detail .bg-sidebar {
    background-image: url(/images/detil_navigation_news_detail.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* Background Color */

/* Text Color */
.font-site {
    /* font-family: 'Gotham Rounded'; */
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #4F4F4F !important;
}
h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0px;
}
h2 {
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: 0px;
}
h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
}

.text-red {
    color: #E71618 !important;
}
.text-gray-primary {
    color: #333333;
}
.text-gray-secondary {
    color: #999999;
}
.text-black {
    color: #262626;
}
.text-black-primary {
    color: #1C1C1C;
}
.text-white {
    color: #FFFFFF;
}

.font-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
}
.font-breadcrumbs {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.font-paragraph {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 27px;
}
.font-subtitle {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
}
.font-footer {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}
.font-article {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 23px;
}
.font-menu {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}
.font-period {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 27px;
}
/* Text Color */

/* Button */
.btn-primary {
    color: #fff;
    background-color: #E71618 !important;
    border-color: #E71618 !important;
}
.btn-primary:hover:focus:active {
    color: #fff;
    background-color: #b31417 !important;
    border-color: #b31417 !important;
}

.btn-secondary {
    color: #E71618 !important; 
    background-color: #fff !important;
    border: 2px solid #E71618 !important;
}
.btn-secondary:hover:focus:active {
    color: #b31417 !important;
    background-color: #fff !important;
    border: 2px solid #b31417 !important;
}
.btn-thumbnail-cfu {
    padding: 16px 32px;
}
/* .dropdown-toggle[aria-expanded="true"]::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
} */
.scrollToTop{
    display: none;
    height: 56px;
    width: 56px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #1D1D1D;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 16px 24px rgba(8, 35, 48, 0.16);
    border-radius: 8px;
}
.scrollToTop:hover{
    background-color: #555;
}
.dropdown-toggle::after {
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
    margin-left: 15px;
}
.dropdown-toggle[aria-expanded="true"]::after {
    font-family: "Font Awesome 5 Free";
    content: "\f106";
    vertical-align: unset;
    border-top: unset;
    border-right: unset;
    border-bottom: unset;
    border-left: unset;
}
/* Button */

/* Pagination */
.nav.pagination .nav-item a{
	color: #b4b4b4;
}
.nav.pagination .nav-item a.active{
	color: #FF0000;
}
.nav.pagination .nav-item a:hover{
    color: #FF0000;
    text-decoration: none;
}
/* Pagination */

/* ACGS */
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.5s;
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title a {
    color: #000000;
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title:hover{
    background-color: #e41b13;
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title:hover > a {
    color: #FFFFFF;
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title {
    margin-bottom: unset;
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title a[aria-expanded="true"] .glyphicon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f068";
}
.collapsible-item .collapsible-item-heading .accordion.collapsible-item-title .glyphicon:before {
    font-family: "Font Awesome 5 Free";
    content: "\f067";
    float: right;
    font-weight: normal;
    font-size: 10px;
}
.collapsible-item .collapsible-item-collapse .collapsible-item-body table {
    font-size: 14px !important;
}
.collapsible-item .collapsible-item-collapse .collapsible-item-body table a {
    color: #E71618;
}
.collapsible-item .collapsible-item-collapse .collapsible-item-body table a:hover {
    color: #b31417;
}
.collapsible-item .collapsible-item-collapse .collapsible-item-body table tbody td, .collapsible-item .collapsible-item-collapse .collapsible-item-body table tbody th {
    padding: 10px;
}
/* ACGS */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .container-padding {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .container-margin {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .container-padding {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .container-margin {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .subtitle {
        font-size: 14px;
    }

    .container-padding {
        padding-right: 32px !important;
        padding-left: 32px !important;
    }
    .container-margin {
        margin-left: 32px !important;
        margin-right: 32px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .subtitle {
        font-size: 14px;
    }

    .container-padding {
        padding-right: 100px !important;
        padding-left: 100px !important;
    }
    .container-margin {
        margin-left: 100px !important;
        margin-right: 100px !important;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .container-padding {
        padding-right: 140px !important;
        padding-left: 140px !important;
    }
    .container-margin {
        margin-left: 140px !important;
        margin-right: 140px !important;
    }
}