* {

    margin: 0;

    padding: 0;

}

@font-face {

    font-family: 'Roboto';

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

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");

    font-weight: 300;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Roboto';

    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../fonts/Roboto-Medium.woff") format("woff");

    font-weight: 500;

    font-style: normal;

}

@font-face {

    font-family: 'Gill Sans Std';

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

    font-weight: bold;

    font-style: normal;

}

@font-face {

    font-family: 'SVN-Nexa Rust Script';

    src: url("../fonts/SVN-NexaRustScript.woff2") format("woff2"), url("../fonts/SVN-NexaRustScript.woff") format("woff");

    font-weight: 300;

    font-style: normal;

}

html {

    overflow-x: hidden;

}

body {

    box-sizing: border-box;

    padding: 0 !important;

    color: #333333;

    font-size: 15px;

    line-height: 24px;

    transition: .3s all;

    position: relative;

    font-family: 'Roboto';

    font-weight: normal;

}

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-fluid {

    padding: 0;

    overflow: hidden;

}

body .container {

    width: 1150px;

}

header .header-menu {

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

    background: transparent;

    z-index: 10;

}

header .header-menu ul {

    display: inline-flex;

    width: 100%;

    align-items: center;

    margin: 0;

    border-bottom: 1px solid #fff;

    padding: 20px 0;

    justify-content: space-between;

}

header .header-menu ul li {

    list-style: none;

}

header .header-menu ul li a {

    display: block;

    text-transform: uppercase;

    color: #fff;

    /*font-weight: 300;*/

    font-weight: 700;

    border-bottom: 1px solid transparent;

}

header .header-menu ul li a.active,

header .header-menu ul li a:hover {

    border-bottom-color: #fff;

}

header .header-menu ul .logo {

    margin-right: 35px;

}

header .header-menu ul li .logo a {

    border: none;

}

header .header-menu ul .search {

    position: relative;

}

header .header-menu ul .search input {

    width: 160px;

    height: 42px;

    border: 1px solid #fff;

    border-radius: 30px;

    padding: 0 40px 0 15px;

    background: transparent;

    color: #fff;

    font-weight: 300;

    outline: none;

}

header .header-menu ul .search input::placeholder {

    font-style: italic;

    color: #fff;

    font-weight: 300;

}

header .header-menu ul .search button {

    position: absolute;

    right: 5px;

    top: -2px;

    height: 44px;

    width: 44px;

    border: 0;

    background: transparent;

    outline: none;

}

header .header-menu ul .translate {

    display: inline-flex;

    align-items: center;

}

header .header-menu ul .translate a:first-child {

    position: relative;

    margin-right: 12px;

    padding-right: 12px;

}

header .header-menu ul .translate a:first-child:after {

    content: "";

    width: 1px;

    height: 12px;

    background: #fff;

    position: absolute;

    right: 0;

    top: 6px;

}

footer {

    background: #3f0c11;

    color: #fff;

}

footer a {

    color: #fff;

    font-size: 16px;

}

footer .footer-top {

    padding: 50px 0 35px 0;

}

footer .col-lg-5 {

    padding-right: 54px;

}

footer .item .title-ft {

    font-family: 'Gill Sans Std';

    font-weight: bold;

    font-size: 20px;

    margin-bottom: 20px;

}

footer .item .info-item p {

    font-size: 16px;

    margin-bottom: 10px;

    position: relative;

    padding-left: 30px;

}

footer .item .info-item p img {

    position: absolute;

    left: 0;

    top: 4px;

}

footer .item .info-item p:last-child {

    margin-bottom: 0;

}

footer .item .info-item p:first-child {

    margin-bottom: 20px;

    padding-left: 0;

}

footer .item .info-item ul li {

    list-style: none;

    margin-bottom: 15px;

}

footer .item .info-item ul li:last-child {

    margin-bottom: 0;

}

footer .item .info-item .sent-mail {

    position: relative;

    margin-top: 10px;

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}

