* {

    margin: 0;

    padding: 0;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("../fonts/NunitoSans-Light.eot");

    src: url("../fonts/NunitoSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Light.woff2") format("woff2"), url("../fonts/NunitoSans-Light.woff") format("woff"), url("../fonts/NunitoSans-Light.ttf") format("truetype");

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("../fonts/NunitoSans-Bold.eot");

    src: url("../fonts/NunitoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Bold.woff2") format("woff2"), url("../fonts/NunitoSans-Bold.woff") format("woff"), url("../fonts/NunitoSans-Bold.ttf") format("truetype");

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("../fonts/NunitoSans-Regular.eot");

    src: url("../fonts/NunitoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-Regular.woff2") format("woff2"), url("../fonts/NunitoSans-Regular.woff") format("woff"), url("../fonts/NunitoSans-Regular.ttf") format("truetype");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'Nunito Sans';

    src: url("../fonts/NunitoSans-SemiBold.eot");

    src: url("../fonts/NunitoSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NunitoSans-SemiBold.woff2") format("woff2"), url("../fonts/NunitoSans-SemiBold.woff") format("woff"), url("../fonts/NunitoSans-SemiBold.ttf") format("truetype");

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Playfair Display';

    src: url("../fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Bold.woff") format("woff");

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Playfair Display';

    src: url("../fonts/PlayfairDisplay-Black.woff2") format("woff2"), url("../fonts/PlayfairDisplay-Black.woff") format("woff");

    font-weight: 900;

    font-style: normal;

}



html {

    overflow-x: hidden;

}



body {

    box-sizing: border-box;

    padding: 0 !important;

    font-family: 'Nunito Sans';

    color: #262626;

    font-size: 16px;

    line-height: 30px;

    letter-spacing: .25px;

    transition: .3s all;

    position: relative;

    font-weight: 300;

}



body h1,

body h2,

body h3,

body h4,

body h5,

body h6,

body p,

body label,

body ul,

body li,

body .card,

body a {

    text-decoration: none !important;

    font-size: inherit;

}



body .list-inline-item {

    margin-right: 0 !important;

}



body .container {

    max-width: 1110px;

    width: 100%;

}



body .title h2 {

    margin-bottom: 0;

    font-size: 30px;

    font-weight: bold;

}



body #myModal .modal-dialog {

    max-width: 1000px;

}



body #myModal .modal-dialog .popup-video iframe {

    width: 100%;

}



body #myModal1 .modal-dialog {

    max-width: 1000px;

}



body #myModal1 .modal-dialog .popup-video iframe {

    width: 100%;

}



body .pagination {

    justify-content: flex-end;

    padding: 35px 0;

}



body .pagination ul {

    margin-bottom: 0;

}



body .pagination ul li a {

    font-size: 14px;

    display: block;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    line-height: 50px;

    border: 1px solid #aaa;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    color: #202020;

    transition: .3s all;

    margin-left: 10px;

}



body .pagination ul li a.active {

    border: 1px solid #531017;

    color: #531017;

}



body .pagination ul li a:hover {

    color: #531017;

    border: 1px solid #531017;

}



body .pagination ul li a.next-pages {

    width: max-content;

    border-radius: 30px;

    padding: 0 15px;

    border: 1px solid #531017;

    color: #531017;

}



header {

    /*position: fixed; */

    /*width: 100%; */

    /*left: 0; */

    top: 0;

    background: #fff;

    z-index: 10;

}



header .header-menu {

    padding: 20px 0;

    border-bottom: 1px solid #ddd;

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 3;

    background: #fff;

}



header .header-menu .row {

    align-items: center;

}



header .header-menu .menu-left a {

    color: #212121;

    position: relative;

}



header .header-menu .menu-left a span.hide-menu {

    display: none;

}



/*header .header-menu .menu-left a.active img.close-menu {

  display: initial;

}*/



header .header-menu .menu-left a.active img.click-menu {

    /*display: none; */

}



/*header .header-menu .menu-left a.active span {

  display: none;

}*/



/*header .header-menu .menu-left a.active span.hide-menu {

  display: initial;

}*/



header .header-menu .menu-left a img {

    max-width: 35px;

    text-align: center;

    padding-right: 10px;

    top: -2px;

    position: relative;

}



header .header-menu .menu-left a img.close-menu {

    display: none;

}



header .hotline a {

    font-weight: bold;

    color: #531017;

    font-size: 14px;

}



header .hotline a img {

    padding-left: 5px;

    position: relative;

    top: -2px;

}



