/* Font face */
@font-face {
    font-family: Averta-Bold;
    src: url(../fonts/Averta-Bold.otf);
}

@font-face {
    font-family: Averta-Black;
    src: url(../fonts/Averta-Black.otf);
}

@font-face {
    font-family: Averta-Regular;
    src: url(../fonts/Averta-Regular.otf);
}

@font-face {
    font-family: Averta-Thin;
    src: url(../fonts/Averta-Thin.otf);
}

@font-face {
    font-family: IBM Plex Serif;
    src: url(../fonts/IBMPlexSerif.woff);
}

@font-face {
    font-family: IBM Plex Serif-Bold;
    src: url(../fonts/IBMPlexSerif-Bold.woff);
}


/* Root */
:root {
    --main-color-1: #222;
    --main-color-2: #666;
    --main-color-3: #999;
    --main-white-color: #fff;
    --main-grey-color: #f5f5f5;
    --main-red-color: #db2121;
    --main-yellow-color-1: #fece26;
    --main-yellow-color-2: #f5d874;
    --main-border-color: #e0e0e0;
    --main-blue-color: #006ac1;
    --main-background-color: linear-gradient(rgb(0, 134, 244), rgb(0, 106, 193));
}


/* Css reset */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Averta-Regular', sans-serif;
    color: var(--main-color-1);
}

body {
    position: relative;
}

header, section, footer, aside, nav, main, article, figure, figcaption, mark, summary, time, details, ul, li, a, img {
    display: block;
    margin: 0;
    padding: 0
}

input, textarea, select, button {
    border: none;
    background: transparent;
    outline: none !important;
    color: var(--main-color-1);
}

img {
    image-rendering: -webkit-optimize-contrast;
}

button {
    cursor: pointer
}

h1, h2, h3, h4, h5, h6, b, strong {
    font-size: inherit;
    font-family: 'Averta-Bold', sans-serif;
    margin: 0;
    color: var(--main-color-1);
}

em {
    color: inherit
}

a:hover {
    text-decoration: none
}


/* Icon SVG */
.icon-grp {
    display: inline-block;
    position: relative;
    -webkit-mask-size: cover;
    mask-size: cover
}

.icon-s12 {
    width: 12px;
    height: 12px
}

.icon-s14 {
    width: 14px;
    height: 14px
}

.icon-s16 {
    width: 16px;
    height: 16px
}

.icon-s18 {
    width: 18px;
    height: 18px
}

.icon-s20 {
    width: 20px;
    height: 20px
}

.icon-s22 {
    width: 22px;
    height: 22px
}

.icon-s24 {
    width: 24px;
    height: 24px
}

.icon-s26 {
    width: 26px;
    height: 26px
}

.icon-s28 {
    width: 28px;
    height: 28px
}

.icon-s30 {
    width: 30px;
    height: 30px
}

.icon-s32 {
    width: 32px;
    height: 32px
}

.icon-s34 {
    width: 34px;
    height: 34px
}

.icon-s42 {
    width: 42px;
    height: 42px
}

.icon-s72 {
    width: 72px;
    height: 72px
}

.icon-home {
    background-color: var(--main-red-color);
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 201.865 201.865' style='enable-background:new 0 0 201.865 201.865;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M200.65,105.892l-21.763-19.709V39.168c0-2.026-1.643-3.665-3.665-3.665h-19.158 c-0.973,0-1.908,0.383-2.598,1.074c-0.691,0.691-1.077,1.625-1.066,2.602l0.05,23.059l-47.466-42.993 c-1.389-1.256-3.482-1.267-4.889-0.032L1.247,106.278c-1.263,1.109-1.61,2.924-0.841,4.42c0.759,1.485,2.434,2.28,4.066,1.908 l21.971-4.96v67.758c-0.021,0.591-0.032,3.647,2.18,5.944c0.981,1.009,2.738,2.222,5.569,2.222c5.282,0,49.027-0.054,49.027-0.054 c2.029,0,3.661-1.643,3.665-3.665l0.057-40.509c-0.036-0.472,0.05-1.671,0.537-2.205c0.329-0.351,1.034-0.433,1.557-0.433h20.353 c0.913,0,2.147,0.147,2.781,0.805c0.698,0.716,0.687,1.961,0.676,2.154l-0.093,40.058c0,0.97,0.379,1.904,1.07,2.598 c0.687,0.687,1.632,1.081,2.598,1.081h48.003c3.264,0,5.268-1.378,6.363-2.527c2.559-2.663,2.473-6.313,2.459-6.564V106.54 l24.111,5.64c1.643,0.39,3.307-0.39,4.091-1.868C202.225,108.834,201.896,107.019,200.65,105.892z M159.744,42.836h11.817v36.705 l-11.76-10.651L159.744,42.836z M170.409,98.344c-1.081-0.258-2.24,0-3.11,0.698c-0.873,0.694-1.389,1.754-1.389,2.874v72.486 c0,0.394-0.143,1.12-0.419,1.403c-0.225,0.222-0.762,0.251-1.07,0.251h-44.328l0.079-36.129c0.032-0.44,0.218-4.366-2.609-7.401 c-1.356-1.435-3.858-3.153-8.181-3.153H89.029c-3.654,0-5.83,1.557-7.011,2.859c-2.516,2.788-2.473,6.524-2.409,7.573 l-0.057,36.383c-10.629,0.011-41.017,0.05-45.366,0.05c-0.132,0-0.215-0.007-0.268-0.007c-0.007,0-0.018,0-0.025,0 c-0.068-0.147-0.118-0.426-0.118-0.676v-72.493c0-1.113-0.515-2.169-1.381-2.867c-0.873-0.694-2.015-0.948-3.096-0.712 l-12.433,2.806l85.613-75.406l49.986,45.269v0.218h0.236l32.51,29.447L170.409,98.344z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 201.865 201.865' style='enable-background:new 0 0 201.865 201.865;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%23010002;' d='M200.65,105.892l-21.763-19.709V39.168c0-2.026-1.643-3.665-3.665-3.665h-19.158 c-0.973,0-1.908,0.383-2.598,1.074c-0.691,0.691-1.077,1.625-1.066,2.602l0.05,23.059l-47.466-42.993 c-1.389-1.256-3.482-1.267-4.889-0.032L1.247,106.278c-1.263,1.109-1.61,2.924-0.841,4.42c0.759,1.485,2.434,2.28,4.066,1.908 l21.971-4.96v67.758c-0.021,0.591-0.032,3.647,2.18,5.944c0.981,1.009,2.738,2.222,5.569,2.222c5.282,0,49.027-0.054,49.027-0.054 c2.029,0,3.661-1.643,3.665-3.665l0.057-40.509c-0.036-0.472,0.05-1.671,0.537-2.205c0.329-0.351,1.034-0.433,1.557-0.433h20.353 c0.913,0,2.147,0.147,2.781,0.805c0.698,0.716,0.687,1.961,0.676,2.154l-0.093,40.058c0,0.97,0.379,1.904,1.07,2.598 c0.687,0.687,1.632,1.081,2.598,1.081h48.003c3.264,0,5.268-1.378,6.363-2.527c2.559-2.663,2.473-6.313,2.459-6.564V106.54 l24.111,5.64c1.643,0.39,3.307-0.39,4.091-1.868C202.225,108.834,201.896,107.019,200.65,105.892z M159.744,42.836h11.817v36.705 l-11.76-10.651L159.744,42.836z M170.409,98.344c-1.081-0.258-2.24,0-3.11,0.698c-0.873,0.694-1.389,1.754-1.389,2.874v72.486 c0,0.394-0.143,1.12-0.419,1.403c-0.225,0.222-0.762,0.251-1.07,0.251h-44.328l0.079-36.129c0.032-0.44,0.218-4.366-2.609-7.401 c-1.356-1.435-3.858-3.153-8.181-3.153H89.029c-3.654,0-5.83,1.557-7.011,2.859c-2.516,2.788-2.473,6.524-2.409,7.573 l-0.057,36.383c-10.629,0.011-41.017,0.05-45.366,0.05c-0.132,0-0.215-0.007-0.268-0.007c-0.007,0-0.018,0-0.025,0 c-0.068-0.147-0.118-0.426-0.118-0.676v-72.493c0-1.113-0.515-2.169-1.381-2.867c-0.873-0.694-2.015-0.948-3.096-0.712 l-12.433,2.806l85.613-75.406l49.986,45.269v0.218h0.236l32.51,29.447L170.409,98.344z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
}

