.form-banner { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 11; color: #fff; display: flex; justify-content: center; align-items: center; visibility: hidden; pointer-events: none; transition: opacity .5s ease; opacity: 0; }
    .form-banner:before { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; background: rgba(0,0,0,0.5); transition: opacity 0.5s ease; }
    .form-banner.active { visibility: visible; pointer-events: all; opacity: 1; }
        .form-banner.active:before { opacity: 1; }
    .form-banner form { width: 332px; max-width: 100%; background: rgba(34, 62, 146, 0.8); padding: 5% 40px; position: relative; }
    .form-banner .datepicker { padding: 0; }
    .form-banner .title-f { padding: 12px 0; margin-bottom: 30px; position: relative; font-family: 'TeXGyreAdventor'; }
        .form-banner .title-f:before, .form-banner .title-f:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: 0; left: 0; background: url('../img/bg-border.png') center 100%/100% no-repeat; }
        .form-banner .title-f:after { bottom: auto; top: 0; }
        .form-banner .title-f h2 { margin: 0; text-align: center; font-size: 18px; font-weight: 700; text-transform: uppercase; }
    .form-banner select { background-color: rgba(42, 65, 126, 0.8) !important; color: #fff; -webkit-appearance: none; background: url(../img/bg-select.png) right no-repeat; }
    .form-banner .form-control, .form-banner .input-group-addon:last-child { background-color: rgba(42, 65, 126, 0.8) !important; color: #fff; }
        .form-banner .form-control::-webkit-input-placeholder { color: #fff; }
    .form-banner .date .form-control { border-right: 0; }
    .form-banner .form-group { margin-bottom: 20px; }
    .form-banner .input-group-addon:last-child { font-size: 0; background: url(../img/bg-span.png) right no-repeat; padding: 6px 18px; }
    .form-banner button { width: 100%; height: 34px; border: 0; background: #fe9601; border-radius: 4px; font-weight: bold; text-transform: uppercase; color: #001248; }
    .form-banner form .close-form { width: 40px; height: 40px; position: absolute; bottom: 15px; right: 0; left: 0; margin: auto; cursor: pointer; }
        .form-banner form .close-form:before { content: ''; width: 1px; height: 36px; transform: rotate(45deg); top: 1px; left: 18px; background: #fff; position: absolute; }
        .form-banner form .close-form:after { content: ''; width: 1px; height: 36px; transform: rotate(-45deg); position: absolute; top: 1px; left: 18px; background: #fff; }
.list-img .list { overflow: hidden; margin: 0 -4px; height: 236px; }
    .list-img .list .item { padding: 0 4px; margin-bottom: 8px; width: calc(100% / 3); float: left; }
        .list-img .list .item a { display: block; width: 100%; height: 114px; border: 1px solid #d1d1d1; padding: 1px; background: #fff; }
            .list-img .list .item a img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; color: #fff; }
.color_theme_default { background-color: #ff9000 !important; }


#content-nav { text-align: center; margin-bottom: 25px; }
    #content-nav ul { display: inline-block; }
        #content-nav ul > li { display: inline-block; float: left; padding: 2.5px; }
            #content-nav ul > li > a { display: block; padding: 7px 15px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #002b7a; color: #fff; -webkit-transition: ease-in-out .3s; -moz-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; -ms-transition: ease-in-out .3s; transition: ease-in-out .3s; }
                #content-nav ul > li.active > a, #content-nav ul > li > a:hover { background-color: #ea0f0d; }

.social-right { position: fixed; z-index: 100; top: 50%; transform: translate(0, -50%); right: 0; }
    .social-right a,
    .social-right .item { width: 45px; height: 42px; transition: background .3s linear, transform .3s linear; display: flex; align-items: center; justify-content: center; background: #0363bc; cursor: pointer; border-radius: 5px 0 0 5px; }
        .social-right a:not(:last-child) { margin-bottom: 10px; }
    .social-right img { height: initial; transition: transform 0.3s linear; max-width: 25px; display: block; }
    .social-right i { color: #fff; }
    .social-right .mess {
        background: #2499f3;
    }
    .social-right .hotline { background: #ff0d0d; }

@media(max-width: 991px) {
    #content-nav ul > li { width: 33.333333333%; }
    .list-img .list .item { width: 50%; }
}

@media(max-width: 767px) {
    #content-nav ul > li { width: 50%; }
    .list-img .list .item { width: calc(100% / 3); }
    #banner .slider > li > a { min-height: initial; }
    #banner .form-banner { position: initial; overflow: hidden; }
        #banner .form-banner form { width: 100%; padding: 15px; }
    #banner .title-f, #banner .form-group { margin-bottom: 15px; }
    #banner .form-group { width: 50%; float: left; padding: 0 5px; }
        #banner .form-group:last-child { margin: 0 auto; float: initial; }
    #index-about .about .text-wrap { line-height: 24px; max-height: 192px; overflow: hidden; }
    #index-about, #index-news { padding: 30px 0; }
    header .logo { text-align: center; }
    #btn-show-menu { left: 15px; right: initial; }
    #top-nav ul > li.lang { display: none; }
    .lang-mb { display: flex; position: absolute; right: 15px; top: 20px; gap: 10px; width: 65px; justify-content: end; }
    #top-nav .tbl-cell.left { text-align: center; }
}

@media(max-width: 480px) {
    #content-nav ul > li { width: 100%; padding: 2.5px 0; }
    #index-about, #content { padding: 0 0 20px 0; }
    .content-title { margin-bottom: 15px; }
    #banner .form-group { width: 100%; padding: 0; }
}

@media(max-width:374px) {
    #top-nav .tbl-cell.left small { display: none }
    .list-img .list .item a { height: 90px; }
    .list-img .list { height: auto }
}