header .menu-header {

    padding: 35px 0;

    position: fixed;

    width: 100%;

    background: #fff;

    transition: .3s all;

    box-shadow: 0px 2px 8px #ccc;

    transition: .4s all;

    height: 100px;

    overflow: hidden;

    top: 72px;

    z-index: 3;

}



header .menu-header.active {

    transition: .4s all;

    padding: 0;

    height: 0;

}



header .menu-header ul {

    margin-bottom: 0;

    display: inline-flex;

    width: 100%;

    justify-content: space-between;

}



header .menu-header ul li {

    list-style: none;

}



header .menu-header ul li a {

    font-size: 18px;

    font-weight: 600;

    color: #212121;

    position: relative;

    padding-bottom: 2px;

}



header .menu-header ul li a:after {

    content: "";

    width: 0;

    height: 6px;

    background: #531017;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: .3s all;

}



header .menu-header ul li a.active:after {

    width: 100%;

}



header .menu-header ul li a:hover:after {

    width: 100%;

    transition: .3s all;

}



footer {

    background: #531017;

    color: #e1e1e1;

}



footer .footer-top {

    padding: 40px 0;

}



footer .list-item .title-footer {

    font-weight: 600;

    margin-bottom: 20px;

    padding-bottom: 5px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.61);

    color: #f1f3f4;

}



footer .list-item .row {

    margin-left: -30px;

    margin-right: -30px;

}



footer .list-item .row .col-md-3 {

    padding: 0 30px;

}



footer .list-item .row .col-md-4 {

    padding-right: 55px;

}



footer .list-item .row .col-md-2 {

    left: -10px;

}



footer .list-item .info-item p {

    line-height: 24px;

}



footer .list-item .info-item ul {

    margin-bottom: 0;

}



footer .list-item .info-item ul li {

    list-style: none;

}



footer .list-item .info-item ul li a {

    color: #e1e1e1;

}



footer .sent-mail {

    padding: 40px 0;

    background: #3f0c11;

    border-bottom: 1px solid rgba(255, 255, 255, 0.61);

}



footer .sent-mail .row {

    align-items: center;

}



footer .sent-mail .search {

    position: relative;

}



footer .sent-mail .search input {

    width: 280px;

    height: 50px;

    padding: 0 40px 0 15px;

    border-radius: 5px;

    border: 1px solid #e1e1e1;

    background: transparent;

    color: #fff;

}



footer .sent-mail .search input::placeholder {

    color: #e1e1e1;

}



footer .sent-mail .search button {

    background: transparent;

    border: 0;

    width: 50px;

    height: 50px;

    position: absolute;

    right: 0;

}



footer .reserved {

    padding: 15px 0;

    background: #3f0c11;

    color: #b7b7b7;

    font-size: 12px;

}



footer .reserved .row {

    align-items: center;

}



main {

    margin-top: 172px;

    transition: .4s all;

}



main.active {

    transition: .4s all;

    margin-top: 70px;

}

main #breadcrumb {

    padding: 15px 0;

}



main #breadcrumb ul {

    margin-bottom: 0;

}



main #breadcrumb ul li a {

    display: block;

    font-size: 16px;

    color: #531017;

    height: 40px;

    line-height: 40px;

    width: max-content;

    border: 1px solid transparent;

    border-radius: 30px;

    padding: 0 15px;

    transition: .3s all;

}



main #breadcrumb ul li a.active {

    border: 1px solid #531017;

}



main #breadcrumb ul li a:hover {

    transition: .3s all;

    border: 1px solid #531017;

}



main #breadcrumb .search {

    position: relative;

}



main #breadcrumb .search input {

    width: 280px;

    border: 1px solid #ddd;

    border-radius: 30px;

    padding: 0 35px 0 10px;

    height: 40px;

    outline: none;

}



main #breadcrumb .search button {

    width: 40px;

    height: 40px;

    background: transparent;

    border: 0;

    border-radius: 30px;

    position: absolute;

    right: 0;

    top: 0;

}



main #banner {

    position: relative;

}



main #banner .avarta {

    position: relative;

}



main #banner .avarta:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #000000;

    position: absolute;

    top: auto;

    left: 0;

    opacity: .4;

    z-index: 1;

}



main #banner .avarta img {

    width: 100%;

}



main #banner .caption-banner {

    position: absolute;

    font-size: 60px;

    font-weight: bold;

    color: #fff;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 2;

}



main #banner .caption-banner .container {

    height: 100%;

}