.icon-nav {
    top: 1px;
    background-color: var(--main-red-color);
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H11' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H16' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 19H21' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 5H11' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 12H16' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 19H21' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
    -ms-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
}

.icon-camera {
    top: 6px;
    margin-right: 5px;
    background-color: var( --main-blue-color);
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' id='i-video' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 13 L30 8 30 24 22 19 Z M2 8 L2 24 22 24 22 8 Z' /%3E%3C/svg%3E") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' id='i-video' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M22 13 L30 8 30 24 22 19 Z M2 8 L2 24 22 24 22 8 Z' /%3E%3C/svg%3E") no-repeat 100% 100%;
}

.icon-images {
    top: 4px;
    margin-right: 5px;
    background-color: var( --main-blue-color);
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 232.322 232.322' style='enable-background:new 0 0 232.322 232.322;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M224.822,23.935H7.5c-4.142,0-7.5,3.357-7.5,7.5v169.451c0,4.143,3.358,7.5,7.5,7.5h217.322c4.142,0,7.5-3.357,7.5-7.5 V31.435C232.322,27.293,228.964,23.935,224.822,23.935z M217.322,38.936v143.091l-59.995-63.799 c-1.417-1.507-3.394-2.362-5.462-2.362c-0.001,0-0.001,0-0.001,0c-2.068,0-4.044,0.855-5.462,2.36l-25.62,27.227l-34.349-45.291 c-1.418-1.87-3.629-2.968-5.976-2.968c-0.002,0-0.004,0-0.006,0c-2.349,0.002-4.561,1.104-5.977,2.978L15,178.861V38.936H217.322z M207.415,193.387H22.824l57.643-76.269l33.722,44.465c1.334,1.759,3.374,2.84,5.578,2.957c2.201,0.11,4.348-0.742,5.86-2.35 l26.234-27.879L207.415,193.387z'/%3E%3Cpath d='M155.237,101.682c13.597,0,24.658-11.061,24.658-24.656c0-13.597-11.061-24.658-24.658-24.658 c-13.596,0-24.656,11.062-24.656,24.658C130.581,90.621,141.642,101.682,155.237,101.682z M155.237,67.367 c5.326,0,9.658,4.333,9.658,9.658c0,5.324-4.332,9.656-9.658,9.656c-5.325,0-9.656-4.332-9.656-9.656 C145.581,71.7,149.913,67.367,155.237,67.367z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 232.322 232.322' style='enable-background:new 0 0 232.322 232.322;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M224.822,23.935H7.5c-4.142,0-7.5,3.357-7.5,7.5v169.451c0,4.143,3.358,7.5,7.5,7.5h217.322c4.142,0,7.5-3.357,7.5-7.5 V31.435C232.322,27.293,228.964,23.935,224.822,23.935z M217.322,38.936v143.091l-59.995-63.799 c-1.417-1.507-3.394-2.362-5.462-2.362c-0.001,0-0.001,0-0.001,0c-2.068,0-4.044,0.855-5.462,2.36l-25.62,27.227l-34.349-45.291 c-1.418-1.87-3.629-2.968-5.976-2.968c-0.002,0-0.004,0-0.006,0c-2.349,0.002-4.561,1.104-5.977,2.978L15,178.861V38.936H217.322z M207.415,193.387H22.824l57.643-76.269l33.722,44.465c1.334,1.759,3.374,2.84,5.578,2.957c2.201,0.11,4.348-0.742,5.86-2.35 l26.234-27.879L207.415,193.387z'/%3E%3Cpath d='M155.237,101.682c13.597,0,24.658-11.061,24.658-24.656c0-13.597-11.061-24.658-24.658-24.658 c-13.596,0-24.656,11.062-24.656,24.658C130.581,90.621,141.642,101.682,155.237,101.682z M155.237,67.367 c5.326,0,9.658,4.333,9.658,9.658c0,5.324-4.332,9.656-9.658,9.656c-5.325,0-9.656-4.332-9.656-9.656 C145.581,71.7,149.913,67.367,155.237,67.367z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
}

.icon-infographics {
    top: 1px;
    margin-right: 5px;
    background-color: var( --main-blue-color);
    mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M494.14,100.019h-79.777c-9.864,0-17.86,7.997-17.86,17.86v358.4h-42.865V242.903c0-9.864-7.997-17.86-17.86-17.86H256 c-9.864,0-17.86,7.997-17.86,17.86v233.377h-44.056V369.117c0-9.864-7.997-17.86-17.86-17.86H96.447 c-9.864,0-17.86,7.997-17.86,17.86v107.163H35.721V18.33c0-9.168-6.717-17.211-15.829-18.218C9.119-1.076,0,7.328,0,17.861V494.14 C0,504.004,7.997,512,17.861,512H494.14c9.864,0,17.861-7.997,17.861-17.86v-376.26C512,108.016,504.003,100.019,494.14,100.019z M159.554,476.279h-44.056v-89.302h44.056V476.279z M317.916,476.279h-44.056V260.763h44.056V476.279z M476.279,476.279h-44.056 V135.74h44.056V476.279z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M494.14,100.019h-79.777c-9.864,0-17.86,7.997-17.86,17.86v358.4h-42.865V242.903c0-9.864-7.997-17.86-17.86-17.86H256 c-9.864,0-17.86,7.997-17.86,17.86v233.377h-44.056V369.117c0-9.864-7.997-17.86-17.86-17.86H96.447 c-9.864,0-17.86,7.997-17.86,17.86v107.163H35.721V18.33c0-9.168-6.717-17.211-15.829-18.218C9.119-1.076,0,7.328,0,17.861V494.14 C0,504.004,7.997,512,17.861,512H494.14c9.864,0,17.861-7.997,17.861-17.86v-376.26C512,108.016,504.003,100.019,494.14,100.019z M159.554,476.279h-44.056v-89.302h44.056V476.279z M317.916,476.279h-44.056V260.763h44.056V476.279z M476.279,476.279h-44.056 V135.74h44.056V476.279z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E") no-repeat 100% 100%;
}

.icon-lf {
    top: 3px;
    margin-right: 5px;
    background-color: var( --main-blue-color);
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--ci-primary-color, currentColor)' d='M88,72V388a20,20,0,0,1-40,0V152H16V388a52.059,52.059,0,0,0,52,52H444a52.059,52.059,0,0,0,52-52V72ZM464,388a20.023,20.023,0,0,1-20,20H116a51.722,51.722,0,0,0,4-20V104H464Z' class='ci-primary'/%3E%3Cpath fill='var(--ci-primary-color, currentColor)' d='M296,136H152V296H296ZM264,264H184V168h80Z' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='136' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='200' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='264' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='var(--ci-primary-color, currentColor)' d='M88,72V388a20,20,0,0,1-40,0V152H16V388a52.059,52.059,0,0,0,52,52H444a52.059,52.059,0,0,0,52-52V72ZM464,388a20.023,20.023,0,0,1-20,20H116a51.722,51.722,0,0,0,4-20V104H464Z' class='ci-primary'/%3E%3Cpath fill='var(--ci-primary-color, currentColor)' d='M296,136H152V296H296ZM264,264H184V168h80Z' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='136' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='200' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3Crect width='104' height='32' x='328' y='264' fill='var(--ci-primary-color, currentColor)' class='ci-primary'/%3E%3C/svg%3E%0A") no-repeat 100% 100%;
}