footer .item .info-item .sent-mail input {

    width: 100%;

    height: 52px;

    padding: 0 55px 0 30px;

    border-radius: 30px;

    color: #333333;

    font-size: 16px;

    border: 0;

    outline: none;

}

footer .item .info-item .sent-mail button {

    background: transparent;

    border: 0;

    width: 40px;

    height: 52px;

    position: absolute;

    right: 20px;

    top: 0;

    outline: none;

}

footer .copyright {

    padding: 20px 0;

    text-align: center;

    font-size: 16px;

    border-top: 1px solid #86686b;

}

main section {

    margin-bottom: 50px;

}

main section .share-info {

    text-align: center;

    padding: 25px 0;

    background: #f1f1f1;

}

main section .share-info span {

    font-size: 16px;

    opacity: .7;

    display: block;

    margin-bottom: 10px;

}

main section .share-info ul {

    margin-bottom: 0;

}

main section .share-info ul li {

    padding: 0 6px;

}

main section .share-info ul li a {

    display: block;

    transition: .4s all;

}

main section .share-info ul li a:hover {

    transition: .4s all;

    transform: rotate(360deg);

}

main section .search-banner {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: -25px;

    z-index: 2;

}

main section .info-search {

    position: relative;

    width: 660px;

    margin: 0 auto;

}

main section .info-search .icon {

    position: absolute;

    left: 20px;

    top: 11px;

}

main section .info-search input {

    width: 100%;

    border: 0;

    border-radius: 30px;

    height: 50px;

    padding: 0 50px;

    font-size: 15px;

}

main section .info-search input::placeholder {

    /*opacity: .3;*/

}

main #banner {

    position: relative;

}

main #banner:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #131313;

    opacity: .2;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

main #banner .caption-banner {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    text-align: center;

    display: inline-flex;

    align-items: center;

    color: #fff;

    z-index: 2;

}

main #banner .caption-banner .content {

    width: 630px;

    margin: 0 auto;

}

main #banner .caption-banner .content h1 {

    font-size: 36px;

    font-weight: 500;

    margin-bottom: 30px;

}

main #banner .caption-banner .content p {

    margin-bottom: 0;

}

main #banner .caption-banner .search-banner {

    position: relative;

    bottom: 0;

    margin-bottom: 25px;

}

main #banner .caption-info {

    position: absolute;

    bottom: 115px;

    left: 0;

    text-align: center;

    color: #fff;

    z-index: 11;

    width: 100%;

}

main #banner .caption-info h1 {

    font-size: 36px;

    font-weight: bold;

    text-transform: uppercase;

    margin-bottom: 10px;

}

main #banner .caption-info span {

    font-size: 36px;

    color: #ff6600;

    font-family: 'SVN-Nexa Rust Script';

    position: relative;

    padding-left: 50px;

}

main #banner .caption-info span:after {

    content: "";

    width: 40px;

    height: 3px;

    background: #ff6600;

    position: absolute;

    left: 0;

    bottom: 10px;

}

main .box-nd .content {

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

}

main .box-nd .content .row {

    align-items: center;

}

main .box-nd .content .left-feel {

    padding-right: 100px;

}

main .box-nd .content .right-feel {

    width: calc(100% + 100px);

    margin-left: -100px;

}

main .box-nd .content .right-about .swiper-button-next {

    right: 15%;

    top: 52%;

}

main .box-nd .content .right-about .swiper-button-next img {

    max-width: unset;

}

main .box-nd .content .slide-feel {

    padding-left: 45px;

}