main #banner .caption-banner .content {

    height: 100%;

    display: inline-flex;

    align-items: center;

    flex-wrap: wrap;

    width: 100%;

    justify-content: center;

}



main #banner .caption-banner .content .info {

    width: 100%;

}



main #banner .caption-banner .content .info.info-cate h1 {

    font-size: 48px;

}



main #banner .caption-banner .content .info.info-home h1 {

    font-family: 'Playfair Display';

    text-transform: uppercase;

}



main #banner .caption-banner .content .info.info-home h1 span {

    font-size: 30px;

    position: relative;

    top: -4px;

}



main #banner .caption-banner .content h1 {

    margin-bottom: 40px;

    line-height: 48px;

}



main #banner .caption-banner .content .readmore a {

    display: block;

    font-size: 14px;

    color: #3f0c11;

    background: #fff;

    height: 60px;

    line-height: 60px;

    width: max-content;

    padding: 0 50px;

    border-radius: 30px;

    margin: 0 auto;

    text-transform: uppercase;

}



main #box-about {

    padding: 85px 0;

    border-bottom: 1px solid #ddd;

}



main #box-about .row {

    align-items: center;

}



main #box-about .left {

    padding-right: 55px;

}



main #box-about .info-about p {

    margin-bottom: 0;

}



main #box-about .avarta {

    position: relative;

}



main #box-about .avarta .icon-video {

    display: inline-flex;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    text-align: center;

    justify-content: center;

    align-items: center;

}



main #box-news {

    padding: 50px 0;

}



main #box-news .list-new {

    margin-top: 45px;

}



main #box-news .list-new .item .avarta {

    overflow: hidden;

    margin-bottom: 25px;

}



main #box-news .list-new .item .avarta img {

    width: 100%;

    height: 160px;

    object-fit: cover;

    transition: .6s all;

}



main #box-news .list-new .item .avarta img:hover {

    transition: .6s all;

    transform: scale(1.07);

}



main #box-news .list-new .item .info h3 {

    margin-bottom: 0;

}



main #box-news .list-new .item .info h3 a {

    font-size: 18px;

    display: block;

    font-weight: bold;

    color: #262626;

    line-height: 24px;

}



main #box-news .list-new .item .info .desc {

    margin-top: 10px;

}



main #slide {

    background: #f8f8f8;

    padding: 80px 0;

    position: relative;

}

main #slide .content {

    position: relative;

}

main #slide .swiper-button-next {

    width: 45px;

    height: 45px;

    border: 1px solid #aaa;

    text-align: center;

    line-height: 45px;

    font-size: 25px;

    border-radius: 50%;

    right: -60px;

}

main #slide .swiper-button-next a {

    color: #aaa;

}

main #slide .swiper-button-prev {

    width: 45px;

    height: 45px;

    border: 1px solid #aaa;

    text-align: center;

    line-height: 45px;

    font-size: 25px;

    border-radius: 50%;

    left: -60px;

}

main #slide .swiper-button-prev a {

    color: #aaa;

}

main #slide .item .row {

    align-items: center;

}



main #slide .item .title {

    margin-bottom: 25px;

}



main #slide .item .left {

    padding-right: 15px;

}



main #slide .item .left .read-more a {

    display: block;

    width: 155px;

    height: 60px;

    line-height: 60px;

    text-align: center;

    border-radius: 30px;

    color: #531017;

    font-weight: 600;

    border: 1px solid #531017;

    text-transform: uppercase;

    font-size: 14px;

    margin-top: 35px;

}



main #slide .item .avarta {

    overflow: hidden;

}



main #slide .item .avarta img {

    width: 525px;

    height: 400px;

    object-fit: cover;

}



main #service {

    padding: 60px 0 30px 0;

}



main #service .title-service {

    padding-bottom: 50px;

}



main #service .title-service.title-detail h2 {

    padding-top: 0;

    margin-bottom: 30px;

}



main #service .title-service.title-detail h2:after {

    display: none;

}



main #service .title-service h2 {

    font-size: 36px;

    font-weight: bold;

    line-height: 40px;

    position: relative;

    padding-top: 30px;

    margin-bottom: 20px;

}



main #service .title-service h2:after {

    content: "";

    width: 100px;

    height: 1px;

    background: #d2a23f;

    position: absolute;

    left: 0;

    top: 0;

}



/*main #service .desc-detail .row {

  margin-left: -50px;

  margin-right: -50px;

}*/