.icon-top {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' fill='%23999' viewBox='0 0 471.2 471.2' style='enable-background:new 0 0 471.2 471.2;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M396.7,0H74.5C33.4,0,0,33.4,0,74.5v322.2c0,41.1,33.4,74.5,74.5,74.5h322.2c41.1,0,74.5-33.4,74.5-74.5V74.5 C471.2,33.5,437.7,0,396.7,0z M444.2,396.7c0,26.2-21.3,47.5-47.5,47.5H74.5c-26.2,0-47.5-21.3-47.5-47.5V74.5 C27,48.3,48.3,27,74.5,27h322.2c26.2,0,47.5,21.3,47.5,47.5V396.7z'/%3E%3Cpath d='M344.6,222.1H159.2l47.4-47.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0L117,226c-5.3,5.3-5.3,13.8,0,19.1l70.6,70.5 c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L159.1,249h185.5c7.5,0,13.5-6,13.5-13.5S352.1,222.1,344.6,222.1z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.icon-fb {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 291.319 291.319' style='enable-background:new 0 0 291.319 291.319;' xml:space='preserve'%3E%3Cg%3E%3Cpath style='fill:%233B5998;' d='M145.659,0c80.45,0,145.66,65.219,145.66,145.66c0,80.45-65.21,145.659-145.66,145.659 S0,226.109,0,145.66C0,65.219,65.21,0,145.659,0z'/%3E%3Cpath style='fill:%23FFFFFF;' d='M163.394,100.277h18.772v-27.73h-22.067v0.1c-26.738,0.947-32.218,15.977-32.701,31.763h-0.055 v13.847h-18.207v27.156h18.207v72.793h27.439v-72.793h22.477l4.342-27.156h-26.81v-8.366 C154.791,104.556,158.341,100.277,163.394,100.277z'/%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
}

.icon-g {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23EA4335 ' d='M5.26620003,9.76452941 C6.19878754,6.93863203 8.85444915,4.90909091 12,4.90909091 C13.6909091,4.90909091 15.2181818,5.50909091 16.4181818,6.49090909 L19.9090909,3 C17.7818182,1.14545455 15.0545455,0 12,0 C7.27006974,0 3.1977497,2.69829785 1.23999023,6.65002441 L5.26620003,9.76452941 Z'/%3E%3Cpath fill='%2334A853' d='M16.0407269,18.0125889 C14.9509167,18.7163016 13.5660892,19.0909091 12,19.0909091 C8.86648613,19.0909091 6.21911939,17.076871 5.27698177,14.2678769 L1.23746264,17.3349879 C3.19279051,21.2936293 7.26500293,24 12,24 C14.9328362,24 17.7353462,22.9573905 19.834192,20.9995801 L16.0407269,18.0125889 Z'/%3E%3Cpath fill='%234A90E2' d='M19.834192,20.9995801 C22.0291676,18.9520994 23.4545455,15.903663 23.4545455,12 C23.4545455,11.2909091 23.3454545,10.5272727 23.1818182,9.81818182 L12,9.81818182 L12,14.4545455 L18.4363636,14.4545455 C18.1187732,16.013626 17.2662994,17.2212117 16.0407269,18.0125889 L19.834192,20.9995801 Z'/%3E%3Cpath fill='%23FBBC05' d='M5.27698177,14.2678769 C5.03832634,13.556323 4.90909091,12.7937589 4.90909091,12 C4.90909091,11.2182781 5.03443647,10.4668121 5.26620003,9.76452941 L1.23999023,6.65002441 C0.43658717,8.26043162 0,10.0753848 0,12 C0,13.9195484 0.444780743,15.7301709 1.23746264,17.3349879 L5.27698177,14.2678769 Z'/%3E%3C/svg%3E%0A");
}

.icon-nps {
    background-color: #005181;
    font-size: 0.875rem;
    font-style: normal;
    color: var(--main-white-color);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Gerenal */
a, img, .uk-dotnav > * > * {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

@media only screen and (max-width: 1024px) {
    a {
        text-align: left
    }
}

a:hover {
    color: var(--main-blue-color);
}

input::placeholder {
    color: var(--main-color-3);
    opacity: 1;
}

input:-ms-input-placeholder {
    color: var(--main-color-3);
}

input::-ms-input-placeholder {
    color: var(--main-color-3);
}

.uk-input, .uk-select, .uk-textarea {
    font-size: 1rem;
}

.uk-grid-divider > :not(.uk-first-column)::before {
    border-left: solid 1px #d0d0d0;
}

.uk-overlay-primary {
    z-index: 1;
    background: rgb(51,51,51);
    background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,1) 35%, rgba(51,51,51,0.6870098381149334) 65%, rgba(51,51,51,0) 100%);
}

.uk-offcanvas-overlay::before {
    background: rgba(0 0 0 /35%);
}

.uk-dotnav > * > * {
    width: 12px;
    height: 12px;
    border: 1px solid rgb(207 182 95);
}

.uk-dotnav > .uk-active > * {
    background-color: rgb(207 182 95);
}

.thumb-img {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: var(--main-grey-color);
}

    .thumb-img img {
        float: left;
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        object-fit: cover;
        border-radius: 2.5px;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s;
    }

        .thumb-img img:hover {
            transform: scale(1.1);
        }

.thumb-img-3x2 {
    padding-top: 66.677%;
}

.thumb-img-4x6 {
    padding-top: 85%;
}

.thumb-img-16x9 {
    padding-top: 56.25%;
}

.thumb-img-fix-height {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-height: 86.76px;
}

    .thumb-img-fix-height img {
        height: 100%;
        width: auto;
        position: relative;
        min-height:90px
    }

.thumb-img-book {
    padding-top: 128%;
    box-shadow: 0 0 8px rgba(0 0 0 /15%);
    border: solid 5px var(--main-white-color);
}

.thumb-img-left {
    float: left;
    margin-right: 15px;
}

.thumb-img-left-1 {
    width: 130px;
}

.thumb-img-left-2 {
    width: 480px;
}

.thumb-img-left-3 {
    width: 280px;
}

.thumb-img-right {
    float: right;
    margin-left: 15px;
}

.thumb-img-right-1 {
    width: 320px;
}

.tt-news a {
    color: var(--main-color-1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

    /*    .tt-news {
        font-family: 'Averta-Bold', sans-serif;
    }*/

    .tt-news a:hover {
        color: var( --main-blue-color);
    }

.tt-white-color {
    color: var(--main-white-color) !important;
}

.tt-news-bold {
    font-family: 'Averta-Bold', sans-serif;
}

.tt-news-12 {
    font-size: 0.75rem;
}

.tt-news-14 {
    font-size: 0.9rem;
    line-height: 1.45;
}

.tt-news-16 {
    font-size: 1rem;
}

.tt-news-18 {
    font-size: 1.125rem;
}

.tt-news-20 {
    font-size: 1.25rem;
}

.tt-news-22 {
    font-size: 1.375rem;
}

.tt-news-24 {
    font-size: 1.5rem;
    line-height: 1.3;
}

.tt-news-26 {
    font-size: 1.625rem;
    line-height: 1.3;
}

.tt-news-28 {
    font-size: 1.75rem;
    line-height: 1.3;
}

.tt-news-30 {
    font-size: 1.875rem;
}

.tt-news-32 {
    font-size: 2rem;
}

.tt-news-36 {
    font-size: 2.25rem;
}


/* Index */
#bcv-hd {
}

    #bcv-hd .uk-sticky-fixed {
        box-shadow: 0 3px 6px rgba(0 0 0 /15%);
    }


.icon-hd-mb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: var(--main-white-color);
    box-shadow: 0 3px 8px rgba(0 0 0 /35%);
}