main .box-nd .content .slide-feel .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: linear-gradient(to right, rgba(157, 179, 89, 0.62), #fff0, #fff0);

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

main .box-nd .content .slide-feel .item .info-feed {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 2;

    color: #fff;

    padding: 30px 60px;

}

main .box-nd .content .slide-feel .item .info-feed p {

    font-size: 16px;

    margin-bottom: 0;

}

main .box-nd .content .slide-feel .item .info-feed h3 {

    position: relative;

    font-size: 18px;

    font-weight: bold;

    padding-left: 45px;

}

main .box-nd .content .slide-feel .item .info-feed h3:after {

    content: url("../images/after.png");

    position: absolute;

    left: 0;

    top: 0;

}

main .box-nd .content .slide-feel .item .name {

    position: absolute;

    bottom: 70px;

    margin-left: -45px;

    z-index: 10;

    width: 89px;

    height: 89px;

    border-radius: 50%;

    overflow: hidden;

}

main .box-nd .content .slide-feel .item .name img {

    width: 100%;

    height: 100%;

}

main .box-nd .col-lg-7 {

    padding-left: 0;

    max-width: 61%;

    flex: 0 0 61%;

}

main .box-nd .col-lg-5 {

    max-width: 39%;

    flex: 0 0 39%;

}

main .box-nd .info-left h3 {

    font-weight: normal;

    color: #1f84b3;

    font-size: 16px;

    text-transform: uppercase;

}

main .box-nd .info-left h2 {

    font-weight: normal;

    font-size: 24px;

    padding: 5px 0 15px 0;

    margin-bottom: 0;

    text-transform: uppercase;

}

main .box-nd .info-left p {

    position: relative;

    font-size: 24px;

    color: #3f0c11;

    padding-left: 50px;

}

main .box-nd .info-left p:after {

    content: "";

    width: 40px;

    height: 2px;

    background: #3f0c11;

    position: absolute;

    left: 0;

    top: 17px;

}

main .box-nd .info-left .desc {

    padding: 5px 0 15px 0;

}

main .box-nd .info-left .read-more a {

    display: block;

    width: 135px;

    height: 42px;

    text-align: center;

    line-height: 42px;

    border-radius: 30px;

    background: #3f0c11;

    font-size: 16px;

    color: #fff;

    transition: .3s all;

}

main .box-nd .info-left .read-more a:hover {

    transition: .3s all;

    color: #3f0c11;

    background: #ddd;

}

main .box-nd .slide-right .slide-tour-hot .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: linear-gradient(#ffffff00, #111111);

    position: absolute;

    left: 0;

    top: 0;

    opacity: .2;

    z-index: 1;

}

main .box-nd .content .right-tour-hot .swiper-button-next {

    right: 15%;

    top: 52%;

}

/*main .box-nd .content .right-tour-hot .swiper-button-next img {

     display: none;

}

main .box-nd .content .right-tour-hot .swiper-button-next a {

    color: #fff;

    font-size: 18px;

    width: 30px;

    height: 30px;

    background-color: #ddd;

    border-radius: 50%;

    display: block;

    text-align: center;

    line-height: 30px;

}

main .box-nd .content .right-tour-hot .swiper-button-next a:before {

     content: "\f061";

     font-family: FontAwesome;

}*/

main .box-nd .content .right-tour-hot .item:hover .avarta img {

    transition: .3s all;

    transform: scale(1.07);

}

main .box-nd .slide-right .item {

    position: relative;

}

main .box-nd .slide-right .item .avarta {

    overflow: hidden;

}

main .box-nd .slide-right .item .avarta img {

    height: 350px;

    object-fit: cover;

    transition: .3s all;

}

main .box-nd .slide-right .item .avarta img:hover {

    transition: .3s all;

    transform: scale(1.07);

}

main .box-nd .slide-right .item .caption {

    position: absolute;

    bottom: 0;

    padding: 25px 50px 25px 100px;

    color: #fff;

    width: 100%;

    z-index: 2;

}

main .box-nd .slide-right .item .caption:after {

    content: "";

    width: 24px;

    height: 24px;

    border-radius: 50%;

    background: #3f0c11;

    position: absolute;

    left: 55px;

    top: 27px;

}

main .box-nd .slide-right .item .caption h3 {

    margin-bottom: 5px;

}

main .box-nd .slide-right .item .caption h3 a {

    color: #fff;

    display: block;

    font-weight: 500;

    font-size: 16px;

}

main #box-service {

    background: #f1f1f1;

    padding: 50px 0 20px 0;

    text-align: center;

    margin-bottom: 90px;

}