main #service .desc-detail .row .col-md-6 {

    padding: 0 50px;

}



main #service .desc-detail .avarta {

    /*padding: 60px 0 80px 0; */

}



main #service .list-number {

    background: url(../images/number.png) no-repeat center;

    text-align: center;

    background-size: cover;

    color: #fff;

    padding: 100px 0;

    font-family: 'Playfair Display';

}



main #service .list-number p {

    margin-bottom: 0;

}



main #service .list-number .number {

    font-size: 72px;

    font-weight: 900;

    line-height: initial;

}



main #service .list-service .item {

    padding: 20px;

    border: 1px solid #ddd;

    display: inline-flex;

    width: 100%;

    margin-bottom: 60px;

}



main #service .list-service .item:last-child {

    margin-bottom: 0;

}



main #service .list-service .item .avarta {

    flex: 0 0 463px;

    margin-right: 40px;

}



main #service .list-service .item .avarta img {

    width: 100%;

    height: 316px;

    object-fit: cover;

}



main #service .list-service .item .info h3 a {

    display: block;

    font-size: 36px;

    line-height: 36px;

    color: #252525;

    font-weight: bold;

    margin-bottom: 20px;

}



main #service .list-service .item .info .desc {

    line-height: 24px;

    margin-bottom: 35px;

}



main #service .list-service .item .info .readmore ul {

    margin-bottom: 0;

    display: inline-flex;

    width: 100%;

    justify-content: flex-end;

}



main #service .list-service .item .info .readmore ul li {

    flex: 0 0 50%;

    text-align: center;

}



main #service .list-service .item .info .readmore ul li:first-child a {

    margin-right: 10px;

}



main #service .list-service .item .info .readmore ul li:last-child a {

    margin-left: 10px;

}



main #service .list-service .item .info .readmore ul li a {

    font-weight: 600;

    color: #252525;

    text-transform: uppercase;

    display: block;

    height: 50px;

    line-height: 50px;

    border: 1px solid #ddd;

    border-radius: 30px;

    font-size: 14px;

}



main #service .list-service .item .info .readmore ul li a.view-more {

    color: #fff;

    background: #531017;

}



main #service .info-tv {

    display: inline-flex;

    width: 100%;

    padding: 80px 0;

}



main #service .info-tv .left {

    flex: 0 0 580px;

    padding: 0px 45px 0 0;

    position: relative;

    z-index: 2;

    background: #fff;

    height: max-content;

    top: -50px;

}



main #service .info-tv .right {

    flex: 0 0 630px;

    position: relative;

    left: -130px;

    z-index: 1;

}



main #service .info-tv .btn-regis {

    position: relative;

    bottom: -50px;

}



main #service .info-tv .btn-regis a {

    display: block;

    height: 50px;

    line-height: 50px;

    text-transform: uppercase;

    font-weight: 600;

    color: #531017;

    font-size: 14px;

    border: 1px solid #531017;

    width: max-content;

    padding: 0 50px;

    border-radius: 30px;

}



main #service .box-service-1 .desc-service {

    padding-top: 20px;

}



main #service .box-service-1 .desc-service .avarta {

    padding-top: 20px;

}



main #service .box-service-2 {

    padding: 40px 0;

}



main #service .box-service-2 h2 {

    margin-bottom: 40px;

}



main #service .box-service-2 .row {

    margin-left: -40px;

    margin-right: -40px;

}



main #service .box-service-2 .row .col-md-4 {

    padding: 0 40px;

}



main #service .slide-service {

    background: #531017;

    color: #fff;

    margin-top: 30px;

    position: relative;

}



main #service .slide-service .col-md-7 {

    max-width: 680px;

}



main #service .slide-service .col-md-5 {

    max-width: calc(100% - 680px);

}



main #service .slide-service .swiper-button-prev {

    width: 40px;

    height: 60px;

    left: 0;

}



main #service .slide-service .swiper-button-next {

    width: 40px;

    height: 60px;

    right: 0;

}



main #service .slide-service .row {

    align-items: center;

}



main #service .slide-service .info-slide {

    padding: 30px 30px 30px 0;

}



main #service .slide-service .info-slide h3 {

    font-size: 36px;

    font-weight: bold;

    line-height: 36px;

    margin-bottom: 20px;

}



main #service .slide-service .info-slide .desc {

    line-height: 24px;

}



main #service .slide-service .info-slide .readmore {

    margin-top: 30px;

}