.bcv-logo {
    text-align: center;
    display: flex;
    justify-content: center;
}

    .bcv-logo img {
        display: inline-block;
        max-height: 100px;
    }

.bcv-control {
    text-align: right;
}

.bcv-login {
    display: inline-block;
    background-color: rgba(255 255 255 /35%);
    padding: 3px 15px;
    border-radius: 24px;
}

    .bcv-login span {
        color: var(--main-white-color);
        position: relative;
    }

        .bcv-login span:first-child:after {
            content: "";
            position: absolute;
            right: -2px;
            top: 5px;
            width: 1px;
            height: 12px;
            background-color: var(--main-white-color);
        }

        .bcv-login span a {
            display: inline-block;
            padding: 0 8px;
            line-height: 1;
            color: var(--main-white-color);
            font-size: 0.875rem;
            text-shadow: 0 1px 3px rgba(0 0 0 /60%);
        }

            .bcv-login span a:hover {
                text-decoration: underline;
            }

.bcv-time {
    position: relative;
    right: 18px;
    padding-top: 10px;
    color: var(--main-white-color);
    font-size: 0.75rem;
    font-family: 'Averta-Thin', sans-serif;
}

@media only screen and (min-width: 1024px) and (max-width: 1150px) {
    .bcv-time {
        padding-top: 0;
        padding-bottom: 5px
    }
}

.bcv-bot-hd {
    background: var(--main-background-color);
    z-index: 999;
}

    .bcv-bot-hd .uk-navbar-nav > li:first-child > a {
        padding: 0 8px;
    }

    .bcv-bot-hd .uk-navbar-nav > li.uk-active > a, .bcv-bot-hd .uk-navbar-nav > li:hover > a {
        background-color: var(--main-white-color);
    }

    .bcv-bot-hd .uk-navbar-dropdown-nav > li {
        padding: 5px;
        border-bottom: 1px solid rgba(0,0,0,0.15); /* viền mảnh */
    }

.uk-navbar-dropdown-nav > li > a, .uk-navbar-dropdown-nav .uk-nav-sub a {
    color: var(--main-red-color)
}

    .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav .uk-nav-sub a:hover {
        color: var(--main-blue-color)
    }

.uk-open {
    background: var(--main-white-color);
}

.bcv-bot-hd .uk-navbar-nav > li > a {
    min-height: 42px;
    color: var(--main-white-color);
    font-family: 'Averta-Bold', sans-serif;
    font-size: 0.875rem;
    padding: 3px 18px 0;
    position: relative;
}

.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a[aria-expanded=true] {
    color: var(--main-red-color)
}

.bcv-bot-hd .uk-navbar-nav > li > a[href="/Tin-moi.aspx"] {
    color: var( --main-blue-color);
}

.bcv-bot-hd .uk-navbar-nav > li > a[aria-haspopup="true"]:before {
    content: "";
    position: absolute;
    right: -2px;
    top: 12px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' fill='none' width='24' height='24'/%3E%3Cg%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/g%3E%3C/svg%3E");
}

.bcv-bot-hd .uk-navbar-dropdown {
    width: 250px;
    padding: 10px 15px;
}

.bcv-search .uk-search-navbar {
    background-color: var(--main-white-color);
}

    .bcv-search .uk-search-navbar .uk-search-input {
        height: 32px;
        font-size: 0.875rem;
        padding: 0 32px 0 10px;
    }

    .bcv-search .uk-search-navbar .uk-search-icon-flip {
        right: 6px;
    }

.bcv-search .uk-search-icon {
    background-color: var(--main-white-color);
    color: #564300;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .bcv-search .uk-search-icon[aria-expanded="true"]:after {
        content: "X";
        position: absolute;
        top: 0;
        left: 0;
        background-color: var(--main-white-color);
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.bcv-search-mb {
    margin: 5px 0;
    background-color: var(--main-white-color);
    width: 100%;
    padding: 0 32px 0 10px;
}

    .bcv-search-mb .uk-search-input {
        height: 32px;
        font-size: 0.875rem;
    }

    .bcv-search-mb .uk-search-icon-flip {
        right: 6px;
    }

#bcv-wrp {
    padding: 15px 0;
}

.bcv-row {
    padding: 15px 0;
    overflow: hidden;
}

.bcv-large-news {
}

.bcv-small-news {
    overflow:hidden
}

.data-news {
}

    .data-news time {
        font-size: 0.75rem;
        color: var(--main-color-3);
        margin-top: 5px;
    }

        .data-news time .uk-icon {
            position: relative;
            top: -1px;
            margin-right: 5px;
        }

    .data-news summary {
        font-size: 0.875rem;
        margin-top: 10px;
        color: var(--main-color-2);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 3;
    }

.data-news-1 {
    margin-top: 10px;
}

.data-fix-news {
    background-color: #e9cc68;
    padding: 15px
}

.bcv-grp-item {
}

    .bcv-grp-item ul li {
        border-bottom: solid 1px var(--main-border-color);
        padding: 10px 0;
    }



        .bcv-grp-item ul li:last-child {
            padding-bottom: 0;
            border-bottom: none;
        }

.bcv-ft-news {
    background-color: var(--main-white-color);
    overflow: hidden;
}

    .bcv-ft-news.focus-top {
        height: 100%
    }

.uk-flex.story-share {
    flex-wrap: wrap;
}

    .uk-flex.story-share > * {
        padding-top: 10px;
        padding-bottom: 10px;
    }

.bcv-cddh {
    height: 100%;
}

.bcv-ft-news .data-news {
    padding: 20px 20px 30px;
}

.bcv-grp-links {
    max-width: 300px;
}

    .bcv-grp-links ul li {
        padding: 10px 0;
        border-bottom: solid 1px var(--main-border-color);
    }

        .bcv-grp-links ul li:first-child {
            padding-top: 0;
        }

        .bcv-grp-links ul li:last-child {
            padding-bottom: 0;
            border-bottom: none;
        }

.bcv-special-cate {
    background-color: var(--main-yellow-color-2);
    padding: 30px;
    position: relative;
}

.bcv-menu-special-cate {
    position: relative;
}

    .bcv-menu-special-cate:before {
        content: "";
        position: absolute;
        left: -30px;
        top: 3px;
        width: 5px;
        height: 20px;
        background-color: var( --main-blue-color);
    }

    .bcv-menu-special-cate a {
        text-transform: uppercase;
        color: var(--main-color-1);
        font-size: 1.25rem;
        font-family: 'Averta-Bold', sans-serif;
    }

.bcv-fix-special-cate {
    background: var(--main-yellow-color-2);
}

    .bcv-fix-special-cate a {
        color: var(--main-color-1);
    }

.bcv-cate {
    margin-bottom: 30px;
}

    .bcv-cate:last-child {
        margin-bottom: 0;
    }

.bcv-menu-cate {
    border-bottom: solid 1px var( --main-blue-color);
    position: relative;
    padding: 0 80px 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .bcv-menu-cate h2 {
        text-transform: uppercase;
        font-size: 1.1rem;
        white-space: nowrap;
        display: flex;
        background: url(/Images/bg-chuyenmuc.png) no-repeat right top;
        padding: 5px 0 5px 10px;
        background-size: cover;
        align-items: center;
    }

h2.bcv-menu-cate-sdb:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 120px;
    height: 3px;
    background-color: var( --main-blue-color);
}

.bcv-menu-cate h2 a {
    color: #fff;
    white-space: break-spaces;
    padding-right: 30px
}