main #box-service .btn-pagination {

    position: relative;

    width: 115px;

    display: block;

    height: 45px;

    /*background: #fff;*/

    line-height: 45px;

    margin: 0 auto;

    bottom: -43px;

    /*border: 1px solid #ddd;*/

    border-radius: 30px;

}

main #box-service .title-cate {

    margin-bottom: 24px;

    text-align: left;

    padding-bottom: 30px;

    width: 960px;

    margin: 0 auto;

}

main #box-service .title-cate h3 {

    color: #1f84b3;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: normal;

}

main #box-service .title-cate span {

    display: block;

    font-size: 24px;

    color: #3f0c11;

    padding-left: 50px;

    position: relative;

}

main #box-service .title-cate span:after {

    content: "";

    width: 40px;

    height: 2px;

    background: #3f0c11;

    position: absolute;

    left: 0;

    top: 17px;

}

main #box-service .title {

    color: #3f0c11;

    text-transform: uppercase;

    padding-bottom: 20px;

}

main #box-service .title h2 {

    font-weight: 500;

    font-size: 30px;

    text-transform: uppercase;

}

main #box-service .title p {

    font-size: 16px;

    margin-bottom: 0;

}

main #box-service .info-service .item .avarta {

    overflow: hidden;

    margin-bottom: 20px;

}

main #box-service .info-service .item .avarta img {

    width: 100%;

    height: 298px;

    object-fit: cover;

    transition: .7s all;

}

main #box-service .info-service .item .avarta img:hover {

    transition: .7s all;

    transform: scale(1.11);

}

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

    display: block;

    font-size: 16px;

    color: #333333;

    line-height: 30px;

    transition: .3s all;

}

main #box-service .info-service .item .info h3 a:hover {

    transition: .3s all;

    color: #3f0c11;

}

main #box-service .info-service .item .info p {

    margin-bottom: 0;

    color: #535353;

}

main #box-service .swiper-button-prev-sv {

    position: absolute;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: #eeeeee;

    line-height: 36px;

    font-size: 24px;

    transition: .3s all;

    left: 5px;

    top: unset;

    bottom: 4px;

    border: 1px solid #ddd;

}

main #box-service .swiper-button-prev-sv:hover {

    transition: .3s all;

    background: #9f8588;

}

main #box-service .swiper-button-prev-sv:hover a {

    transition: .3s all;

    color: #fff;

}

main #box-service .swiper-button-prev-sv a {

    color: #777777;

    transition: .3s all;

}

main #box-service .swiper-button-next-sv {

    position: absolute;

    width: 36px;

    height: 36px;

    border-radius: 50%;

    background: #eeeeee;

    line-height: 36px;

    font-size: 24px;

    transition: .3s all;

    right: 5px;

    top: unset;

    bottom: 4px;

    border: 1px solid #ddd;

}

main #box-service .swiper-button-next-sv:hover {

    transition: .3s all;

    background: #9f8588;

}

main #box-service .swiper-button-next-sv:hover a {

    transition: .3s all;

    color: #fff;

}

main #box-service .swiper-button-next-sv a {

    color: #777777;

    transition: .3s all;

}

main #box-service .swiper-slide {

    opacity: .6;

}

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

    opacity: 1;

}

main #box-service .swiper-slide.swiper-slide-active {

    opacity: 1;

}

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

    opacity: 1;

}

main #video-library {

    text-align: center;

    background: #f1f1f1;

    padding: 40px 0;

}

main #video-library .nav-tabs {

    border-bottom: 0;

    justify-content: center;

    margin-bottom: 10px;

}

main #video-library .nav-tabs.video-cate {

    position: relative;

    margin-top: -23px;

    z-index: 1;

}

main #video-library .nav-tabs .nav-item {

    padding: 0 12px;

}

main #video-library .nav-tabs .nav-item .nav-link {

    display: block;

    font-size: 16px;

    color: #333333;

    width: 135px;

    height: 43px;

    line-height: 43px;

    padding: 0;

    background: #fff;

    border: 0;

    border-radius: 30px;

    transition: .3s all;

}