main #service .slide-service .info-slide .readmore a {

    height: 50px;

    width: max-content;

    display: block;

    line-height: 50px;

    background: #fff;

    text-align: center;

    padding: 0 50px;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 14px;

    font-weight: 600;

    color: #531017;

}



main #contact {

    padding: 75px 0;

}



main #contact .list-item .item {

    margin-bottom: 30px;

}



main #contact .list-item .item:last-child {

    margin-bottom: 0;

    text-align: right;

}



main #contact .list-item .item input {

    width: 480px;

    border: 1px solid #aaa;

    border-radius: 5px;

    height: 50px;

    padding: 0 15px;

}



main #contact .list-item .item select {

    width: 480px;

    height: 50px;

    border: 1px solid #aaa;

    border-radius: 5px;

    padding: 0 15px;

}



main #contact .list-item .item textarea {

    width: 480px;

    height: 150px;

    border: 1px solid #aaa;

    border-radius: 5px;

    padding: 15px;

}



main #contact .list-item .item button {

    height: 50px;

    font-weight: 600;

    background: #531017;

    border-radius: 30px;

    width: 180px;

    border: 0;

    color: #fff;

    cursor: pointer;

}



main #contact .list-item .item button img {

    padding-left: 11px;

}



main #contact .title-contact {

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 35px;

}



main #contact .info-contact {

    width: 300px;

    line-height: 24px;

}



main #contact .info-contact p {

    margin-bottom: 10px;

}



main #contact .info-contact p:last-child {

    margin-bottom: 0;

}



main #news {

    padding: 100px 0 50px 0;

}



main #news .big {

    display: inline-flex;

    width: 100%;

    align-items: center;

    border-bottom: 1px solid #ddd;

    padding-bottom: 45px;

    margin-bottom: 45px;

}



main #news .big .left h2 a {

    display: block;

    font-size: 24px;

    color: #252525;

    font-weight: bold;

    line-height: 30px;

}



main #news .big .left .date {

    padding: 5px 0;

    font-size: 14px;

    color: #d2a23f;

    font-weight: normal;

}



main #news .big .left .date i {

    padding-right: 10px;

}



main #news .big .left .read-more a {

    font-weight: 600;

    color: #531017;

    display: block;

    border: 1px solid #531017;

    height: 50px;

    line-height: 50px;

    width: max-content;

    padding: 0 30px;

    border-radius: 30px;

    text-transform: uppercase;

    font-size: 14px;

    margin-top: 30px;

}



main #news .big .left .read-more a i {

    padding-left: 10px;

}



main #news .big .right {

    flex: 0 0 380px;

    margin-left: 130px;

}



main #news .big .right .avarta img {

    width: 100%;

    height: 253px;

}



main #news .list-news .list-small {

    padding-bottom: 45px;

    margin-bottom: 45px;

    border-bottom: 1px solid #ddd;

}



main #news .list-news .list-small.small-other {

    padding-bottom: 0;

    border-bottom: 0;

}



main #news .list-news .list-small:last-child {

    margin-bottom: 0;

}



main #news .list-news .list-small .row {

    margin-left: -50px;

    margin-right: -50px;

}



main #news .list-news .list-small .row .col-md-4 {

    padding: 0 50px;

}



main #news .list-news .list-small .item h3 a {

    font-weight: bold;

    display: block;

    margin-top: 10px;

    color: #252525;

    line-height: 24px;

}



main #news .list-news .list-small .item .avarta img {

    width: 100%;

    height: 195px;

    object-fit: cover;

}



main #news .list-news .list-small .item .date {

    font-size: 14px;

    color: #d2a23f;

    font-weight: normal;

}



main #news .list-news .list-small .item .read-more a {

    font-size: 13px;

    display: block;

    font-weight: 600;

    color: #531017;

    border: 1px solid #531017;

    padding: 0 10px;

    border-radius: 30px;

    width: max-content;

    text-transform: uppercase;

    height: 33px;

    line-height: 33px;

    margin-top: 30px;

}



main #news .list-news .list-small .item .read-more a i {

    padding-left: 15px;

}



main #news .title-other {

    font-size: 30px;

    font-weight: bold;

    padding-bottom: 10px;

    margin-bottom: 40px;

    border-bottom: 1px solid #ddd;

}



main #news .news-detail .date {

    color: #d2a23f;

    font-size: 14px;

}



main #news .news-detail .date i {

    padding-right: 10px;

}



main #news .news-detail .title-new h1 {

    font-size: 36px;

    font-weight: bold;

    padding: 10px 0 30px 0;

}