.bcv-menu-cate ul {
    /*position: absolute;*/
    right: 0;
    top: 0;
    text-align: right
}

    .bcv-menu-cate ul li {
        display: inline-block;
    }

        .bcv-menu-cate ul li a {
            padding: 0 10px;
            color: var(--main-color-1);
            font-size: 0.875rem;
            position: relative;
        }

            .bcv-menu-cate ul li a:hover, .bcv-menu-cate ul li.uk-active a {
                color: var( --main-blue-color);
                text-decoration: underline;
            }

        .bcv-menu-cate ul li:first-child a {
            padding-left: 0;
        }

        .bcv-menu-cate ul li:last-child a {
            padding-right: 0;
        }

        .bcv-menu-cate ul li a:after {
            content: "";
            width: 1px;
            height: 12px;
            background-color: var(--main-color-3);
            position: absolute;
            right: -2px;
            top: 5px;
        }

        .bcv-menu-cate ul li:last-child a:after {
            background-color: transparent;
        }

.bcv-menu-cate .uk-breadcrumb {
    position: relative;
}

    .bcv-menu-cate .uk-breadcrumb li a {
        display: inline-block;
        padding: 0;
        font-size: 1.25rem;
        font-family: 'Averta-Bold', sans-serif;
        text-transform: uppercase;
        color: var( --main-blue-color);
    }

        .bcv-menu-cate .uk-breadcrumb li a:after {
            display: none;
        }

    .bcv-menu-cate .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        margin: 0 10px 0 calc(10px - 4px);
        font-size: 1.25rem;
    }

    .bcv-menu-cate .uk-breadcrumb li span {
        font-size: 1.25rem;
    }

.bcv-menu-more {
    position: absolute;
    right: 15px;
    font-size: 0.675rem;
    text-decoration: underline;
    font-style: italic;
    color: var(--main-color-3);
}

.bcv-ct-cate {
    margin-top: 20px;
}

.bcv-cddh .bcv-ct-cate ul {
    overflow: auto;
    max-height: 480px
}

.bcv-ct-cate .uk-slider-nav {
    top: 8px;
}

.bcv-grp-small-news {
    max-width: 330px;
}

.bcv-sdb {
    width: 300px;
}

    .bcv-sdb .bcv-menu-cate {
        padding-right: 0
    }

.bcv-row-sdb {
   /* margin-bottom: 30px;*/
}

    .bcv-row-sdb:last-child {
        margin-bottom: 0;
    }

.bcv-cate-sdb {
    background-color: var(--main-white-color);
    padding: 0;
}

.bcv-menu-cate-sdb {
    text-transform: uppercase;
    position: relative;
}

    .bcv-menu-cate-sdb a {
        color: var( --main-blue-color) !important;
        font-size: 1.15rem;
    }

        .bcv-menu-cate-sdb a span {
            display: block;
            color: var(--main-color-1);
            font-size: 0.875rem;
            margin-bottom: 2px;
        }

#bcv-ft {
    margin-top: 30px;
}

.top-ft {
}

.bcv-grp-partners {
    border-top: solid 1px var(--main-border-color);
    padding: 20px 0;
}

    .bcv-grp-partners img {
        max-height: 72px;
    }

.mid-ft {
    padding: 20px 0;
    background: var(--main-blue-color) url(/images/bg-trongdong.png) no-repeat;
    background-position: center;
}

.bcv-logo-ft {
    text-align: left;
}

    .bcv-logo-ft img {
        max-height: 85px;
    }

.bcv-app {
    text-align: center
}

    .bcv-app p {
        color: var(--main-white-color);
        font-size: 0.75rem;
        margin: 0 0 10px 0;
    }

        .bcv-app p em {
            text-decoration: underline;
            font-style: normal;
        }

    .bcv-app span {
        display: inline-block;
        padding: 0 5px;
    }

.bot-ft {
  /*  background: var(--main-background-color);*/
    /*padding: 20px;*/
    margin-top:20px
}

    .bot-ft p {
        font-size: 0.875rem;
        color: var(--main-white-color);
        opacity: 0.8;
        line-height: 1.6;
    }

.bcv-totop {
    position: relative;
    z-index: 9;
}

    .bcv-totop .scrollup-icon {
        -ms-transform: rotate(90deg); /* IE 9 */
        transform: rotate(90deg);
        background-color: var(--main-white-color);
        width: 34px;
        height: 34px;
        border-radius: 6px;
    }


/* List */
.bcv-grp-list-news {
}

    .bcv-grp-list-news ul li {
        padding: 20px 0;
        border-bottom: solid 1px var(--main-border-color);
    }

        .bcv-grp-list-news ul li:first-child {
            padding-top: 0;
        }

.bcv-small-cate {
    color: var( --main-blue-color);
    margin-bottom: 5px;
    font-size: 0.875rem;
}


/* Details */
.bcv-details {
}

.bcv-top-details {
}

    .bcv-top-details .uk-breadcrumb li {
        text-transform: uppercase;
        font-family: 'Averta-Bold', sans-serif;
    }

        .bcv-top-details .uk-breadcrumb li a {
            display: inline-block;
            font-size: 0.75rem;
        }

        .bcv-top-details .uk-breadcrumb li span {
            color: var( --main-blue-color);
            font-size: 0.75rem;
        }

    .bcv-top-details .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
        margin: 0 10px 0 calc(10px - 4px);
    }

.bcv-tt-details {
    margin-top: 10px;
}

.bcv-data-details {
    margin: 15px 0 15px !important;
    padding-bottom: 15px;
    border-bottom: solid 1px var(--main-border-color);
}

.bcv-time-details {
    color: var(--main-color-3);
    font-size: 0.75rem;
}

    .bcv-time-details .uk-icon {
        position: relative;
        top: -2px;
        margin-right: 5px;
    }

.bcv-share-details {
}

.bcv-mid-details {
    line-height: 1.5 !important;
    font-size: 1.125rem;
}

    .bcv-mid-details summary {
        font-family: 'Averta-Bold', sans-serif;
    }

    .bcv-mid-details figure {
        margin: 15px 0;
    }

        .bcv-mid-details figure img {
            margin: 0 auto;
        }

    .bcv-mid-details figcaption {
        color: #357dd7;
        font-family: 'Averta-Thin', sans-serif;
        font-size: 1rem;
        text-align: center;
        margin-top: 5px;
    }

    .bcv-mid-details p {
    }

    .bcv-mid-details a {
        display: inline-block;
        color: #357dd7;
    }

.bcv-bot-details {
    margin: 15px auto 0;
    padding-top: 15px;
    border-top: solid 1px var(--main-border-color);
}

.bcv-tags {
    margin-top: 15px;
}

    .bcv-tags li {
        display: inline-block;
        margin-right: 10px;
    }

        .bcv-tags li span {
            color: var( --main-blue-color);
        }

            .bcv-tags li span .uk-icon {
                margin-right: 5px;
                position: relative;
                top: -1px;
            }

        .bcv-tags li a {
            color: var(--main-color-1);
            text-decoration: underline;
            font-size: 0.875rem;
        }

            .bcv-tags li a:after {
                content: ",";
            }

.bcv-related {
    background-color: var(--main-grey-color);
    padding: 0;
}

.bcv-grp-related {
    max-width: none;
    margin-top: 15px;
    border: solid 1px var(--main-border-color);
    padding: 20px;
}


/* Book */
.bcv-grp-book {
}

.bcv-pagination {
    background-color: var(--main-grey-color);
    padding: 5px;
}

    .bcv-pagination ul li {
        padding: 0 3px;
    }

        .bcv-pagination ul li a {
            padding: 0;
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 0.875rem;
        }

            .bcv-pagination ul li a:hover {
                background-color: #e9e9e9;
            }

        .bcv-pagination ul li.uk-active span {
            background-color: var( --main-blue-color);
            color: var(--main-white-color);
            padding: 0;
            width: 36px;
            height: 36px;
            line-height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 0.875rem;
        }