main #video-library .nav-tabs .nav-item .nav-link.active {

    color: #fff;

    background: #3f0c11;

}

main #video-library .nav-tabs .nav-item .nav-link:hover {

    transition: .3s all;

    color: #fff;

    background: #3f0c11;

}

main #video-library .slide-video {

    margin-top: 30px;

}

main #video-library .slide-video .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #video-library .slide-video .row .col-md-4 {

    padding: 0 10px;

}

main #video-library .slide-video .item {

    position: relative;

    margin-bottom: 20px;

}

main #video-library .slide-video .item .avarta {

    overflow: hidden;

    border-radius: 5px;

    position: relative;

}

main #video-library .slide-video .item .avarta:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #333333;

    opacity: .2;

    position: absolute;

    top: 0;

    left: 0;

}

main #video-library .slide-video .item .avarta img {

    height: 248px;

    width: 100%;

    object-fit: cover;

}

main #video-library .slide-video .item .icon-play {

    position: absolute;

    left: 0;

    top: 0;

    display: inline-flex;

    align-items: center;

    width: 100%;

    height: 100%;

    justify-content: center;

    z-index: 2;

}

main #video-library .slide-video .item .icon-play a {

    text-align: center;

    outline: none;

}

main #video-library .slide-video .swiper-slide-active .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #000000;

    opacity: .3;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

main #video-library .slide-video .swiper-slide-prev .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: .5;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

main #video-library .slide-video .swiper-slide-next .item:after {

    content: "";

    width: 100%;

    height: 100%;

    background: #fff;

    opacity: .5;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}

main #video-library .content-lib .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #video-library .content-lib .row .col-md-4 {

    padding: 0 10px;

    margin-top: 20px;

}

main #video-library .content-lib .avarta {

    overflow: hidden;

    border-radius: 5px;

}

main #video-library .content-lib .avarta img {

    width: 100%;

    height: 248px;

    object-fit: cover;

    transition: .7s all;

}

main #video-library .content-lib .avarta img:hover {

    transition: .7s all;

    transform: scale(1.11);

}

main #video-library #myModal .modal-dialog {

    max-width: 1000px;

}

main #video-library #myModal .modal-dialog iframe {

    width: 100%;

}

main #error {

    margin: 0 !important;

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    display: inline-flex;

    justify-content: center;

    text-align: center;

    align-items: center;

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

    background-size: cover;

}

main #error .content {

    width: 360px;

    height: 360px;

    text-align: center;

    background: #f2e7f1;

    border-radius: 50%;

    margin: 0 auto;

}

main #error .info-error {

    display: inline-flex;

    width: 100%;

    height: 100%;

    align-items: center;

    justify-content: center;

    color: #3f0c11;

    position: relative;

}

main #error .info-error:after {

    content: "";

    width: 440px;

    height: 440px;

    background: transparent;

    border: 1px solid #f2e7f1;

    position: absolute;

    left: -40px;

    top: -40px;

    border-radius: 50%;

    z-index: -1;

}

main #error .info-error h1 {

    font-size: 60px;

    font-weight: normal;

    margin-bottom: 30px;

}

main #error .info-error .gohome a {

    width: 140px;

    height: 40px;

    line-height: 40px;

    border-radius: 30px;

    background: #3f0c11;

    display: block;

    margin: 0 auto;

    color: #fff;

    border: 1px solid #3f0c11;

    transition: .3s all;

}

main #error .info-error .gohome a:hover {

    transition: .3s all;

    color: #3f0c11;

    background: #fff;

}

main #about {

    margin-bottom: 0;

}

main #about .info-about {

    width: 930px;

    margin: 0 auto;

    font-size: 16px;

    background: #fff;

    padding: 36px;

    line-height: 26px;

    border-radius: 10px;

    margin-top: -60px;

    z-index: 1;

    position: relative;

}

main #about .info-about p {

    margin-bottom: 25px;

}

main #about .box-about .row {

    margin-left: -10px;

    margin-right: -10px;

    align-items: center;

}