main #news .news-detail .content-detail-news {

    display: inline-flex;

    width: 100%;

    padding-bottom: 80px;

}



main #news .news-detail .content-detail-news .left {

    flex: 0 0 100px;

}



main #news .news-detail .content-detail-news .left ul {

    margin-bottom: 0;

}



main #news .news-detail .content-detail-news .left ul li {

    list-style: none;

    margin-bottom: 15px;

}



main #news .news-detail .content-detail-news .left ul li:last-child {

    margin-bottom: 0;

}



main #news .news-detail .content-detail-news .right p strong {

    font-weight: bold;

}



main #about {

    padding: 70px 0 0 0;

}



main #about .description {

    display: inline-flex;

    width: 100%;

    margin-bottom: 120px;

    align-items: center;

}



main #about .description.desc-file {

    align-items: end;

    margin-bottom: 45px;

    padding-bottom: 45px;

    border-bottom: 1px solid #ddd;

}



main #about .description.desc-file .left {

    padding-top: 0;

}



main #about .description .right {

    flex: 0 0 680px;

    margin-left: -180px;

}



main #about .description .left {

    flex: 0 0 580px;

    background: #fff;

    padding: 40px 60px 40px 0;

    position: relative;

    z-index: 2;

}



main #about .description .left p {

    margin-bottom: 0;

}



main #about .description .left .title-about {

    font-weight: bold;

    font-size: 36px;

    line-height: 48px;

    margin-bottom: 30px;

}



main #about .info-about .item {

    display: inline-flex;

    width: 100%;

    margin-bottom: 120px;

}



main #about .info-about .item .avarta {

    flex: 0 0 480px;

    margin-right: 100px;

    position: relative;

    padding-left: 17px;

    padding-bottom: 17px;

}



main #about .info-about .item .avarta:after {

    content: "";

    width: 17px;

    height: calc(100% - 17px);

    background: #f1f3f4;

    position: absolute;

    left: 0;

    bottom: 0;

}



main #about .info-about .item .avarta:before {

    content: "";

    height: 17px;

    width: calc(100% - 17px);

    background: #f1f3f4;

    position: absolute;

    left: 0;

    bottom: 0;

}



main #about .info-about .item .avarta img {

    width: 100%;

    height: 480px;

    object-fit: cover;

}



main #about .info-about .item .info {

    flex: 0 0 calc(100% - 580px);

}



main #about .info-about .item .info p:last-child {

    margin-bottom: 0;

}



main #about .info-about .item:nth-child(2n) .avarta {

    order: 2;

    margin-right: 0;

    padding: 0 17px 17px 0;

}



main #about .info-about .item:nth-child(2n) .avarta:after {

    content: "";

    width: 17px;

    height: calc(100% - 17px);

    background: #f1f3f4;

    position: absolute;

    right: 0;

    bottom: 0;

    left: unset;

}



main #about .info-about .item:nth-child(2n) .avarta:before {

    content: "";

    height: 17px;

    width: calc(100% - 17px);

    background: #f1f3f4;

    position: absolute;

    right: 0;

    bottom: 0;

    left: unset;

}



main #about .info-about .item:nth-child(2n) .info {

    order: 1;

    margin-right: 100px;

}



main #about .list-file .list-item-file {

    margin-bottom: 35px;

    padding-bottom: 35px;

    border-bottom: 1px solid #ddd;

}



main #about .list-file .list-item-file .item-file .avarata {

    overflow: hidden;

    margin-bottom: 10px;

}



main #about .list-file .list-item-file .item-file .avarata img {

    height: 230px;

    object-fit: cover;

}



main #about .list-file .list-item-file .item-file .info-file h3 {

    margin-bottom: 0;

}



main #about .list-file .list-item-file .item-file .info-file h3 a {

    color: #252525;

    font-size: 24px;

}



main #about .list-file .next-p {

    margin-bottom: 50px;

}



main #about .list-file .next-p a {

    font-size: 14px;

    display: block;

    height: 50px;

    line-height: 50px;

    font-weight: 600;

    text-transform: uppercase;

    text-align: center;

    transition: .3s all;

    margin-left: 10px;

    width: max-content;

    border-radius: 30px;

    padding: 0 15px;

    border: 1px solid #531017;

    color: #531017;

}



main #about .right-file {

    padding: 40px 20px;

    background: #252525;

    color: #fff;

    text-align: center;

}



main #about .right-file .title-file {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}



main #about .right-file p {

    line-height: 24px;

}