/* Multimedia */
.bcv-ft-media {
    background-color: var(--main-grey-color);
}

.bcv-info-media {
    padding: 30px;
}

.bcv-details-media {
    margin-top: 15px;
    padding-top: 15px;
    border-top: solid 1px var(--main-border-color);
    font-size: 0.875rem;
}

.bcv-playing-media {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: var( --main-blue-color);
    font-size: 0.75rem;
    color: var(--main-white-color);
    padding: 2px 8px 1px;
    z-index: 1;
}


/* Login */
.bcv-box-login {
    border: solid 1px var(--main-border-color);
    padding: 30px;
    margin: 30px;
}

.bcv-top-login {
}

    .bcv-top-login h2 {
        display: flex;
        font-size: 1.5rem;
        justify-content: center;
    }

        .bcv-top-login h2 a {
            margin-left: 5px;
            color: var( --main-blue-color);
        }

    .bcv-top-login ul {
        margin-top: 20px;
    }

        .bcv-top-login ul li {
            margin-bottom: 15px;
        }

            .bcv-top-login ul li input {
                font-size: 0.875rem;
            }

.bcv-btn-login {
    background-color: var( --main-blue-color);
    text-align: center;
    color: var(--main-white-color);
    font-size: 0.75rem;
    width: 100%;
    border-radius: 24px;
}

.bcv-lost-pass {
    color: var( --main-blue-color);
    font-size: 0.875rem;
}

.bcv-bot-login {
    margin-top: 15px;
}

.bcv-bot-login {
    position: relative;
    text-align: center;
}

    .bcv-bot-login:after {
        content: "";
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        width: 100%;
        height: 1px;
        background-color: var(--main-border-color);
    }

    .bcv-bot-login span {
        display: inline-block;
        padding: 0 15px;
        background-color: var(--main-white-color);
        position: relative;
        z-index: 1;
        font-size: 0.875rem;
    }

.bcv-api-login {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

    .bcv-api-login a {
        margin: 0 10px;
    }


/* Search */
.bcv-search-nc {
    background-color: var(--main-grey-color);
    padding: 20px;
}

    .bcv-search-nc .uk-input, .bcv-search-nc select {
        font-size: 0.875rem;
    }

.bcv-btn-search-nc {
    background-color: var( --main-blue-color);
    color: var(--main-white-color);
    font-family: 'Averta-Bold', sans-serif;
    line-height: 26px;
    padding-top: 3px;
}

    .bcv-btn-search-nc .uk-icon {
        top: -2px;
        margin-right: 3px;
    }

.bcv-filter-search-nc {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: solid 1px var(--main-border-color);
}

    .bcv-filter-search-nc em {
        font-family: 'Averta-Bold', sans-serif;
        color: var(--main-color-1);
        font-style: normal
    }

    .bcv-filter-search-nc span {
        color: var( --main-blue-color);
        font-family: 'Averta-Bold', sans-serif;
    }

.bcv-load-more {
    text-align: center;
}

    .bcv-load-more a {
        display: inline-block;
        line-height: 32px;
        background-color: var( --main-blue-color);
        color: var(--main-white-color);
        font-size: 0.875rem;
        font-family: 'Averta-Bold', sans-serif;
        border-radius: 24px;
        padding: 3px 30px 0;
    }


/* Nav Mobile */
#bcv-offcanvas-bar {
}

    #bcv-offcanvas-bar .uk-offcanvas-bar {
        background-color: var(--main-white-color);
    }

        #bcv-offcanvas-bar .uk-offcanvas-bar .uk-offcanvas-close {
            top: 0;
            right: 0;
            width: 28px;
            height: 28px;
            background-color: var( --main-blue-color);
        }

        #bcv-offcanvas-bar .uk-offcanvas-bar a:hover {
            color: var(--main-color-1);
        }

.bcv-login-mb {
    background-color: var(--main-grey-color);
}

    .bcv-login-mb span a {
        color: var(--main-color-3);
        text-shadow: none;
    }

    .bcv-login-mb span:first-child:after {
        background-color: var(--main-color-3);
    }

.bcv-nav-mb {
    margin-top: 20px;
    padding-top: 10px;
    border-top: solid 1px var(--main-border-color);
}

    .bcv-nav-mb ul li a {
        padding: 8px 0;
        color: var(--main-color-1);
        font-size: 0.875rem;
        font-family: 'Averta-Black', sans-serif;
    }

    .bcv-nav-mb ul ul {
        padding: 0 0 0 15px;
    }

        .bcv-nav-mb ul ul > li > a {
            font-family: 'Averta-Thin', sans-serif;
            padding: 5px 0;
            color: var(--main-color-2);
        }


/* Css Responsive */
@media only screen and (max-width: 1600px) {
}

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 960px) {
    .order-1 {
        order: 1;
    }

    .order-2 {
        order: 2;
    }

    .order-3 {
        order: 3;
    }

    #bcv-wrp {
        padding: 0;
    }

    .bcv-grp-item, .bcv-grp-links {
        max-width: none;
    }

    .bcv-sdb {
        width: 100%;
    }

    .thumb-img-left-2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin {
        margin-top: 30px;
    }

    .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
        border-top: none;
    }

    .slimScrollDiv, #scrollbar {
        height: auto !important;
    }
}

@media only screen and (max-width: 640px) {
    .bcv-grp-small-news {
        max-width: none;
    }

    .bcv-menu-cate img {
        height: 25px
    }

    .bcv-ct-cate .uk-slider-nav {
        position: relative !important;
        margin: 15px 0 0;
        left: 35%;
        top: 0;
    }

    .bcv-grp-list-news .bcv-small-news .tt-news {
        font-size: 1rem;
    }

    .thumb-img-left-3 {
        width: 182px;
    }

    .mid-ft {
        background-size: cover;
    }
    /*  scroll mobile*/
    .bcv-grp-item, .home-overflow-mobile, .bcv-cddh .bcv-ct-cate ul {
        max-height: 350px;
        overflow: auto
    }

    .bcv-menu-cate {
        padding-right: 0;
    }
}

@media only screen and (max-width: 480px) {
}

.bcv-grp-partners img {
    height: 60px;
}

.bcv-grp-partners ul li {
    padding: 10px;
    border: 1px solid #ced4da;
    margin-right: 10px;
    display: flex;
    justify-content: center;
}

.bcv-grp-partners ul {
    justify-content: space-around !important;
}

.bcv-control {
    position: relative;
    top: 35px;
}

.bcv-login {
    background-color: unset;
}
/*-- Them ngay 23.6.2023 css cho quang cao --- */
.banner__1 {
    text-align: center;
    margin: 20px 0;
}

.banner {
    padding-bottom: 15px;
}

    .banner:last-child {
        padding-bottom: 0;
    }