main #about .box-about .col-md-6 {

    padding: 0 10px;

}

main #about .box-about p:last-child {

    margin-bottom: 0;

}

main #about .box-about:first-child .title-about {

    padding-top: 0;

}

main #about .box-about:nth-child(2n+1) .col-md-6:nth-child(2n) {

    order: 1;

}

main #about .box-about:nth-child(2n+1) .col-md-6:nth-child(2n+1) {

    order: 2;

}

main #about .title-about {

    font-family: 'SVN-Nexa Rust Script';

    font-size: 36px;

    color: #3f0c11;

    text-align: center;

    padding: 40px 0 30px 0;

}

main #local {

    margin-bottom: 0;

    margin-top: 20px;

    display: inline-block;

    width: 100%;

}

main #local .list-local .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #local .list-local .row .col-md-4 {

    padding: 0 10px;

    margin-bottom: 50px;

}

main #local .list-local .item {

    position: relative;

}

main #local .list-local .item:hover .avarta img {

    transition: .8s all;

    transform: scale(1.1);

}

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

    overflow: hidden;

}

main #local .list-local .item .avarta a {

    display: block;

    position: relative;

}

main #local .list-local .item .avarta a:after {

    content: "";

    width: 100%;

    height: 100%;

    background-image: linear-gradient(#fff0, rgba(19, 19, 19, 0.62));

    position: absolute;

    left: 0;

    top: 0;

}

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

    width: 100%;

    height: 470px;

    object-fit: cover;

    transition: .8s all;

}

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

    position: absolute;

    bottom: 0;

    z-index: 2;

    padding: 20px;

    text-align: center;

    width: 100%;

    color: #fff;

}

main #local .list-local .item .info h3 {

    margin-bottom: 3px;

}

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

    font-size: 18px;

    text-transform: uppercase;

    color: #fff;

    font-weight: bold;

    display: block;

}

main #local .list-local .item .info p {

    margin-bottom: 0;

    opacity: .7;

}

main #local-detail {

    margin-bottom: 0;

}

main #local-detail .info {

    width: 740px;

    margin: 0 auto;

}

main #local-detail .info h2 {

    font-size: 16px;

    color: #333333;

    font-weight: 500;

    font-style: italic;

    text-align: center;

    line-height: 24px;

    margin-bottom: 15px;

}

main #local-detail .info p {

    font-size: 16px;

}

main #local-detail .slide-local-detail .title-slide {

    text-align: center;

    color: #3f0c11;

    font-size: 24px;

    line-height: 30px;

    font-family: 'SVN-Nexa Rust Script';

    padding: 20px 0;

}

main #local-detail .slide-local-detail .swiper-slide {

    opacity: .6;

}

main #local-detail .slide-local-detail .swiper-slide.swiper-slide-active {

    opacity: 1;

}

main #local-detail .slide-local-detail .item img {

    height: 557px;

    width: 100%;

    object-fit: cover;

}

main #local-detail .slide-local-detail .info-slide {

    position: relative;

}

main #local-detail .slide-local-detail .info-slide .swiper-button-next {

    right: 10%;

    top: 281px;

}

main #local-detail .slide-local-detail .info-slide .swiper-button-next img {

    max-width: unset;

}

main #local-detail .slide-local-detail .info-slide .swiper-button-prev {

    left: 10%;

    top: 281px;

}

main #local-detail .slide-local-detail .info-slide .swiper-button-prev img {

    max-width: unset;

}

main #local-detail .other-detail {

    margin-bottom: 50px;

}

main #local-detail .other-detail .list-other .title-other {

    text-align: center;

    color: #3f0c11;

    font-size: 30px;

    line-height: 30px;

    font-family: 'SVN-Nexa Rust Script';

    padding: 25px 0;

}

main #local-detail .other-detail .list-other .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #local-detail .other-detail .list-other .row .col-md-4 {

    padding: 0 10px;

}

main #local-detail .other-detail .list-other .item .avarta {

    overflow: hidden;

}