main #about .right-file .list-right-file {

    margin-top: 20px;

    display: inline-block;

    width: 100%;

}



main #about .right-file .list-right-file ul {

    margin-bottom: 0;

}



main #about .right-file .list-right-file ul li {

    list-style: none;

    margin-bottom: 20px;

}



main #about .right-file .list-right-file ul li a {

    display: block;

    width: 100%;

    height: auto;

    border: 1px solid #fff;

    background: transparent;

    color: #e1e1e1;

    border-radius: 5px;

    font-size: 18px;

    line-height: 40px;

}



main #about .right-file .list-right-file ul li a.active {

    color: #282828;

    background: #fff;

    font-weight: 600;

}



main #trungtam .nd-box-1 {

    padding: 80px 0;

}



main #trungtam .nd-box-1 .title-box {

    font-weight: bold;

    font-size: 30px;

}



main #trungtam .nd-box-1 .info-box {

    padding-top: 40px;

}



main #trungtam .nd-box-1 .info-box p {

    margin-bottom: 0;

}



main #trungtam .nd-box-2 {

    background: #f1f3f4;

}



main #trungtam .nd-box-2 .col-md-6:first-child {

    padding-left: calc((100% - 1080px)/2);

}



main #trungtam .nd-box-2 .left {

    padding: 50px 15px 50px 0;

}



main #trungtam .nd-box-2 .left .title-box-2 {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 20px;

}



main #trungtam .nd-box-2 .right img {

    height: 470px;

    object-fit: cover;

}



main #trungtam .nd-box-number .row {

    margin-left: -70px;

    margin-right: -70px;

}



main #trungtam .nd-box-number .row .col-md-6 {

    padding: 0 70px;

    border-right: 1px solid #ddd;

}



main #trungtam .nd-box-number .row .col-md-6:last-child {

    border-right: 0;

}



main #trungtam .nd-box-number .left .item {

    margin-bottom: 45px;

}



main #trungtam .nd-box-number .left .item:last-child {

    margin-bottom: 0;

}



main #trungtam .nd-box-number .left .item .title-number {

    font-size: 24px;

    color: #531017;

    font-family: 'Playfair Display';

    font-weight: 900;

    margin-bottom: 15px;

}



main #trungtam .nd-box-number .left .item .title-number span {

    font-size: 72px;

    padding-right: 15px;

}



main #trungtam .nd-box-number .right p {

    margin-bottom: 25px;

}



main #trungtam .nd-box-number .right p:last-child {

    margin-bottom: 0;

}



main #trungtam .box-send-mail {

    padding: 80px 0;

}



main #trungtam .box-send-mail .row {

    align-items: center;

}



main #trungtam .box-send-mail .content {

    padding: 40px 30px;

    background: #531017;

    border-radius: 6px;

    color: #fff;

}



main #trungtam .box-send-mail .content span {

    font-size: 24px;

    font-family: 'Playfair Display';

    font-weight: bold;

}



main #trungtam .box-send-mail .content .btn-regis button {

    height: 50px;

    padding: 0 50px;

    border-radius: 30px;

    border: 0;

    color: #531017;

    background: #fff;

    text-transform: uppercase;

    cursor: pointer;

    font-size: 14px;

    font-weight: 600;

}



main #contact-us {

    background: url(../images/bg-2.png) no-repeat center;

    background-size: cover;

    padding: 60px 0 150px 0;

    text-align: center;

}



main #contact-us .title h2 {

    font-size: 36px;

    color: #fff;

    margin-bottom: 80px;

}



main #contact-us .list-contact ul {

    margin-bottom: 0;

}



main #contact-us .list-contact ul li {

    padding: 0 8px;

}



main #contact-us .list-contact ul li input {

    width: 273px;

    height: 50px;

    padding: 0 30px;

    border: 0;

    border-radius: 30px;

    outline: none;

}



main #contact-us .list-contact ul li select {

    width: 273px;

    height: 50px;

    padding: 0 30px;

    border: 0;

    border-radius: 30px;

    outline: none;

}



main #contact-us .list-contact ul li button {

    width: 180px;

    height: 50px;

    padding: 0 30px;

    border: 0;

    border-radius: 30px;

    cursor: pointer;

    color: #fff;

    font-weight: 600;

    background: #531017;

}



main #contact-us .list-contact ul li button img {

    padding-left: 10px;

}