.animate-character {
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, #a81f1f 0%, #de2121 29%, #ff1361 67%, #fff800 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
    font-size: 1.45rem;
    font-family: "Averta-Bold",sans-serif;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

@media only screen and (max-width: 480px) {
    .animate-character {
        font-size: 1.3rem;
    }
}
/*-- Them ngay 23.6.2023 css cho quang cao --- */
/*-- them ngay 19.7.2023 css fix footer */
.more {
    margin-left: 1rem !important;
    cursor: pointer;
    position: relative;
}

.dot {
    width: 6px;
    height: 6px;
    background-color: #564300;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: absolute;
    bottom: 50%;
    bottom: calc(50% - 3px);
}

    .dot.dot2 {
        margin-left: 8px;
    }

    .dot.dot3 {
        margin-left: 16px;
    }

.category-popup {
    width: 100%;
    background-color: #be1e2d;
    min-height: 100px;
    z-index: 99;
    clear: both;
    visibility: hidden;
    opacity: 0;
    /*  top: 52px;*/
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 20px 50px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; /* Để div nằm giữa container */
}

    .category-popup::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        background-color: rgba(0,0,0,0.3)
    }

    .category-popup.active {
        visibility: visible;
        opacity: 1;
    }

    .category-popup .page-wrapper {
        padding: 0
    }

    .category-popup .category-menu {
        height: auto;
        float: none;
        padding: 20px;
        overflow: inherit
    }

        .category-popup .category-menu > ul {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            overflow: visible
        }

            .category-popup .category-menu > ul > li {
                display: block !important;
                width: calc(100%/3 - 20px);
                margin-left: 20px;
                margin-bottom: 20px;
                line-height: 26px;
                float: none;
                position: relative;
            }

                .category-popup .category-menu > ul > li.homepage {
                    display: none
                }

                .category-popup .category-menu > ul > li:after {
                    content: '';
                    position: absolute;
                    width: 4px;
                    height: 12px;
                    left: -15px;
                    top: 7px;
                    -webkit-transform: skew(-20deg);
                    -khtml-transform: skew(-20deg);
                    transform: skew(-20deg);
                    background-color: #dd3333
                }

                .category-popup .category-menu > ul > li > a {
                    font-size: .875rem;
                    color: #fff;
                    font-weight: bold;
                    text-transform: uppercase
                }

                    .category-popup .category-menu > ul > li > a:hover {
                        color: #FFFF66
                    }

                .category-popup .category-menu > ul > li .subcate {
                    display: block
                }

                    .category-popup .category-menu > ul > li .subcate ul li {
                        float: none;
                        margin-right: 0;
                        line-height: 26px;
                        display: inherit;
                        margin-left: 15px;
                    }

                        .category-popup .category-menu > ul > li .subcate ul li a {
                            font-size: .875rem;
                            font-weight: bold;
                            color: #c7c7c7
                        }

                            .category-popup .category-menu > ul > li .subcate ul li a:hover {
                                color: var(--main-background-color)
                            }

        .category-popup .category-menu .more {
            display: none !important
        }

.more.active .dot {
    display: none;
}

.more.active:after {
    content: 'X';
    color: #333;
    font-size: 1rem;
    position: absolute;
    bottom: calc(50% - 12px);
    font-weight: bolder;
}
/*Bootstrap CSS*/
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

    .no-gutters > .col, .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}


.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .bcv-grp-item ul li:first-child {
        padding-top: 0;
    }

    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent
}

    .table td, .table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6
    }

    .table .table {
        background-color: #fff
    }

.table-sm td, .table-sm th {
    padding: .3rem
}

.table-bordered {
    border: 1px solid #dee2e6
}

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6
    }

    .table-bordered thead td, .table-bordered thead th {
        border-bottom-width: 2px
    }

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05)
}

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,.075)
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: #b8daff
}

.table-hover .table-primary:hover {
    background-color: #9fcdff
}

    .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
        background-color: #9fcdff
    }

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: #d6d8db
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf
}

    .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf
    }

.table-success, .table-success > td, .table-success > th {
    background-color: #c3e6cb
}

.table-hover .table-success:hover {
    background-color: #b1dfbb
}

    .table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
        background-color: #b1dfbb
    }

.table-info, .table-info > td, .table-info > th {
    background-color: #bee5eb
}

.table-hover .table-info:hover {
    background-color: #abdde5
}

    .table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
        background-color: #abdde5
    }

.table-warning, .table-warning > td, .table-warning > th {
    background-color: #ffeeba
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1
}

    .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
        background-color: #ffe8a1
    }

.table-danger, .table-danger > td, .table-danger > th {
    background-color: #f5c6cb
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7
}

    .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
        background-color: #f1b0b7
    }

.table-light, .table-light > td, .table-light > th {
    background-color: #fdfdfe
}

.table-hover .table-light:hover {
    background-color: #ececf6
}

    .table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
        background-color: #ececf6
    }

.table-dark, .table-dark > td, .table-dark > th {
    background-color: #c6c8ca
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe
}

    .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
        background-color: #b9bbbe
    }

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0,0,0,.075)
}

.table-hover .table-active:hover {
    background-color: rgba(0,0,0,.075)
}

    .table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
        background-color: rgba(0,0,0,.075)
    }

.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.table-dark {
    color: #fff;
    background-color: #212529
}

    .table-dark td, .table-dark th, .table-dark thead th {
        border-color: #32383e
    }

    .table-dark.table-bordered {
        border: 0
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255,255,255,.05)
    }

    .table-dark.table-hover tbody tr:hover {
        background-color: rgba(255,255,255,.075)
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-sm > .table-bordered {
            border: 0
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-md > .table-bordered {
            border: 0
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-lg > .table-bordered {
            border: 0
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

        .table-responsive-xl > .table-bordered {
            border: 0
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

    .table-responsive > .table-bordered {
        border: 0
    }

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

    .page-link:focus {
        z-index: 2;
        outline: 0;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
    }

    .page-link:not(:disabled):not(.disabled) {
        cursor: pointer
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media screen and (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-webkit-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::-ms-input-placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px)
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
    font-size: .875rem;
    line-height: 1.5
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: .375rem;
    padding-bottom: .375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0
}

    .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
        padding-right: 0;
        padding-left: 0
    }

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px)
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: .3rem
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px)
}

.form-group {
    margin-bottom: 1rem
}

.form-text {
    display: block;
    margin-top: .25rem
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}

    .form-row > .col, .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem
}

.form-check-input {
    position: absolute;
    margin-top: .3rem;
    margin-left: -1.25rem
}

    .form-check-input:disabled ~ .form-check-label {
        color: #6c757d
    }

.form-check-label {
    margin-bottom: 0
}

.form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
    margin-right: .75rem
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: .3125rem;
        margin-left: 0
    }

.text-red {
    color: var( --main-blue-color);
}

#banner .banner-image-rotate {
    position: absolute;
    top: -59%;
    left: -2%;
    width: 24%;
    opacity: 0.6;
    -webkit-animation: spin 20s linear infinite;
    -moz-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}

.number-index {
    width: 34px;
    min-width: 34px;
    font-weight: 700;
    font-size: 1rem;
}

.faq-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.faq-list-main {
    display: flex;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#banner {
    position: relative;
}

    #banner .quochuy {
        position: absolute;
        left: 5%;
        top: 15%;
        width: 10%;
    }

img.logo-xl {
    width: 100%
}

#header {
    background: #eb131e;
    overflow: hidden
}

.docfile-table a {
    color: #007bff;
}

    .docfile-table a:hover {
        color: rgb(0, 86, 179);
        text-decoration: underline;
    }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: .25rem
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: .5rem;
    display: flex
}

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        color: #6c757d;
        content: "/";
        padding-right: 0.5rem
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none
    }

.breadcrumb-item.active {
    color: #6c757d
}

#TTHC .bcv-cate-sdb {
    box-shadow: 0 0 8px rgba(0 0 0 /15%);
    border: solid 5px var(--main-white-color);
    padding: 1rem
}

#TTHC .TTHCHeader a:hover {
    text-decoration: underline;
}

#TTHC .TTHCHeader {
    display: flex;
    padding: 7.5px 0;
    border-bottom: solid 1px #d0d0d0;
}

.uk-breadcrumb {
    display: flex
}

@media (max-width:640px) {
    .bcv-menu-cate.uk-padding-remove-right ul {
        display: none
    }

    .bcv-menu-more {
        display: none
    }

    .bcv-menu-cate h2 {
        white-space: normal;
        font-size: 0.95rem;
    }
}

.bcv-hotnews, .bcv-hotnews .bcv-hotnews-ul {
    height: 100%;
    position: relative;
}