main #local-detail .other-detail .list-other .item .avarta img {

    width: 100%;

    height: 246px;

    object-fit: cover;

    transition: .5s all;

}

main #local-detail .other-detail .list-other .item .avarta img:hover {

    transition: .5s all;

    transform: scale(1.07);

}

main #local-detail .other-detail .list-other .item .info-other h3 a {

    display: block;

    width: 100%;

    font-size: 16px;

    font-weight: 500;

    text-align: center;

    padding: 15px 0 0 0;

    color: #333333;

    transition: .3s all;

}

main #local-detail .other-detail .list-other .item .info-other h3 a:hover {

    transition: .3s all;

    color: #3f0c11;

}

main #local-detail .other-detail .list-other .item .info-other .desc {

    font-size: 16px;

}

main #service .item {

    margin-bottom: 35px;

}

main #service .item .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #service .item .avarta img {

    height: 355px;

    width: 100%;

    object-fit: cover;

}

main #service .item .col-lg-6 {

    padding: 0 10px;

}

main #service .item:nth-child(2n) .col-lg-6:nth-child(2n) {

    order: 1;

}

main #service .item:nth-child(2n) .col-lg-6:nth-child(2n+1) {

    order: 2;

}

main #service-detail .content {

    width: 960px;

    margin: 0 auto;

}

main #service-detail .title {

    margin-bottom: 24px;

}

main #service-detail .title h3 {

    color: #1f84b3;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: normal;

}

main #service-detail .title span {

    display: block;

    font-size: 24px;

    color: #3f0c11;

    padding-left: 50px;

    position: relative;

}

main #service-detail .title span:after {

    content: "";

    width: 40px;

    height: 2px;

    background: #3f0c11;

    position: absolute;

    left: 0;

    top: 17px;

}

main #service-detail .info-detail {

    margin-bottom: 50px;

}

main #service-detail .info-detail .row {

    margin-left: -10px;

    margin-right: -10px;

}

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

    padding: 0 10px;

}

main #service-detail .left {

    padding-top: 25px;

}

main #service-detail .avarta-hot {

    margin-top: -70px;

    margin-bottom: 30px;

    position: relative;

    z-index: 2;

}

main #service-detail .form-contact {

    padding: 50px 0 0 0;

    background: #f1f1f1;

    margin-bottom: 130px;

}

main #service-detail .form-contact .title {

    margin-bottom: 30px;

}

main #service-detail .form-contact .item {

    margin-bottom: 15px;

}

main #service-detail .form-contact .item .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #service-detail .form-contact .item .row .col-md-6 {

    padding: 0 10px;

}

main #service-detail .form-contact .item input {

    height: 45px;

    border-radius: 30px;

}

main #service-detail .form-contact .item span {

    display: block;

    margin-bottom: 3px;

}

main #service-detail .form-contact .item textarea {

    height: 90px;

    border-radius: 30px;

}

main #service-detail .form-contact .item .button {

    border: 0;

    width: 150px;

    height: 45px;

    border-radius: 30px;

    text-transform: uppercase;

    color: #fff;

    background: #3f0c11;

}

main #service-detail .form-contact .item:last-child {

    position: relative;

    margin-bottom: -20px;

    margin-top: 30px;

}

main #service-detail .form-contact .avarta {

    position: absolute;

}

main #service-detail .form-contact .avarta img {

    max-width: unset;

    margin-left: -30px;

    position: relative;

    top: 55px;

}

main #review {

    margin-bottom: 0;

}

main #review .row {

    margin-left: -10px;

    margin-right: -10px;

}

main #review .row .col-md-6 {

    padding: 0 10px;

}

main #review .list-review {

    padding-bottom: 20px;

}

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

    overflow: hidden;

}

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

    transition: .7s all;

    width: 100%;

    height: 323px;

    object-fit: cover;

}

main #review .list-review .item .avarta img:hover {

    transition: .7s all;

    transform: scale(1.07);

}

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

    padding: 20px 25px 35px 25px;

}

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

    display: block;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    transition: .3s all;

    padding-left: 40px;

    position: relative;

}