.slide-service .swiper-pagination {

    /*background: rebeccapurple; */

    position: absolute;

    bottom: -30px;

    z-index: 1111111;

    width: 100%;

    /*height: 20px; */

    text-align: center;

    display: inline-flex;

    justify-content: center;

}

.slide-service .swiper-pagination span.swiper-pagination-bullet {

    display: block;

    margin: 0 5px;

    opacity: 1;

    position: relative;

}



.slide-service .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #d2a23f;

}

/*.slide-service span.swiper-pagination{

    width: 10px;

    height: 10px;

}*/

/*# sourceMappingURL=style.css.map */



.coccoc-alo-ph-circle {

    width: 160px;

    height: 160px;

    top: 20px;

    left: 20px;

    position: absolute;

    background-color: transparent;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid rgba(30, 30, 30, 0.4);

    opacity: .1;

    -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.coccoc-alo-phone {

    background-color: transparent;

    width: 200px;

    height: 200px;

    cursor: pointer;

    z-index: 200000 !important;

    -webkit-backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    -webkit-transition: visibility .5s;

    -moz-transition: visibility .5s;

    -o-transition: visibility .5s;

    transition: visibility .5s;

    right: 150px;

    top: 30px;

}



.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {

    background-color: rgba(0, 175, 242, 0.5);

    opacity: .75 !important;

}



.coccoc-alo-ph-circle-fill {

    width: 100px;

    height: 100px;

    top: 50px;

    left: 50px;

    position: absolute;

    background-color: #000;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .1;

    -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



.coccoc-alo-ph-img-circle {

    width: 60px;

    height: 60px;

    top: 70px;

    left: 70px;

    position: absolute;

    background: rgba(30, 30, 30, 0.1) url(https://drive.google.com/uc?id=1V3N2b79QjDWetC_ss9wI3c-xpWDymn9R) no-repeat center center;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    border-radius: 100%;

    border: 2px solid transparent;

    opacity: .7;

    -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

    animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;

}



.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle {

    background-color: #00aff2;

}



.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle {

    border-color: #00aff2;

    opacity: .5;

}



.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,

.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle {

    border-color: #75eb50;

    opacity: .5;

}



.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,

.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill {

    background-color: rgba(117, 235, 80, 0.5);

    opacity: .75 !important;

}



.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,

.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle {

    background-color: #75eb50;

}



@-moz-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1
    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1
    }

}



@-webkit-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1
    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1
    }

}



@-o-keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1
    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1
    }

}



@keyframes coccoc-alo-circle-anim {

    0% {

        transform: rotate(0) scale(.5) skew(1deg);

        opacity: .1
    }

    30% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .5
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .1
    }

}



@-moz-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2
    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

}



@-webkit-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2
    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

}



@-o-keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2
    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

}



@keyframes coccoc-alo-circle-fill-anim {

    0% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg);

        opacity: .2
    }

    100% {

        transform: rotate(0) scale(.7) skew(1deg);

        opacity: .2
    }

}



@-moz-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)
    }

}



@-webkit-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)
    }

}



@-o-keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)
    }

}



@keyframes coccoc-alo-circle-img-anim {

    0% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {

        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {

        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {

        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {

        transform: rotate(0) scale(1) skew(1deg)
    }

}





.maps {

    padding-top: 75px;

}



.maps iframe {

    width: 100%;

    height: 350px;

}



body .title h2 a {

    color: #262626;

}



.content-detail-news .left a {

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    background: #531017;

    border-radius: 100%;

}



.list-file .file_bottom {

    padding-bottom: 40px;

}



/*main #service .list-service .item {

  position: relative;

}*/

main #service .list-service .item .info {

    position: relative;

    width: calc(100% - 503px);

    padding-bottom: 93px;

}

main #service .list-service .readmore {

    position: absolute;

    width: 100%;

    bottom: 43px;

    right: 0;

}

main #service .list-service .item .info .readmore ul li {

    text-align: right;

    flex: 0 0 100%;

}

main #service .list-service .item .info .readmore ul li a {

    width: auto;

    display: inline-block;

    padding: 0 38px;

}



main #news .big .left {

    max-width: 570px;

    width: 100%;

}

/* customs-css */
body img {
    max-width: 100%;
    max-height: auto;
}

main #banner {
    width: 100%;
}

@media (max-width: 1199.98px) {
    main #contact-us .list-contact ul {
        flex-wrap: wrap;
        max-width: 710px;
        margin-left: auto;
        margin-right: auto;
    }

    main #contact-us .list-contact ul li {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 767.98px) {}

@media (max-width: 575.98px) {}