.bcv-top-hd .hd-mobile {
    background: var( --main-blue-color) url(/images/bg-trongdong.png) no-repeat center;
    z-index: 999;
}

.home-teaser, .home-teaser span, .home-teaser p {
    font-family: 'IBM Plex Serif', 'Averta-Regular', sans-serif !important;
    line-height: 1.5 !important;
    font-size: 18px !important;
}

    .home-teaser strong, .home-teaser b {
        font-family: 'IBM Plex Serif', 'Averta-Regular', sans-serif !important;
        line-height: 1.5 !important;
        font-size: 18px !important;
        font-weight: bold;
    }


    .home-teaser p:has(img) {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.shareStory {
    display: flex;
    text-align: right;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
}

#st-1 {
    z-index: 1 !important
}

.zoom-button {
    font-size: 20px;
    margin: 5px 0px 5px 5px;
    cursor: pointer;
    transition: font-size 0.3s ease;
}

.zalo-share-button {
    margin-left: auto;
    width: 28px !important;
    height: 28px !important;
    margin-right: 8px;
    border-radius: 8px;
    background: url(/Images/zalo.png);
    background-size: cover
}

    .zalo-share-button:hover {
        opacity: 0.8;
    }

.st-remove-label {
    display: inline-block !important
}

#st-1 .st-btn > img {
    top: 6px !important;
}

#st-1 .st-btn {
    height: 28px !important
}

.yhy-append-wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    width: max-content !important;
}

.yhy-append {
    justify-content: flex-end;
}

.bcv-totop.uk-position-medium {
    margin-bottom: 35px
}

.footer-name {
    color: rgba(255, 255, 0, 1);
}
/* Header trên */
.top_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0072c6;
    color: #fff;
}

    .top_header .uk-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

/* Logo + tiêu đề */
.content_title {
    flex: 1;
    text-align: justify;
}

.title_h .first {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.title_h .last {
    display: block;
    font-size: 22px;
    font-weight: 800;
    color: #ff0000;
    text-transform: uppercase;
}

.header-banner .top_header {
    height: 150px;
    background: #0078d4;
    overflow: hidden;
    position: relative;
}

    .header-banner .top_header .content_title {
        position: relative;
        z-index: 2;
        padding: 30px;
    }

    .header-banner .top_header .content_slide {
        width: 65%;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
    }

        .header-banner .top_header .content_slide .background {
            position: absolute;
            top: 0;
            right: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            background-image: url(/Images/bg-trongdong.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .header-banner .top_header .content_slide .slide {
            overflow: hidden;
            z-index: 1;
            width: 563px;
            height: 591px;
            position: absolute;
            bottom: 0;
            margin: auto;
            border-top: 0;
            border-bottom: 0;
            border-radius: 50%;
            right: 0;
            top: 0;
            left: 0;
            border: 10px solid #0086f4; /* khung xanh */
        }

            .header-banner .top_header .content_slide .slide .item_carousel {
                margin-top: 210px; /* chỉnh đúng vị trí tâm */
            }

            .header-banner .top_header .content_slide .slide img {
                display: block;
                width: 100%;
                -webkit-transform-style: preserve-3d;
            }

.content_title .title_h {
    display: flex;
    align-items: center; /* căn giữa logo và chữ theo chiều dọc */
    gap: 12px; /* khoảng cách giữa logo và chữ */
}

    .content_title .title_h .logo {
        height: 75px; /* chỉnh lại theo chiều cao mong muốn */
        width: auto;
    }

    .content_title .title_h .text {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }

    .content_title .title_h .first {
        font-size: 22px;
        font-weight: 700;
        text-shadow: none;
        text-transform: uppercase;
        margin-bottom: 7.5px
    }
    .content_title .title_h .last {
        font-weight: 700;
        text-transform: uppercase;
        color: #e81123; /* màu chữ */
        display: block;
        font-size: 26px;
        font-family: 'Averta-Bold', sans-serif;
        /* viền trắng */
        text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
    }


@media only screen and (max-width: 959px) {
    .bcv-logo {
        margin-top: 25px !important;
        margin-bottom: 25px !important;
    }

    .content_title .title_h {
        display: flex;
        align-items: center; /* căn giữa logo và chữ theo chiều dọc */
        gap: 8px; /* khoảng cách giữa logo và chữ */
        color: var(--main-white-color)
    }

        .content_title .title_h .logo {
            height: 55px; /* chỉnh lại theo chiều cao mong muốn */
            width: auto;
        }

        .content_title .title_h .text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .content_title .title_h .first {
            font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
            margin-bottom: 5px
        }

        .content_title .title_h .last {
            font-size: 1rem;
            font-weight: 700;
            text-transform: uppercase;
        }
}

.bcv-nav-mb .uk-drop.uk-open {
    border: 1px solid #333;
    left: 15px !important;
    right: 50px;
    width: calc(100% - 80px);
    border-radius: 3px;
}

.bcv-nav-mb .bcv-search .uk-search-navbar .uk-search-input, .bcv-nav-mb .uk-form-icon {
    color: #333;
}

.header-title {
    text-transform: uppercase;
    font-weight: 700;
    height: 45px;
    margin: 0;
    background: url(/images/bgTitle.png) #0078d4 no-repeat 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    padding-left: 10px;
    color: var(--main-white-color);
    margin-bottom: 10px;
    position:relative
}

    .header-title h2, .header-title a {
        color: var(--main-white-color)
    }
    .header-title ul li a {
        color: var(--main-white-color);
        font-size: 0.675rem;
        padding-right: 8px; /* khoảng cách chữ - gạch */
        margin-right: 8px; /* khoảng cách sau gạch */
        border-right: 1px solid rgba(255,255,255,0.4);
    }

    .header-title ul li:last-child a {
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }


    .header-title .uk-icon {
        padding-right: 5px;
    }

#focusRight li.active-item.uk-active a {
    /*background: var(--main-yellow-color-2);*/
    font-weight: bold; /* chữ đậm */
    color: var(--main-blue-color); /* màu chữ */
    transition: all 0.3s;
}
a span.uk-icon svg {
    vertical-align: middle; /* hoặc baseline / text-bottom */
}
.bcv-small-news-list .tt-news a::before {
    content: "●";
    color: var(--main-blue-color); /* xanh dương */
    font-size: 12px;
    margin-right: 6px;
    vertical-align: top;
}
/* ==============================
       Hiệu ứng nổi bật trung tâm
       ============================== */
#owlVideo .owl-item {
    transition: transform 0.4s ease, opacity 0.4s ease;
    transform: scale(0.9);
    opacity: 0.6;
}

    #owlVideo .owl-item.center {
        transform: scale(1.1);
        opacity: 1;
        z-index: 5;
    }

/* ==============================
       Khung video 16:9 + hiệu ứng đẹp
       ============================== */
.video-frame {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 ratio */
    height: 0;
    overflow: hidden;
    border-radius: 14px;
    border: 3px solid #fff;
    background: #000;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

    .video-frame iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-frame:hover {
        transform: translateY(-6px);
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    }

/* ==============================
       Dot điều hướng
       ============================== */
#owlVideo .owl-dots {
    margin-top: 18px;
    text-align: center;
}

#owlVideo .owl-dot span {
    background: #bbb !important;
    width: 10px !important;
    height: 10px !important;
    margin: 4px !important;
    border-radius: 50%;
    transition: all 0.3s ease;
}

#owlVideo .owl-dot.active span {
    background: #007bff !important;
    width: 14px !important;
    height: 14px !important;
}

/* ==============================
       Responsive
       ============================== */
@media (max-width: 768px) {
    #owlVideo .owl-item {
        transform: scale(0.95);
        opacity: 0.8;
    }

        #owlVideo .owl-item.center {
            transform: scale(1);
        }
}