main #review .list-review .item .info h3 a:after {

    content: url("../images/after.png");

    position: absolute;

    left: 0;

    top: -3px;

}

main #review .list-review .item .info h3 a:hover {

    transition: .3s all;

    color: #3f0c11;

}

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



main section .share-info a {

    width: 35px;

    height: 35px;

    justify-content: center;

    align-items: center;

    color: #3f0c11;

    background: #f1f1f1;

    border-radius: 100%;

    border: 1px solid #3f0c11;

}



main section .share-info a i {

    font-size: 20px;

    padding-top: 6px;

}

.pagination a {

    display: flex;

    text-align: center;

    width: 36px;

    height: 36px;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    border: 1px solid #ddd;

}

.pagination a:hover {

    color: #fff;

    background: #3ab54a;

    border: 1px solid #3ab54a;

}

.pagination a.active {

    color: #fff;

    background: #3ab54a;

    border: 1px solid #3ab54a;

}





/* fix customs css */

.search-banner .icon img {

    filter: invert(8%) sepia(22%) saturate(162%) hue-rotate(303deg) brightness(40%) contrast(99%);

}

header .header-menu ul {
    padding: 10px 0;
}

.slide-service .item .info p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    max-height: 100% !important;
}

.slide-service .item .info>[class^='h'] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2 !important;
    overflow: hidden;
    max-height: 100% !important;
}

footer .item .info-item p img {
    position: relative;
    left: unset;
    top: unset;
    margin-right: 10px;
    width: 17px;
    height: auto;
    object-fit: scale-down;
}

footer .item .info-item p {
    padding-left: 0px;
}

main #service-detail .form-contact .container .content .row>[class^='col'] {
    position: unset;
}

main #service-detail .form-contact {
    position: relative;
}

main #service-detail .form-contact .avarta {
    right: 0px;
    width: 49%;
    height: 100%;
}

main #service-detail .form-contact .avarta img {
    width: 100%;
    height: 100%;
    margin-left: 0px;
}

.list-inline .fb:after {
    font-family: 'fontawesome';
    content: "\f09a";
    font-style: initial;
}


.list-inline .google:after {
    font-family: 'fontawesome';
    content: "\f0d5";
    font-style: initial;
}


.list-inline .media:after {
    font-family: 'fontawesome';
    content: "\f167";
    font-style: initial;
}

.list-inline .list-inline-item i {
    display: flex;
    align-items: center;
    justify-content: center;
}

main #video-library .slide-video .item .avarta {
    position: relative;
    width: 100%;
    height: 1px;
    padding-top: 55%;
}

main #video-library .slide-video .item .avarta img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.slide-video .swiper-slide {
    width: 70%;
}

.avarta-home {
    position: relative;
    height: 1px;
    padding-top: 45%;
}

.avarta-home img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.caption-banner .container p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3 !important;
    overflow: hidden;
    max-height: 100% !important;
}

@media (max-width: 1199.98px) {
    #service-detail {
        margin-top: -90px;
    }

    li.mm-listitem form {

        position: relative;

    }



    li.mm-listitem form input.form-control {

        height: 40px;

        border: 2px solid #3f0c11;

        border-radius: 0;

    }



    li.mm-listitem form button {

        width: 40px;

        height: 40px;

        background: #3f0c11;

        border: 0;

        color: #fff;

        font-size: 18px;

        position: absolute;

        top: 0;

        right: 0px;

    }

}

@media (max-width: 991.98px) {

    .avarta-home {
        padding-top: 60%;
    }

}

@media (max-width: 767.98px) {

    main #video-library .slide-video .item .icon-play img {
        width: 100px;
        height: 100px;
    }

    main #video-library .nav-tabs .nav-item .nav-link.active {
        margin-top: -20px;
        z-index: 10;
    }

    .avarta-home {
        padding-top: 65%;
    }

    #service-detail {
        margin-top: -50px;
    }

}

@media (max-width: 575.98px) {
    .avarta-home {
        padding-top: 85%;
    }


}