@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes shake-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-moz-keyframes shake-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }

    100%,50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes shake-anim {
    0%,100%,50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes shake-anim {
    0%,100%,50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }

    10%,30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%,40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.clearfix::after {
    content: "";
    clear: both;
    display: table
}

p {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input,textarea {
    margin: 0;
    font-size: 100%;
    resize: none
}

input[type="text"],input[type="date"],input[type="email"],input[type="number"],input[type="url"] {
    word-break: normal;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    appearance: none
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%
}

dl,dt,dd,th,td {
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin: 0;
    padding: 0
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto
}

table img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0
}

article,aside,dialog,figure,footer,header,hgroup,nav,section {
    display: block
}

nav ul {
    list-style: none
}

*,*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*:focus {
    outline: none !important
}

label,select,button {
    cursor: pointer
}

input,textarea,select,button {
    font-family: inherit
}

a {
    outline: none;
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
    transition: 0.5s ease all;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    a:hover {
        /* opacity:0.75; */
    }
}

a:link,a:visited,a:active {
    color: #3c3c3c;
    text-decoration: none
}

.ffN {
    font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ W3","Noto Sans JP","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif
}

.ffM {
    font-family: "ヒラギノ明朝 Pro","Hiragino Mincho Pro","Noto Serif JP","HGS明朝E","ＭＳ Ｐ明朝",serif
}

.ffYG {
    font-family: "游ゴシック体","游ゴシック","YuGothic","Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif
}

.ffYM {
    font-family: "游明朝体","游明朝","YuMincho","Yu Mincho","Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-size-adjust: 100%
}

html.is-ipad * {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    text-size-adjust: none
}

#wrap {
    display: block;
    overflow: hidden;
    padding-top: 150px
}

@media (max-width: 767px) {
    #wrap {
        padding-top:85px
    }
}

.innerWrap {
    max-width: 1130px;
    padding: 0 25px;
    margin: 0 auto
}

.innerWrap02 {
    max-width: 1050px;
    padding: 0 25px;
    margin: 0 auto
}

.innerWrap03 {
    max-width: 1210px;
    padding: 0 25px;
    margin: 0 auto
}

@media (min-width: 768px) {
    .sp,.SP {
        display:none !important
    }
}

@media (max-width: 767px) {
    .pc,.PC {
        display:none !important
    }
}

:root {
    --color-main: #EA2025;
    --color-main2: #000;
}

body {
    /* font-family: "Roboto","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
     */
     font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 16px;
    font-weight: 400; 
    line-height: 1.8;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

a,input,textarea {
    outline: none;
    padding: 0px
}

input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.w-clear:after {
    display: block;
    content: "";
    clear: both
}

.hidden {
    display: none
}

.clear {
    clear: both
}

.none {
    display: none
}

.hidden-seoh {
    visibility: hidden;
    height: 0px;
    margin: 0px;
    overflow: hidden
}

.wrap-content {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0px 15px;
    width: 100%
}

@media (max-width: 767px) {
    .wrap-content {
        max-width:100%
    }
}

.wrap-content-detail {
    max-width: 1130px;
    margin: 0 auto;
    padding: 0px 15px;
    width: 100%
}

@media (max-width: 767px) {
    .wrap-content-detail {
        max-width:100%
    }
}

.wrap-home {
    margin: 0 auto 0
}

.transition {
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -o-transition: 0.3s all;
    transition: 0.3s all
}

.scale-img {
    overflow: hidden;
    display: block;
    -webkit-transition: 0.5s !important;
    -moz-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important
}

.scale-img img {
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: 0.5s !important;
    -moz-transition: 0.5s !important;
    -o-transition: 0.5s !important;
    transition: 0.5s !important
}

.scale-img:hover>img {
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.title-main span {
    font-size: 1.45833vw;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 20px
}

@media (max-width: 767px) {
    .title-main span {
        font-size:1.04167vw
    }
}

.time-main {
    margin: 10px 0;
    color: #777
}

.time-main i {
    margin-right: 5px
}

.share {
    padding: 17px 0 10px 0;
    line-height: normal;
    border-radius: 5px
}

.share b {
    display: block;
    margin-bottom: 5px
}

.control-owl {
    position: absolute;
    width: 100%;
    z-index: 2;
    left: 0px;
    top: calc(50% - 45px / 2)
}

.control-owl button {
    opacity: 0.5;
    top: 0px;
    position: absolute;
    outline: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: block;
    cursor: pointer;
    color: #ffffff;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 25px;
    margin: 0px;
    background-color: var(--color-main2);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1
}

.control-owl button:hover {
    opacity: 1
}

.control-owl button.owl-prev {
    left: 0
}

.control-owl button.owl-next {
    right: 0
}

.form-control,.form-control-plaintext:not(textarea),.custom-select {
    height: calc(1em + 1.25rem + 8px)
}

.custom-form-row {
    margin-right: -10px;
    margin-left: -10px
}

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

.text-sm {
    font-size: 0.875rem !important
}

img.lazy {
    opacity: 0
}

img:not(.initial) {
    transition: opacity 1s
}

img.initial,img.loaded,img.error {
    opacity: 1
}

img:not([src]) {
    visibility: hidden
}

.header {
    background: #fff;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 12
}

@media (max-width: 767px) {
    .header {
        position:sticky
    }

    .header .header-top {
        display: none
    }
}

.header .d-flex {
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .header .d-flex {
        justify-content:center
    }
}

.header.fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 12;
    box-shadow: 0 0px 9px 1px #ffffff33
}

.header.fixed .header-top {
    display: none
}

.header-top {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    position: relative;
    background: #8C9089;
}

.header-top::after {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #8C9089;
    content: '';
    height: 100%;
    width: 50%;
    z-index: -1
}

.header-top .d-flex {
    max-width: 73.80208vw;
    margin-left: auto;
    padding: 8px 0;
    max-height: 40px;
    /* background:#fff url('data:image/svg+xml,<svg width="1417" height="40" viewBox="0 0 1417 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0H1417V40H65H55.5967C40.5222 40 26.7415 31.4831 20 18C18 9.5 15.5096 2.60364 0 0Z" fill="%238C9089"/></svg>') no-repeat left center; */
    padding-left: 4.16667vw
}

.header-top .info-header {
    display: flex;
    align-items: center
}

.header-top .social {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center;
    color: #fff
}

.header-top .social ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center;
    margin-left: 10px
}

.header-top .social ul li {
    margin: 0 3px
}

.header-top .social ul li a {
    display: block;
    width: 25px;
    height: 25px
}

.header-top .social ul li img {
    max-height: 25px;
    width: auto !important
}

.header-midd {
    padding: 21px 0;
    border-bottom: 1px solid #ffffff33
}

.header-midd .wrap-content {
    max-width: 1300px;
}

@media (max-width: 767px) {
    .header-midd .wrap-content {
        max-width:100%
    }
}

.header-midd ul {
    list-style: none;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .header-midd {
        display:none
    }
}

.header-midd .cont-left {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 20px
}

.header-midd .cont-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px
}

@media only screen and (max-width: 767px) {
    .header-midd .cont-right {
        padding:20px
    }
}

.header-midd .cont-right li {
    font-size: 18px;
    font-size: 1.8rem;
    white-space: nowrap
}

.header-midd .cont-right li i {
    margin-right: 10px;
    color: var(--color-main2)
}

.header-midd .cont-right li.cont {
    font-weight: 600
}

.header-midd .cont-right li.cont p {
    font-size: 17px;
    margin-bottom: -5px;
    color: var(--color-main)
}

.header-midd .cont-right li.cont b {
    font-weight: 700;
    font-size: 20px;
    color: #555555
}

.header-midd .cont-right li.hotline {
    padding-left: 50px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="36" height="36" fill="url(%23pattern0_1_24)"/><defs><pattern id="pattern0_1_24" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1_24" transform="scale(0.015625)"/></pattern><image id="image0_1_24" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    background-size: 36px 36px;
    margin-right: 15px
}

@media only screen and (max-width: 1366px) {
    .header-midd .cont-right li.hotline {
        background-size:1.875vw 1.875vw;
        padding-left: 2.60417vw
    }
}

.header-midd .cont-right li.email {
    padding-left: 50px;
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="36" height="36" fill="url(%23pattern0_1_31)"/><defs><pattern id="pattern0_1_31" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1_31" transform="scale(0.015625)"/></pattern><image id="image0_1_31" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    background-size: 36px 36px
}

@media only screen and (max-width: 1366px) {
    .header-midd .cont-right li.email {
        background-size:1.875vw 1.875vw;
        padding-left: 2.60417vw
    }
}

.header-midd .cont-midd {
    max-width: 25.52083vw;
    width: 50%
}

.header-midd .box-search {
    width: 100%
}

.header-midd .box-search .search {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header-midd .box-search .search input {
    background: #fff;
    border: 1px solid #E4E4E4;
    height: 45px;
    border-radius: 100px;
    width: 100%;
    padding: 0 15px;
    font-size: 17px;
    font-size: 1.7rem;
}

@media only screen and (max-width: 1300px) {
    .header-midd .box-search .search input {
        height:4.16667vw
    }
}

.header-midd .box-search .search p {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="24" height="24" fill="url(%23pattern0_1_21)"/><defs><pattern id="pattern0_1_21" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_1_21" transform="scale(0.015625)"/></pattern><image id="image0_1_21" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat center;
    background-size: 16px 16px;
    width: 50px;
    height: 50px;
    border-radius: 8px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.header-bottom {
    transition: 0.3s;
    background: var(--color-main)
}

@media only screen and (max-width: 767px) {
    .header-bottom {
        display:none
    }
}

.logo-header {
    display: flex;
    align-items: center
}

.logo-header .ttl {
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--color-main2)
}

.logo-header img {
    max-height: 100px;
    margin-right: 24px
}

@media only screen and (max-width: 767px) {
    .logo-header img {
        max-height:45px
    }
}

.social-header {
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .social-header {
        display:none
    }
}

.social-header li {
    margin-left: 15px;
    width: 30px
}

.breadCrumbs {
    background-color: transparent
}

.breadCrumbs-sub .breadcrumb {
    margin-bottom: 0
}

.breadCrumbs li a {
    color: #333
}

.breadCrumbs .breadcrumb {
    background: transparent;
    padding: 0.75rem 0
}

.menu {
    position: relative;
    z-index: 100
}

@media only screen and (max-width: 767px) {
    .menu {
        display:none
    }
}

.menu ul {
    width: 100%;
    padding: 0px;
    margin: auto;
    list-style: none
}

.menu ul.menu-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.menu ul li {
    position: relative;
    z-index: 1
}

.menu ul li a {
    display: block;
    position: relative;
    font-size: 18px;
    color: #fff;
    padding: 11px;
    text-align: center;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    transition: 0.3s;
    font-weight: 600
}

.menu ul li a i {
    margin-right: 7px
}

.menu ul li a.active,.menu ul li a:hover {
    background-color: var(--color-main2);
    color: #fff
}

.menu ul li a.has-child:after {
    content: "";
    position: absolute;
    bottom: calc(50% - 4px / 2);
    right: 15px;
    width: 5px;
    height: 5px;
    border: 1px solid #fafafa;
    border-top: 0px;
    border-left: 0px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu ul li a:hover {
    opacity: 1
}

.menu ul li ul {
    position: absolute;
    min-width: 250px;
    background-color: #fafafa;
    border-radius: 0.25rem;
    -webkit-box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 15px rgba(0,0,0,0.15);
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden
}

.menu ul li:hover>ul {
    -webkit-transform: perspective(600px) rotateX(0);
    transform: perspective(600px) rotateX(0);
    transform-origin: 0 0 0;
    -webkit-transform-origin: 0 0 0;
    opacity: 1;
    visibility: visible
}

.menu ul li ul li a {
    font-size: 14px;
    color: #313131;
    border-top: 1px solid #ececec;
    padding: 10px;
    text-transform: capitalize;
    border-radius: 0;
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.menu ul li ul li a.has-child {
    margin-right: 0px
}

.menu ul li ul li a.has-child:after {
    border-color: #313131;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu ul li ul li a.active {
    color: var(--color-main)
}

.menu ul li ul li a.active.has-child:after {
    border-color: var(--color-main)
}

.menu ul li ul li:last-child>a {
    border-bottom: 0px
}

.menu ul li ul li:hover:last-child>a {
    border-bottom: 0px
}

.menu ul li ul li:hover>a {
    color: #fff
}

.menu ul li ul li:not(:last-child) {
    border-bottom: 1px solid #ececec
}

.menu ul li ul li ul {
    top: -0.75rem;
    left: 100%;
    margin-top: 0px
}

.c-btn a,.c-btn button {
    padding: 12px 28px;
    font-size: 15px;
    line-height: 21px;
    background: var(--color-main2);
    color: #fff;
    border: 1px solid var(--color-main);
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    transition: 0.3s;
    border-radius: 30px;
    text-transform: uppercase
}

.c-btn a span,.c-btn button span {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 17L18 12L13 7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 17L11 12L6 7" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
    padding-right: 25px;
    font-weight: 600
}

.c-btn a:hover,.c-btn button:hover {
    color: #fff;
    border-color: var(--color-main);
    background-color: var(--color-main)
}

@media only screen and (max-width: 1366px) {
    .c-btn a,.c-btn button {
        font-size:16px;
        font-size: 1.6rem
    }
}

.c-btn.c-btn-white a,.c-btn.c-btn-white button {
    background-color: transparent;
    border: 1px solid #fff
}

.c-btn.c-btn-white a:hover,.c-btn.c-btn-white button:hover {
    color: #fff;
    border-color: var(--color-main);
    background-color: var(--color-main)
}

.menu-res {
    height: 55px;
    z-index: 100;
    background: #fff;
    position: relative;
    display: none;
    box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px
}

@media only screen and (max-width: 767px) {
    .menu-res {
        display:block
    }
}

.menu-bar-res {
    height: 55px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#menu {
    display: none
}

#hamburger {
    display: block;
    width: 45px;
    height: 23px;
    position: relative
}

#hamburger:before,#hamburger:after,#hamburger span {
    background: var(--color-main);
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0px
}

#hamburger:before {
    top: 0px
}

#hamburger span {
    top: 10px
}

#hamburger:after {
    top: 20px
}

#hamburger:before,#hamburger:after,#hamburger span {
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;
    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity
}

.mm-wrapper_opening #hamburger:before,.mm-wrapper_opening #hamburger:after {
    top: 10px
}

.mm-wrapper_opening #hamburger span {
    left: -50px;
    opacity: 0
}

.mm-wrapper_opening #hamburger:before {
    transform: rotate(45deg)
}

.mm-wrapper_opening #hamburger:after {
    transform: rotate(-45deg)
}

.mm-menu_opened {
    display: block !important
}

.mm-slideout {
    z-index: unset
}

.search-res {
    position: relative
}

.search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: var(--color-main);
    font-size: 17px;
    margin: 0px;
    border: 1px solid var(--color-main);
    border-radius: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center
}

.search-res .icon-search.active {
    border: 1px solid var(--color-main);
    border-radius: 100%
}

.search-res .search-grid {
    position: absolute;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--color-main);
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal
}

.search-res .search-grid p {
    float: left;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: var(--color-main);
    line-height: 40px;
    text-align: center
}

.search-res .search-grid input {
    width: calc(100% - 35px);
    float: right;
    line-height: 38px;
    outline: none;
    border: none;
    color: #179B42
}

.search-res .search-grid input::-webkit-input-placeholder {
    color: #313131
}

.search-res .search-grid input:-moz-placeholder {
    color: #313131
}

.search-res .search-grid input::-moz-placeholder {
    color: #313131
}

.search-res .search-grid input:-ms-input-placeholder {
    color: #313131
}

.slideshow {
    position: relative;
    margin-bottom: 1.97917vw
}

.slideshow.slidenone {
    padding: 0
}

.slideshow.slidenone .info-slideshow {
    display: none
}

@media (max-width: 767px) {
    .slideshow .row-direction {
        flex-direction:column-reverse
    }
}

.slideshow .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0
}

.slideshow .slide-video {
    width: 254px;
    height: 142px;
    bottom: 26px;
    right: 59px;
    position: absolute;
    overflow: hidden;
    border-radius: 20px
}

@media (max-width: 767px) {
    .slideshow .slide-video {
        width:calc(100% - 30px);
        height: 142px;
        bottom: 0;
        left: 15px;
        position: relative
    }
}

.slideshow .slide-video img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.info-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .info-slider {
        position:inherit
    }
}

.slideshow-image {
    position: relative;
    overflow: hidden;
    display: block
}

.slideshow-image:hover {
    opacity: 1
}

.slideshow-item {
    position: relative
}

.slideshow-item .row {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center
}

.info-slideshow {
    display: flex;
    align-items: center;
    opacity: 0;
    -webkit-transform: translate(150px, 0);
    -moz-transform: translate(150px, 0);
    -ms-transform: translate(150px, 0);
    -o-transform: translate(150px, 0);
    transform: translate(150px, 0);
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    color: #fff
}

@media (max-width: 767px) {
    .info-slideshow {
        margin-top:20px;
        color: #000
    }
}

.info-slideshow .ttl {
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    margin-bottom: 8px
}

@media only screen and (max-width: 1366px) {
    .info-slideshow .ttl {
        font-size:20px;
        font-size: 2rem
    }
}

@media (max-width: 767px) {
    .info-slideshow .ttl {
        font-size:15px;
        font-size: 1.5rem
    }
}

.info-slideshow .ttl2 {
    font-size: 40px;
    font-size: 4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px
}

@media only screen and (max-width: 1366px) {
    .info-slideshow .ttl2 {
        font-size:27px;
        font-size: 2.7rem;
        margin-bottom: 15px
    }
}

@media (max-width: 767px) {
    .info-slideshow .ttl2 {
        font-size:22px;
        font-size: 2.2rem
    }
}

.info-slideshow .desc {
    color: #ffffffb3;
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (max-width: 1366px) {
    .info-slideshow .desc {
        font-size:15px;
        font-size: 1.5rem
    }
}

@media (max-width: 767px) {
    .info-slideshow .desc {
        font-size:15px;
        font-size: 1.5rem;
        color: #000
    }
}

.info-slideshow-info {
    max-width: 820px
}

.owl-item.active .info-slideshow {
    opacity: 1;
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.button-play {
    z-index: 12;
    position: absolute;
    top: 50%;
    left: 50%
}

.button-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    width: 65px;
    height: 65px;
    content: '';
    background: url(../images/play.png) no-repeat;
    background-size: 100%
}

.button-play::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 100px;
    background-color: var(--color-main);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: var(--color-main);
    opacity: .4;
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    z-index: 8;
    -webkit-animation: play-outer-box .5s infinite;
    animation: play-outer-box .5s infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

@-webkit-keyframes play-outer-box {
    0% {
        width: 85px;
        height: 85px
    }

    100% {
        width: 100px;
        height: 100px
    }
}

@keyframes play-outer-box {
    0% {
        width: 85px;
        height: 85px
    }

    100% {
        width: 100px;
        height: 100px
    }
}

.box-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px
}

@media (max-width: 767px) {
    .box-btn {
        margin-top:20px
    }
}

.box-btn>div {
    margin-right: 10px
}

@media (max-width: 767px) {
    .box-btn>div {
        width:100%;
        text-align: center;
        margin-bottom: 5px
    }

    .box-btn>div a {
        display: block
    }
}

.title-global {
    margin-bottom: 1.30208vw;
    text-align: center
}

.title-global.title-global-left {
    text-align: left
}

@media (max-width: 767px) {
    .title-global {
        margin-bottom:4vw
    }
}

.title-global .ttl {
    color: #555;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 2.60417vw
}

@media (max-width: 767px) {
    .title-global .ttl {
        font-size:4.8vw;
        margin-bottom: 6.66667vw
    }
}

.title-global .ttl span {
    position: relative;
    display: inline-block;
    color: var(--color-main);
}

.title-global .ttl2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333333
}

@media (max-width: 767px) {
    .title-global .ttl2 {
        font-size:4.8vw
    }
}

.title-global .txt {
    margin: 20px 0
}

@media only screen and (max-width: 1366px) {
    .title-global .txt {
        margin:10px 0
    }
}

.title-global--center {
    text-align: center
}

.title-global--white {
    text-align: center
}

.title-global--white .ttl,.title-global--white .ttl2 {
    color: #fff
}

.wrap-gialuonre {
    margin-bottom: 3.64583vw
}

@media (max-width: 767px) {
    .wrap-gialuonre {
        overflow-x:scroll;
        width: 100%
    }
}

.wrap-gialuonre .wrap-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media (max-width: 767px) {
    .wrap-gialuonre .wrap-content {
        width:max-content;
        max-width: inherit
    }
}

.wrap-gialuonre .ttl-giare {
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: var(--color-main);
    border-radius: 1.04167vw;
    width: 4.27083vw;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: .52083vw 0px;
    margin-right: .98958vw
}

@media (min-width: 768px) {
    .wrap-gialuonre .ttl-giare {
        -webkit-writing-mode:sideways-lr;
        -moz-writing-mode: sideways-lr;
        -ms-writing-mode: sideways-lr;
        -o-writing-mode: sideways-lr;
        writing-mode: sideways-lr;
        writing-mode: sideways-lr
    }
}

@media (max-width: 767px) {
    .wrap-gialuonre .ttl-giare {
        font-size:4.26667vw;
        width: auto;
        padding: 0 10px;
        white-space: normal
    }
}

.wrap-gialuonre .gialuonre {
    flex: 1;
    background-color: #8C9089;
    border-radius: .78125vw;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: space-around
}

@media (max-width: 767px) {
    .wrap-gialuonre .gialuonre {
        flex-wrap:wrap;
        align-items: flex-start
    }
}

.wrap-gialuonre .it-gialuonre {
    padding-left: 2.08333vw;
    position: relative
}

@media (max-width: 767px) {
    .wrap-gialuonre .it-gialuonre {
        width:auto;
        margin: 10px;
        display: block
    }
}

.wrap-gialuonre .it-gialuonre::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5625vw;
    height: 1.5625vw;
    content: '';
    background-color: var(--color-main);
    border-radius: 50%
}

@media (max-width: 767px) {
    .wrap-gialuonre .it-gialuonre::before {
        top:1.33333vw
    }
}

.wrap-gialuonre .ttl {
    font-size: 17px;
    font-weight: 600
}

@media (max-width: 767px) {
    .wrap-gialuonre .ttl {
        font-size:3.2vw;
        font-weight: 500
    }
}

.wrap-gialuonre .desc {
    font-size: 20px;
    font-weight: 700
}

@media (max-width: 767px) {
    .wrap-gialuonre .desc {
        font-size:4.26667vw
    }
}

.wrap-bandangcantim {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .wrap-bandangcantim {
        margin-bottom:1.82292vw
    }
}

.wrap-bandangcantim .ttl-bandangcantim {
    font-size: 1.875vw;
    font-weight: 700;
    color: #555555;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 1.82292vw
}

@media (max-width: 767px) {
    .wrap-bandangcantim .ttl-bandangcantim {
        font-size:5.86667vw;
        margin-bottom: 4vw
    }
}

.wrap-bandangcantim .bandangcantim {
    display: flex;
    justify-content: space-around
}

@media (min-width: 768px) {
    .wrap-bandangcantim .bandangcantim {
        align-items:center
    }
}

@media (max-width: 767px) {
    .wrap-bandangcantim .bandangcantim {
        margin:0 -5px
    }
}

@media (max-width: 767px) {
    .wrap-bandangcantim .col-6,.wrap-bandangcantim .col-4 {
        padding:0 5px
    }
}

.wrap-bandangcantim .it-bandangcantim {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .wrap-bandangcantim .it-bandangcantim {
        margin-bottom:4vw
    }
}

.wrap-bandangcantim .ttl {
    font-size: 1.04167vw;
    font-weight: 600;
    margin-top: 25px;
    text-align: center
}

@media (max-width: 767px) {
    .wrap-bandangcantim .ttl {
        margin-top:4vw;
        font-size: 4vw
    }
}

.wrap-bandangcantim .img-thumb {
    border-radius: 1.04167vw;
    padding: .26042vw;
    background: linear-gradient(90deg, #FFCC0B, #F04000);
    position: relative
}

@media (max-width: 767px) {
    .wrap-bandangcantim .img-thumb {
        padding:.8vw
    }
}

.wrap-bandangcantim .img-thumb:before {
    content: "";
    position: absolute;
    inset: .26042vw;
    border-radius: .83333vw;
    background: #fff;
    z-index: 1
}

@media (max-width: 767px) {
    .wrap-bandangcantim .img-thumb:before {
        inset:.8vw
    }
}

.wrap-bandangcantim .scale-img {
    position: relative;
    z-index: 1;
    border-radius: .83333vw
}

.wrap-quytrinh {
    padding: 2.60417vw 0
}

@media (max-width: 767px) {
    .wrap-quytrinh {
        padding:9.33333vw 0
    }
}

.ttl-quytrinh {
    text-align: center;
    font-weight: 700;
    margin-bottom: 4.01042vw;
    text-transform: uppercase
}

.ttl-quytrinh .ttl {
    color: var(--color-main);
    font-size: 35px;
    font-weight: 700
}

@media (max-width: 767px) {
    .ttl-quytrinh .ttl {
        font-size:5.33333vw
    }
}

.ttl-quytrinh .ttl-desc {
    color: #555;
    font-size: 35px;
}

@media (max-width: 767px) {
    .ttl-quytrinh .ttl-desc {
        font-size:5.33333vw
    }
}

.box-quytrinh {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.box-quytrinh::after {
    position: absolute;
    right: -.78125vw;
    top: 2.1875vw;
    margin: auto;
    width: 100px;
    height: 50%;
    content: '';
    border: 1px solid var(--color-main);
    border-left: none;
    border-radius: 1.04167vw;
    z-index: -1
}

@media (max-width: 767px) {
    .box-quytrinh::after {
        display:none
    }
}

.item-quytrinh {
    background: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 3.64583vw
}

.item-quytrinh:first-child {
    padding-left: 3.64583vw;
    order: 1
}

.item-quytrinh:first-child ._img::before {
    content: 'B1';
    left: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:first-child ._img::before {
        left:-5.86667vw
    }
}

.item-quytrinh:nth-child(2) {
    order: 2
}

.item-quytrinh:nth-child(2) ._img::before {
    content: 'B2';
    left: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(2) ._img::before {
        left:-5.86667vw
    }
}

.item-quytrinh:nth-child(3) {
    order: 3;
    padding-right: 0
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(3) {
        order:3;
        padding-right: 15px
    }
}

.item-quytrinh:nth-child(3) ._img::before {
    content: 'B3';
    left: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(3) ._img::before {
        left:-5.86667vw
    }
}

.item-quytrinh:nth-child(4) {
    order: 6;
    flex-direction: row-reverse;
    padding-right: 0
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(4) {
        order:4;
        flex-direction: inherit;
        padding-right: 15px
    }
}

.item-quytrinh:nth-child(4) ._content {
    padding-left: 0;
    padding-right: 1.5625vw;
    text-align: right
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(4) ._content {
        padding-right:0
    }
}

@media (min-width: 768px) {
    .item-quytrinh:nth-child(4) ._img:after {
        border-right:.78125vw solid #2a2a2a;
        border-top: .78125vw solid transparent;
        border-bottom: .78125vw solid transparent;
        border-left: none;
        left: -1.14583vw;
        right: inherit
    }
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(4) ._img:after {
        right:-5.86667vw;
        left: inherit;
        border-left: 4vw solid #2a2a2a;
        border-top: 4vw solid transparent;
        border-bottom: 4vw solid transparent
    }
}

.item-quytrinh:nth-child(4) ._img::before {
    content: 'B4';
    right: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(4) ._img::before {
        left:-5.86667vw;
        right: inherit
    }
}

.item-quytrinh:nth-child(4):hover ._img:after {
    border-right: .78125vw solid var(--color-main);
    border-left: none
}

.item-quytrinh:nth-child(4):hover ._img::before {
    background: var(--color-main)
}

.item-quytrinh:nth-child(5) {
    order: 5;
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(5) {
        flex-direction:inherit
    }
}

.item-quytrinh:nth-child(5) ._content {
    padding-left: 0;
    padding-right: 1.5625vw;
    text-align: right
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(5) ._content {
        padding-right:0
    }
}

@media (min-width: 768px) {
    .item-quytrinh:nth-child(5) ._img:after {
        border-right:.78125vw solid #2a2a2a;
        border-top: .78125vw solid transparent;
        border-bottom: .78125vw solid transparent;
        border-left: none;
        left: -1.14583vw;
        right: inherit
    }
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(5) ._img:after {
        right:-5.86667vw;
        left: inherit;
        border-left: 4vw solid #2a2a2a;
        border-top: 4vw solid transparent;
        border-bottom: 4vw solid transparent
    }
}

.item-quytrinh:nth-child(5) ._img::before {
    content: 'B5';
    right: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(5) ._img::before {
        left:-5.86667vw;
        right: inherit
    }
}

.item-quytrinh:nth-child(5):hover ._img:after {
    border-right: .78125vw solid var(--color-main);
    border-left: none
}

.item-quytrinh:nth-child(5):hover ._img::before {
    background: var(--color-main)
}

.item-quytrinh:nth-child(6) {
    order: 4;
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(6) {
        order:6;
        flex-direction: inherit
    }
}

.item-quytrinh:nth-child(6) ._content {
    padding-left: 0;
    padding-right: 1.5625vw;
    text-align: right;
    position: relative
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(6) ._content {
        padding-right:0
    }
}

.item-quytrinh:nth-child(6) ._content:before {
    position: absolute;
    content: '';
    background: var(--color-main);
    width: .9375vw;
    height: .9375vw;
    top: 0;
    bottom: 1.14583vw;
    left: 0;
    margin: auto;
    border-radius: 50%
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(6) ._content:before {
        display:none
    }
}

.item-quytrinh:nth-child(6) ._content p {
    padding-left: 1.5625vw
}

@media (min-width: 768px) {
    .item-quytrinh:nth-child(6) ._img:after {
        left:-1.14583vw;
        right: inherit;
        border-right: .78125vw solid #2a2a2a;
        border-top: .78125vw solid transparent;
        border-bottom: .78125vw solid transparent;
        border-left: none
    }
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(6) ._img:after {
        right:-5.86667vw;
        left: inherit;
        border-left: 4vw solid #2a2a2a;
        border-top: 4vw solid transparent;
        border-bottom: 4vw solid transparent
    }
}

.item-quytrinh:nth-child(6) ._img::before {
    content: 'B6';
    right: -1.14583vw
}

@media (max-width: 767px) {
    .item-quytrinh:nth-child(6) ._img::before {
        left:-5.86667vw;
        right: inherit
    }
}

.item-quytrinh:nth-child(6):hover ._img:after {
    border-right: .78125vw solid var(--color-main);
    border-left: none
}

.item-quytrinh:nth-child(6):hover ._img::before {
    background: var(--color-main)
}

.item-quytrinh:hover {
    cursor: pointer
}

.item-quytrinh ._img {
    width: 4.6875vw;
    border: .52083vw solid #2a2a2a;
    padding: .78125vw;
    border-radius: 50%;
    position: relative;
    font-size: .72917vw;
    font-weight: 600
}

@media (max-width: 767px) {
    .item-quytrinh ._img {
        width:24vw;
        border: 2.66667vw solid #2a2a2a;
        padding: 4vw;
        font-size: 3.73333vw
    }
}

.item-quytrinh ._img:after {
    position: absolute;
    height: 0px;
    width: 0px;
    border-left: .78125vw solid #2a2a2a;
    border-top: .78125vw solid transparent;
    border-bottom: .78125vw solid transparent;
    content: '';
    right: -1.14583vw;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: 0s;
    z-index: 1
}

@media (max-width: 767px) {
    .item-quytrinh ._img:after {
        border-left:4vw solid #2a2a2a;
        border-top: 4vw solid transparent;
        border-bottom: 4vw solid transparent;
        right: -5.86667vw
    }
}

.item-quytrinh ._img::before {
    position: absolute;
    height: 1.82292vw;
    width: 1.82292vw;
    background: #2a2a2a;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

@media (max-width: 767px) {
    .item-quytrinh ._img::before {
        height:9.33333vw;
        width: 9.33333vw
    }
}

.item-quytrinh ._content {
    width: calc(100% - 4.6875vw);
    padding-left: 1.5625vw
}

@media (max-width: 767px) {
    .item-quytrinh ._content {
        padding-left:5.33333vw !important;
        text-align: left !important
    }
}

.item-quytrinh ._content h3 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: .26042vw;
    padding-bottom: .26042vw;
    border-bottom: 1px solid var(--color-main)
}

@media (max-width: 767px) {
    .item-quytrinh ._content h3 {
        font-size:4vw
    }
}

.item-quytrinh ._content p {
    font-size: 16px;
    color: #555
}

@media (max-width: 767px) {
    .item-quytrinh ._content p {
        font-size:3.46667vw
    }
}

.item-quytrinh:hover ._img {
    border: .52083vw solid var(--color-main)
}

.item-quytrinh:hover ._img:after {
    border-left: .78125vw solid var(--color-main)
}

.wrap-banner {
    display: block;
    margin-bottom: 3.64583vw
}

@media (max-width: 767px) {
    .wrap-banner {
        margin-bottom:9.33333vw
    }
}

.wrap-spnb {
    margin-bottom: 3.64583vw
}

@media (max-width: 767px) {
    .wrap-spnb {
        margin-bottom:9.33333vw
    }
}

.wrap-visao .box-visao {
    position: relative;
    padding: 20px 0;
    margin-bottom: 30px
}

.wrap-visao .box-visao::after {
    border-radius: 20px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FAF9FE;
    content: '';
    width: calc(75% + 3.125vw);
    height: 100%;
    z-index: -1
}

.wrap-visao .box-visao .visao {
    width: 75%;
    margin-left: auto;
    margin-right: 1.5625vw
}

.wrap-visao .box-visao .visao .row {
    margin: 0 -.78125vw
}

@media (max-width: 767px) {
    .wrap-visao .box-visao .visao .row {
        margin:0 -4vw
    }
}

@media (max-width: 767px) {
    .wrap-visao .box-visao .visao {
        width:100%
    }
}

.wrap-visao .box-visao .top-visao {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .wrap-visao .box-visao .top-visao {
        margin-bottom:15px
    }
}

.wrap-visao .box-visao .ttl-visao {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 1.30208vw;
    color: var(--color-main);
}

@media (max-width: 767px) {
    .wrap-visao .box-visao .ttl-visao {
        font-size:4.8vw;
        margin-bottom: 4vw
    }
}

.wrap-visao .box-visao .desc-visao {
    font-size: 17px;
    font-size: 1.7rem;
}

.wrap-visao .btn-visao {
    background-color: #333;
    font-size: 17px;
    font-weight: 700;
    max-width: 8.85417vw;
    text-align: center;
    color: #fff;
    padding: .625vw 0;
    border-radius: 100px;
    display: block
}

@media (max-width: 767px) {
    .wrap-visao .btn-visao {
        font-size:3.73333vw;
        max-width: 45.33333vw;
        padding: 2.66667vw 0;
        margin-bottom: 15px
    }
}

.wrap-visao .it-visao2 {
    transition: 0.3s;
    padding: 1.30208vw .78125vw;
    border-radius: 2.60417vw;
    cursor: pointer
}

@media (max-width: 767px) {
    .wrap-visao .it-visao2 {
        padding:6.66667vw 4vw
    }
}

@media only screen and (min-width: 1025px) {
    .wrap-visao .it-visao2:hover {
        box-shadow:rgba(149,157,165,0.2) 0px 8px 24px
    }
}

.wrap-visao .it-visao {
    display: block;
    height: 100%
}

.wrap-visao .it-visao .img-thumb {
    margin-bottom: .625vw
}

.wrap-visao .it-visao .img-thumb img {
    width: 3.90625vw
}

@media (max-width: 767px) {
    .wrap-visao .it-visao .img-thumb img {
        width:14.66667vw
    }
}

.wrap-visao .it-visao .ttl {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 7px
}

@media (max-width: 767px) {
    .wrap-visao .it-visao .ttl {
        font-size:4vw
    }
}

.wrap-visao .it-visao .desc {
    font-size: 14px;
    font-size: 1.4rem;
    opacity: 0;
    transition: 0.3s
}

.wrap-visao .it-visao .desc svg {
    display: block;
    margin-left: auto
}

@media (max-width: 767px) {
    .wrap-visao .it-visao .desc {
        opacity:1;
        text-align: justify
    }
}

.wrap-visao .visible {
    box-shadow: #959da533 0px 8px 24px
}

.wrap-visao .visible .desc {
    opacity: 1
}

.wrap-partner {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

@media (max-width: 767px) {
    .wrap-partner {
        padding:50px 0
    }
}

.wrap-partner::after {
    position: absolute;
    bottom: -250px;
    left: 0;
    background: url(../images/bg-partner02.png) no-repeat bottom;
    background-size: contain;
    width: 314px;
    height: 514px;
    content: '';
    z-index: 0
}

@media (max-width: 767px) {
    .wrap-partner::after {
        opacity:0.5;
        width: 20%
    }
}

.wrap-partner::before {
    position: absolute;
    top: 140px;
    right: 0;
    background: url(../images/bg-partner01.png) no-repeat top;
    background-size: contain;
    width: 96px;
    height: 200px;
    content: ''
}

@media (max-width: 767px) {
    .wrap-partner::before {
        opacity:0.5;
        width: 20%
    }
}

.wrap-partner .row {
    margin: 0
}

.wrap-partner .col-6 {
    padding: 0;
    margin-left: -2px;
    margin-bottom: -10px
}

.wrap-partner .title-global .desc {
    max-width: 620px;
    margin: 0 auto;
    color: #393939;
    font-size: 15px;
    margin-top: 16px
}

.wrap-partner .partner {
    display: block;
    background: url('data:image/svg+xml,<svg width="218" height="122" viewBox="0 0 218 122" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="1.3335" y1="1" x2="1.33349" y2="34" stroke="%23E3E3E3"/><line x1="0.833496" y1="0.5" x2="42.8335" y2="0.5" stroke="%23E3E3E3"/><line y1="-0.5" x2="33" y2="-0.5" transform="matrix(4.37114e-08 1 1 -4.37114e-08 217.667 1)" stroke="%23E3E3E3"/><line y1="-0.5" x2="42" y2="-0.5" transform="matrix(-1 0 0 1 217.667 1)" stroke="%23E3E3E3"/><line y1="-0.5" x2="33" y2="-0.5" transform="matrix(-4.37114e-08 -1 -1 4.37114e-08 0.833496 121)" stroke="%23E3E3E3"/><line y1="-0.5" x2="42" y2="-0.5" transform="matrix(1 0 0 -1 0.833496 121)" stroke="%23E3E3E3"/><line x1="217.167" y1="121" x2="217.167" y2="88" stroke="%23E3E3E3"/><line x1="217.667" y1="121.5" x2="175.667" y2="121.5" stroke="%23E3E3E3"/></svg>') no-repeat center center;
    background-size: contain;
    padding: 10px
}

.wrap-about {
    padding: 100px 0;
    position: relative;
    background: url(../images/bg-about03.jpg) no-repeat;
    background-size: cover
}

.wrap-about::after {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/bg-about01.png) no-repeat bottom;
    background-size: contain;
    width: 176px;
    height: 149px;
    content: ''
}

@media (max-width: 767px) {
    .wrap-about::after {
        opacity:0.5;
        width: 20%
    }
}

.wrap-about::before {
    position: absolute;
    top: 140px;
    right: 0;
    background: url(../images/bg-about02.png) no-repeat top;
    background-size: contain;
    width: 163px;
    height: 255px;
    content: ''
}

@media (max-width: 767px) {
    .wrap-about::before {
        opacity:0.5;
        width: 20%
    }
}

@media (max-width: 767px) {
    .wrap-about {
        padding:50px 0
    }
}

.wrap-about .title-global {
    margin-bottom: 45px
}

@media (max-width: 767px) {
    .wrap-about .title-global {
        margin-bottom:22px
    }
}

.wrap-about .it-bvgioithieu {
    padding-left: 50px;
    position: relative;
    padding-bottom: 35px
}

.wrap-about .it-bvgioithieu:not(:last-child)::after {
    position: absolute;
    content: '';
    background-color: #10469533;
    width: 4px;
    border-radius: 30px;
    height: calc(100% - 55px);
    top: 45px;
    left: 18px
}

.wrap-about .it-bvgioithieu .numb {
    width: 40px;
    height: 40px;
    background-color: #10469533;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto
}

.wrap-about .it-bvgioithieu .ttl {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .wrap-about .it-bvgioithieu .ttl {
        font-size:16px
    }
}

.wrap-about .it-bvgioithieu .desc {
    font-size: 14px
}

.wrap-about .img-about {
    margin-bottom: 30px;
    position: relative
}

@media (max-width: 767px) {
    .wrap-about .img-about {
        max-width:300px;
        margin: 0 auto 30px
    }
}

.box-ttl-splist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 33px;
    border-left: 5px solid var(--color-main);
    padding-left: 10px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap
}

.ttl-splist {
    font-size: 24px;
    text-transform: uppercase;
    color: #090707;
    font-weight: 700
}

@media (max-width: 767px) {
    .ttl-splist {
        font-size:18px
    }
}

.link-splist {
    color: var(--color-main2);
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 17L18 12L13 7" stroke="%23FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 17L11 12L6 7" stroke="%23FF0000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
    font-size: 15px;
    text-transform: uppercase;
    color: var(--color-main2) !important;
    padding-right: 24px
}

@media (max-width: 767px) {
    .link-splist {
        font-size:13px;
        font-size: 1.3rem
    }
}

.wrap-splist {
    padding: 100px 0 40px
}

@media only screen and (max-width: 1366px) {
    .wrap-splist {
        padding:25px 0 50px
    }
}

@media (max-width: 767px) {
    .wrap-splist {
        padding:50px 0 20px
    }
}

.wrap-luachon {
    padding-bottom: 100px;
    position: relative
}

.wrap-luachon::before {
    position: absolute;
    top: -110px;
    right: 0;
    background: url(../images/bg-luachon.png) no-repeat top;
    background-size: contain;
    width: 102px;
    height: 231px;
    content: ''
}

@media (max-width: 767px) {
    .wrap-luachon::before {
        opacity:0.5;
        width: 20%
    }
}

.wrap-luachon .title-global {
    text-align: left
}

.wrap-luachon .row {
    margin: 0 -10px
}

@media (max-width: 767px) {
    .wrap-luachon .row {
        margin:0 -5px
    }
}

.wrap-luachon .col-6 {
    padding: 0 10px
}

@media (max-width: 767px) {
    .wrap-luachon .col-6 {
        margin-bottom:10px;
        padding: 0 5px
    }
}

.wrap-luachon .item-luachon {
    border-radius: 16px;
    border: 1px solid #00000029;
    padding: 20px;
    height: 100%;
    background-color: #fff
}

@media (max-width: 767px) {
    .wrap-luachon .item-luachon {
        padding:10px;
        border-radius: 8px
    }
}

.wrap-luachon .item-luachon .img-thumb {
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .wrap-luachon .item-luachon .img-thumb {
        margin-bottom:15px
    }
}

.wrap-luachon .item-luachon .img-thumb img {
    max-height: 76px;
    width: auto !important
}

@media (max-width: 767px) {
    .wrap-luachon .item-luachon .img-thumb img {
        max-height:40px
    }
}

.wrap-luachon .item-luachon .ttl {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
    display: block;
    color: var(--color-main);
    text-transform: uppercase
}

@media (max-width: 767px) {
    .wrap-luachon .item-luachon .ttl {
        font-size:15px;
        margin-bottom: 4px
    }
}

.wrap-luachon .item-luachon .desc {
    font-size: 14px;
    display: block;
    color: #000000B2
}

.wrap-trangtb {
    position: relative;
    padding-bottom: 100px;
    overflow: hidden
}

.wrap-trangtb::after {
    position: absolute;
    top: 50px;
    left: 0;
    background: url(../images/bg-trangtb01.png) no-repeat bottom;
    background-size: contain;
    width: 213px;
    height: 255px;
    content: '';
    z-index: -1
}

@media (max-width: 767px) {
    .wrap-trangtb::after {
        opacity:0.5;
        width: 20%
    }
}

.wrap-trangtb::before {
    position: absolute;
    bottom: -250px;
    right: 0;
    background: url(../images/bg-trangtb02.png) no-repeat top;
    background-size: contain;
    width: 286px;
    height: 514px;
    content: ''
}

@media (max-width: 767px) {
    .wrap-trangtb::before {
        opacity:0.5;
        width: 20%
    }
}

.wrap-trangtb .title-global {
    margin-bottom: 50px
}

@media (max-width: 767px) {
    .wrap-trangtb .title-global {
        margin-bottom:25px
    }
}

.wrap-trangtb .item-trangtb {
    position: relative;
    padding-bottom: 35px
}

.wrap-trangtb .item-trangtb::after {
    position: absolute;
    content: '';
    background-color: #10469533;
    width: 4px;
    border-radius: 30px;
    height: calc(100% - 15px);
    top: 0;
    left: 18px;
    z-index: -2
}

.wrap-trangtb .item-trangtb .ttl {
    font-weight: 600;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    padding-left: 18px
}

@media (max-width: 767px) {
    .wrap-trangtb .item-trangtb .ttl {
        font-size:16px
    }
}

.wrap-trangtb .item-trangtb .ttl::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    width: 40px;
    height: 40px;
    content: '';
    background-color: #D5DEEB;
    border-radius: 50%;
    z-index: -1
}

.wrap-trangtb .item-trangtb .desc {
    padding-left: 64px
}

@media (max-width: 767px) {
    .wrap-trangtb .img-thumb {
        margin-bottom:25px
    }
}

.mb-100 {
    margin-bottom: 6.77083vw
}

@media (max-width: 767px) {
    .mb-100 {
        margin-bottom:18.66667vw
    }
}

.img-thung {
    text-align: right;
    margin-top: -2.34375vw;
    position: relative;
    z-index: 0;
    right: -1.51042vw
}

@media (max-width: 767px) {
    .img-thung {
        margin-top:-12vw;
        right: 0
    }

    .img-thung img {
        max-width: 100px
    }
}

.modal-title2 {
    font-size: 1.30208vw;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .modal-title2 {
        font-size:4.53333vw
    }
}

.wrap-dktuvan {
    background: url(../images/bg-lienhe.jpg) no-repeat top;
    background-size: cover
}

.wrap-dktuvan .row {
    margin: 0;
    align-items: center
}

.wrap-dktuvan .col-left {
    background-color: #fff;
    padding: 1.45833vw 2.08333vw 0;
    top: 4.42708vw;
    border: 1px solid #D3D3D3
}

@media (max-width: 767px) {
    .wrap-dktuvan .col-left {
        padding:15px
    }
}

.wrap-dktuvan .col-right {
    padding: 0 2.08333vw 0
}

@media (max-width: 767px) {
    .wrap-dktuvan .col-right {
        padding:40px 15px 15px
    }
}

.wrap-dktuvan .tt-dktuvan {
    color: #fff;
    margin-bottom: 1.5625vw
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan {
        margin-bottom:15px
    }
}

.wrap-dktuvan .tt-dktuvan li {
    padding-left: 2.60417vw;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 1.14583vw;
    min-height: 1.875vw;
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan li {
        font-size:3.73333vw;
        padding-left: 10.66667vw;
        margin-bottom: 10px;
        min-height: 9.6vw
    }
}

.wrap-dktuvan .tt-dktuvan .ic-dktuvan01 {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="36" height="36" fill="url(%23pattern0_42_1076)"/><defs><pattern id="pattern0_42_1076" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_42_1076" transform="scale(0.015625)"/></pattern><image id="image0_42_1076" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    background-size: 1.875vw auto
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan .ic-dktuvan01 {
        background-size:8vw auto
    }
}

.wrap-dktuvan .tt-dktuvan .ic-dktuvan02 {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="36" height="36" fill="url(%23pattern0_42_1080)"/><defs><pattern id="pattern0_42_1080" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_42_1080" transform="scale(0.015625)"/></pattern><image id="image0_42_1080" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    background-size: 1.875vw auto
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan .ic-dktuvan02 {
        background-size:8vw auto
    }
}

.wrap-dktuvan .tt-dktuvan .ic-dktuvan03 {
    background: url('data:image/svg+xml,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="36" height="36" fill="url(%23pattern0_42_1083)"/><defs><pattern id="pattern0_42_1083" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_42_1083" transform="scale(0.015625)"/></pattern><image id="image0_42_1083" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    background-size: 1.875vw auto
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan .ic-dktuvan03 {
        background-size:8vw auto
    }
}

.wrap-dktuvan .tt-dktuvan02 li {
    margin-bottom: 20px;
    border-radius: 10px;
    overflow: hidden
}

@media (max-width: 767px) {
    .wrap-dktuvan .tt-dktuvan02 li {
        margin-bottom:10px
    }
}

.wrap-dktuvan .name-dktuvan {
    font-weight: 700;
    font-size: 35px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .wrap-dktuvan .name-dktuvan {
        font-size:4.8vw;
        margin-bottom: 5px
    }
}

.wrap-dktuvan .desc-dktuvan {
    font-size: .72917vw;
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .wrap-dktuvan .desc-dktuvan {
        font-size:3.73333vw
    }
}

.c-btn-submit button {
    -webkit-appearance: none;
    background: #fff;
    text-align: center;
    width: 100%;
    border: none;
    padding: 10px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    text-transform: uppercase;
    color: var(--color-main)
}

.c-btn-submit button span {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 17L18 12L13 7" stroke="%23104695" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 17L11 12L6 7" stroke="%23104695" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
    padding-right: 35px
}

.box-baogia .baogia-it {
    position: relative;
    color: #fff;
    margin-bottom: 24px;
    padding-left: 75px
}

.box-baogia .baogia-it .numb {
    font-size: 18px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    border-radius: 50%
}

.box-baogia .baogia-it .ttl {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 6px
}

.box-baogia .baogia-it .desc {
    font-size: 14px
}

.item-news-mb {
    margin-bottom: 30px
}

.wrap-newsnb {
    padding: 100px 0;
    background-color: #F4F4F4
}

@media (max-width: 767px) {
    .wrap-newsnb {
        padding:50px 0
    }
}

.wrap-newsnb .title-global {
    text-align: left
}

.wrap-news {
    padding: 2.60417vw 0
}

@media (max-width: 767px) {
    .wrap-news {
        padding:8vw 0
    }
}

.box-newsnb {
    position: relative
}

.item-news {
    padding: 100px 0;
    background-color: #F4F4F4
}

.item-news .img-thumb {
    margin-bottom: 16px
}

.item-news .cate {
    color: var(--color-main);
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 8px
}

.item-news .cate .date {
    font-size: 15px;
    color: #7A7A7A;
    position: relative;
    display: inline-block;
    padding-left: 10px
}

.item-news .cate .date::before {
    content: '';
    background-color: #7A7A7A;
    width: 5px;
    height: 5px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    border-radius: 50%
}

.item-news .news-name {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 24px
}

@media (max-width: 767px) {
    .item-news .news-name {
        font-size:15px
    }
}

.item-news .timhieu {
    font-size: 15px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .item-news .timhieu {
        font-size:12px
    }
}

.item-news .timhieu span {
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 17L18 12L13 7" stroke="%23393939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 17L11 12L6 7" stroke="%23393939" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat right center;
    padding-right: 40px
}

@media (max-width: 767px) {
    .item-news .timhieu span {
        padding-right:25px
    }
}

@media (max-width: 767px) {
    .wrap-faq {
        margin-bottom:30px
    }
}

.video-intro .listvideos {
    width: 100%;
    height: 38px;
    margin-top: 10px
}

.video-main {
    position: relative;
    padding-bottom: 52%
}

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

.wrap-map {
    background: #f5f5f5 url(../images/bg-01.png) no-repeat bottom left;
    padding: 40px 0
}

@media (max-width: 767px) {
    .wrap-map {
        padding:30px 0;
        background-size: 50%
    }
}

.wrap-map .row {
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    -o-align-content: stretch;
    align-content: stretch;
    align-content: stretch
}

.wrap-map .bg-map {
    background: #fff;
    box-shadow: rgba(0,0,0,0.05) 0px 0px 0px 1px;
    border-radius: 15px;
    padding: 30px;
    height: 100%
}

@media only screen and (max-width: 992px) {
    .wrap-map .bg-map {
        padding:15px
    }
}

@media (max-width: 767px) {
    .wrap-map .bg-map {
        height:inherit;
        margin-bottom: 20px
    }
}

.ttl-tuvan {
    margin: 0 auto
}

@media (max-width: 767px) {
    .ttl-tuvan {
        margin-top:20px
    }
}

.ttl-tuvan .ttl {
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {
    .ttl-tuvan .ttl {
        font-size:18px;
        line-height: 28px
    }
}

.ttl-tuvan .ttl2 {
    font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    color: #179B42;
    text-transform: uppercase;
    margin-bottom: 16px
}

@media only screen and (max-width: 992px) {
    .ttl-tuvan .ttl2 {
        font-size:18px;
        line-height: 28px;
        margin-bottom: 8px
    }
}

.ttl-tuvan .desc {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px
}

.tuvan-input {
    margin-bottom: 16px
}

.tuvan-input label {
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 17px;
}

@media (max-width: 767px) {
    .tuvan-input label {
        font-size:4vw
    }
}

.tuvan-input input,.tuvan-input select {
    background: #EEEEEE;
    border: none;
    border-radius: 10px;
    border: 1px solid #FFFFFF52;
    padding: 0 10px;
    outline: none;
    -webkit-appearance: none;
    height: 44px;
    font-size: 17px !important;
}

@media (max-width: 767px) {
    .tuvan-input input,.tuvan-input select {
        font-size:3.73333vw
    }
}

.tuvan-input input:focus,.tuvan-input select:focus {
    outline: none;
    box-shadow: none;
    background: transparent
}

.tuvan-input textarea {
    font-size: 17px !important;
    height: 125px;
    border-radius: 6px;
    outline: none;
    -webkit-appearance: none;
    background: #EEEEEE;
    color: #333;
    border: 1px solid #FFFFFF52
}

@media (max-width: 767px) {
    .tuvan-input textarea {
        font-size:3.73333vw
    }
}

.tuvan-input textarea:focus {
    outline: none;
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .tuvan-input textarea {
        margin:20px 0 25px
    }
}

.tuvan-button {
    text-align: center;
    position: relative;
    z-index: 1
}

.tuvan-button button {
    -webkit-appearance: none;
    background: var(--color-main);
    text-align: center;
    width: 100%;
    border: none;
    padding: 10px;
    border-radius: 100px;
    color: #fff;
    font-size: 17px;
    max-width: 150px;
    margin: 0 auto;
    font-weight: 700
}

@media (max-width: 767px) {
    .tuvan-button button {
        font-size:3.73333vw
    }
}

.wrap-top-footer {
    background: #F9F8F8;
    padding-top: 100px
}

.logo-footer {
    margin-bottom: 27px;
    display: block
}

.footer {
    background: #F8F8F8;
    color: #555555;
    padding: 57px 0 0;
    border-top: 1px solid #B4B4B4;
    /* font-family: Roboto; */
}

@media (max-width: 767px) {
    .footer {
        padding-bottom:45px
    }
}

@media (min-width: 768px) {
    .footer .mb24 {
        margin-bottom:24px
    }
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.footer ul li a {
    color: #555;
    font-size: 17px;
    transition: 0.3s
}

@media (max-width: 767px) {
    .footer ul li a {
        font-size:3.73333vw
    }
}

.footer ul li a:hover {
    color: var(--color-main2);
    text-decoration: none
}

.footer .note {
    background: #EBEBEB;
    padding: 30px;
    font-size: 15px;
    line-height: 20px;
    color: #333;
    border-radius: 4px;
    margin-top: 20px
}

.footer .note p:last-child {
    color: #777
}

.phone-footer {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    background: url(../images/phone.png) no-repeat left center;
    padding: 20px 0 20px 55px;
    background-size: 45px auto
}

.email-footer {
    font-size: 13px
}

@media (max-width: 767px) {
    .email-footer {
        margin-bottom:10px
    }
}

.gopy-footer {
    font-size: 13px
}

.gopy-footer a {
    color: #fff
}

.wrap-address {
    border-bottom: 1px solid #ffffff1a;
    border-top: 1px solid #ffffff1a;
    padding: 25px 0;
    margin: 34px 0
}

.wrap-address .col-12 {
    max-width: 450px
}

.wrap-address .col-12--v2 {
    max-width: 370px
}

.wrap-address .item {
    background: url(../images/car.png) no-repeat left top;
    padding: 10px 0 10px 50px;
    text-align: right;
    font-size: 14px
}

.wrap-address .item span {
    color: #fff;
    font-weight: 500
}

.cont-hoptac {
    font-size: 13px
}

.cont-hoptac a {
    color: #fff;
    text-decoration: underline
}

.cont-hoptac a:hover {
    color: yellow
}

.thuonghieutv {
    display: flex;
    margin-bottom: 40px
}

.thuonghieutv>div:first-child {
    margin-right: 10px
}

.thuonghieutv img {
    border-radius: 3px
}

.info-footer {
    margin-bottom: 10px
}

.info-footer .info-footer-li {
    font-size: 17px;
}

@media (max-width: 767px) {
    .info-footer .info-footer-li {
        font-size:4vw
    }
}

@media (max-width: 767px) {
    .info-footer .d-flex {
        flex-wrap:wrap
    }
}

.cont-footer {
    font-size: 17px;
}

@media (max-width: 767px) {
    .cont-footer {
        margin-bottom:30px;
        font-size: 3.73333vw
    }
}

.cont-footer p {
    margin-bottom: 10px
}

.dslienhe {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #ffffff1a;
    border: 1px solid #ffffff1a;
    border-radius: 4px;
    padding: 15px 15px 0 15px
}

@media (max-width: 767px) {
    .dslienhe {
        margin-bottom:15px
    }
}

.dslienhe .item-ds {
    width: 33%;
    margin-bottom: 15px
}

@media (max-width: 767px) {
    .dslienhe .item-ds {
        width:50%
    }
}

.dslienhe .item-ds a {
    display: flex;
    color: #fff
}

.dslienhe .item-ds a:hover {
    text-decoration: none
}

.dslienhe .item-ds a .title {
    padding-left: 5px
}

.dslienhe .item-ds a .title p {
    color: #fff;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.dslienhe .item-ds a .title .titl {
    color: #fff;
    font-size: 14px
}

.dslienhe .item-ds img {
    border-radius: 8px
}

.footer-tags {
    text-align: center;
    padding: 30px 0 15px
}

.footer-tags ul {
    display: flex;
    justify-content: center
}

.footer-tags ul li {
    margin-bottom: 5px
}

.footer-tags ul li a {
    color: #999;
    font-size: 13px;
    padding: 0 6px
}

@media only screen and (min-width: 1100px) {
    .cont-foot1 {
        flex:0 0 20%;
        max-width: 20%
    }

    .cont-foot2 {
        flex: 0 0 40%;
        max-width: 40%
    }

    .cont-foot3 {
        flex: 0 0 20%;
        max-width: 20%
    }

    .cont-foot4 {
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width: 767px) {
    .cont-foot3 {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .cont-foot3 .div-sp-100 {
        width: 100%;
        margin-bottom: 25px
    }
}

@media (max-width: 767px) {
    .cont-foot4 {
        margin-top:20px
    }

    .cont-foot4 .mb24 {
        margin: 0;
        max-width: 200px
    }
}

.title-footer {
    text-transform: uppercase;
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 700;
    color: #333333
}

@media (max-width: 767px) {
    .title-footer {
        font-size:4vw;
        font-weight: bold;
        margin: 10px 0
    }
}

.copyright {
    font-size: 17px;
    text-align: center;
    padding-top: 34px;
    padding-bottom: 34px
}

@media (max-width: 767px) {
    .copyright {
        font-size:4vw
    }
}

@-webkit-keyframes glowing {
    0% {
        background-color: #f0c915;
        -webkit-box-shadow: 0 0 3px #f0c915
    }

    50% {
        background-color: var(--color-main);
        -webkit-box-shadow: 0 0 10px var(--color-main)
    }

    100% {
        background-color: #f0c915;
        -webkit-box-shadow: 0 0 3px #f0c915
    }
}

@-moz-keyframes glowing {
    0% {
        background-color: #f0c915;
        -moz-box-shadow: 0 0 3px #f0c915
    }

    50% {
        background-color: var(--color-main);
        -moz-box-shadow: 0 0 10px var(--color-main)
    }

    100% {
        background-color: #f0c915;
        -moz-box-shadow: 0 0 3px #f0c915
    }
}

@-o-keyframes glowing {
    0% {
        background-color: #f0c915;
        box-shadow: 0 0 3px #f0c915
    }

    50% {
        background-color: var(--color-main);
        box-shadow: 0 0 10px var(--color-main)
    }

    100% {
        background-color: #f0c915;
        box-shadow: 0 0 3px #f0c915
    }
}

@keyframes glowing {
    0% {
        background-color: #f0c915;
        box-shadow: 0 0 3px #f0c915
    }

    50% {
        background-color: var(--color-main);
        box-shadow: 0 0 10px var(--color-main)
    }

    100% {
        background-color: #f0c915;
        box-shadow: 0 0 3px #f0c915
    }
}

.scrollToTop {
    width: 41px;
    height: 41px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 65px;
    right: 25px;
    display: none;
    z-index: 10;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .scrollToTop {
        display:none !important
    }
}

.bv-khac {
    padding: 0;
    margin: 0;
    list-style: none
}

.bv-khac li a {
    color: #333;
    padding: 10px 0
}

.contact-input {
    margin-bottom: 10px
}

.contact-input input,.contact-input select {
    font-size: 15px !important;
    height: 40px
}

.contact-input textarea {
    height: 90px;
    font-size: 15px !important
}

.contact-map {
    position: relative;
    padding-top: 70%
}

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

.toolbar {
    background: #ec2d3f;
    width: 100%;
    padding: 3vw;
    bottom: 0px;
    position: fixed;
    z-index: 500;
    height: auto;
    left: 0px;
    /* display: none */
}

.toolbar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.toolbar ul li {
    text-align: center;
    width: 25%
}

.toolbar ul li a {
    display: block;
    width: 100%;
    cursor: pointer
}

.toolbar ul li a img {
    height: 6vw;
    width: auto
}

.toolbar ul li a span {
    font-weight: 400;
    color: #ffffff;
    font-size: 3.5vw;
    display: none
}

.fixbar {
    bottom: 0;
    display: block;
    background: #f0eff4;
    border-top: 1px solid #ddd;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 50px
}

.fixbar ul {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.fixbar ul li {
    margin: 0 auto 10px;
    text-align: center;
    width: 25%;
    float: left
}

.fixbar .icon-cart-mobile,.fixbar .icon-cart-new,.fixbar .icon-home-new,.fixbar .icon-hotdeal-new {
    width: 20px;
    height: 20px;
    display: block;
    margin: 8px auto 0
}

.fixbar .icon-cart-mobile {
    background: url(../images/cart-mobile.png) no-repeat
}

.cart-total-header-mobile {
    font-size: 10px;
    position: absolute;
    background: red;
    color: #fff !important;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    line-height: 15px;
    top: 5px;
    margin-left: 5px
}

.fixbar ul li a {
    font-size: 11px;
    text-decoration: none;
    color: #333
}

.fixbar ul li a i {
    font-size: 20px
}

.plugbar {
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #eae6e6;
    width: 100%;
    right: 0;
    max-width: 767px;
    margin: 0 auto;
    background: #ffffff;
    padding: 9px 10px 10px 7px;
    z-index: 10
}

.plugbar ul {
    list-style: none;
    padding: 0;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.plugbar ul li {
    width: 20%;
    float: left
}

.plugbar ul li a {
    display: block;
    color: #696969;
    font-size: 12px;
    text-align: center;
    position: relative
}

.plugbar ul li a i {
    font-size: 20px;
    color: #696969
}

.plugbar ul li a span {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -40px;
    left: calc(50% - 50px / 2);
    font-size: 14px;
    display: block;
    border: 1px solid rgba(234,230,230,0.5);
    border-radius: 100%
}

.mobile_menu_section {
    display: block;
    padding: 15px
}

.mobile_menu_section .mobile_menu_section-title {
    font-size: 15px;
    line-height: 1.85;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    color: #333;
    margin: 0
}

.mobile_menu_section .mobile_menu_help {
    color: #677279;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.mobile_menu_section .mobile_menu_help svg {
    margin-right: 16px;
    width: 24px;
    height: 24px
}

.content-main img {
    height: auto !important;
    max-width: 100%
}

.breadcrumb {
    margin-bottom: 1rem
}

.item-tour {
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    position: relative;
    margin-bottom: 30px
}

.item-tour .img-tour img {
    width: 100%
}

.item-tour .price-per {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #E83E62;
    color: #fff;
    padding: 2px 10px 2px 10px;
    border-radius: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: 0em;
    font-weight: 600;
    z-index: 1
}

@media (max-width: 767px) {
    .item-tour .price-per {
        font-size:13px;
        font-size: 1.3rem;
        line-height: 1.53846em
    }
}

.item-tour .lst-utilities {
    background: #179B42;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    justify-content: center;
    max-width: 90%;
    height: 52px;
    border-radius: 10px;
    margin: -26px auto 20px;
    position: relative;
    z-index: 1
}

@media (max-width: 767px) {
    .item-tour .lst-utilities {
        height:42px;
        margin: -20px auto 15px
    }
}

.item-tour .lst-utilities li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.42857em;
    letter-spacing: 0em;
    font-weight: 400;
    color: #fff;
    display: flex;
    align-items: center
}

.item-tour .lst-utilities li:nth-child(2) {
    padding: 0 12px;
    margin: 0 12px;
    border-left: 1px solid #FFFFFF33;
    border-right: 1px solid #FFFFFF33
}

.item-tour .lst-utilities li i {
    font-size: 17px;
    margin-right: 5px
}

.item-tour .cont-tour {
    padding: 0 20px 20px
}

.item-tour .cont-tour-v2 {
    padding: 20px
}

.item-tour .ttl-tour {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1.58824em;
    letter-spacing: 0em;
    font-weight: 700;
    margin-bottom: 12px
}

@media (max-width: 767px) {
    .item-tour .ttl-tour {
        font-size:15px;
        font-size: 1.5rem;
        margin-bottom: 6px
    }
}

.price-tour {
    border-top: 1px solid #87878733;
    padding: 20px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center
}

@media (max-width: 767px) {
    .price-tour {
        padding:10px 0 0 0
    }
}

.price-tour .price-new {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.58333em;
    letter-spacing: .02em;
    font-weight: 700;
    color: #E83E62;
    margin-right: 10px
}

@media (max-width: 767px) {
    .price-tour .price-new {
        font-size:18px;
        font-size: 1.8rem
    }
}

.price-tour .price-old {
    color: #878787;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    letter-spacing: 0em;
    text-decoration: line-through
}

@media (max-width: 767px) {
    .price-tour .price-old {
        font-size:13px;
        font-size: 1.3rem
    }
}

.price-tour .price-per--v2 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2em;
    letter-spacing: 0em;
    font-weight: 600;
    background: #179B42;
    color: #fff;
    height: 32px;
    border-radius: 8px;
    padding: 2px 10px 2px 10px;
    margin-left: 16px;
    min-width: 50px;
    text-align: center
}

@media (max-width: 767px) {
    .price-tour .price-per--v2 {
        font-size:13px;
        font-size: 1.3rem;
        height: 25px;
        padding: 0 10px
    }
}

.price-tour--v2 {
    border: none;
    padding: 0;
    margin-bottom: 20px;
    white-space: nowrap
}

@media (max-width: 767px) {
    .price-tour--v2 {
        margin-bottom:0
    }
}

.d-flex3 {
    align-items: center;
    display: -ms-flexbox !important;
    display: flex !important
}

@media (max-width: 767px) {
    .d-flex3 {
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.rating {
    width: 100%;
    display: flex;
    font-size: 12px;
    margin-bottom: 20px;
    align-items: center
}

@media (max-width: 767px) {
    .rating {
        margin-bottom:10px
    }
}

.rating .count {
    margin: 0 3px 0 5px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    letter-spacing: 0em;
    font-weight: 400;
    color: #878787
}

@media (max-width: 767px) {
    .rating .count {
        font-size:15px;
        font-size: 1.5rem
    }
}

.rating .star-rating {
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #ccc;
    font-size: 18px
}

.rating .star-rating:before,.rating .star-rating:after {
    content: "★ ★ ★ ★ ★"
}

.rating .star-rating:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #FFB800
}

.rating .star-rating[data-rate="5"]:after {
    width: 100%
}

.rating .star-rating[data-rate="4.5"]:after {
    width: 90%
}

.rating .star-rating[data-rate="4"]:after {
    width: 80%
}

.rating .star-rating[data-rate="3.5"]:after {
    width: 70%
}

.rating .star-rating[data-rate="3"]:after {
    width: 60%
}

.rating .star-rating[data-rate="2.5"]:after {
    width: 50%
}

.rating .star-rating[data-rate="2"]:after {
    width: 40%
}

.rating .star-rating[data-rate="1.5"]:after {
    width: 30%
}

.rating .star-rating[data-rate="1"]:after {
    width: 20%
}

.rating .star-rating[data-rate="0.5"]:after {
    width: 10%
}

.rating .star-rating[data-rate="0"]:after {
    width: 0%
}

.content-static {
    padding: 50px 0
}

@media (max-width: 767px) {
    .content-static {
        padding:30px 0
    }
}

.detail-content {
    padding: 40px 0
}

.detail-content img {
    max-width: 100%;
    height: auto
}

.archive-tour {
    padding: 50px 0
}

.single-tour {
    background-image: url(../images/bnr01.svg),url(../images/bnr02.svg),linear-gradient(90deg, #0961b9 30%, #2e96de calc(100% - 522px), transparent calc(100% - 510px), transparent 100%);
    background-size: auto, auto, 100% 281px;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left -80px, right -80px, left top
}

.thumb-pro-detail {
    display: block !important
}

.thumb-pro-detail img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
    padding-bottom: 0 !important;
    box-sizing: border-box !important
}

.left-pro-detail .owl-item {
    margin: 0 3px
}

.thumb-pro-detail-sub {
    margin-bottom: 10px;
    position: relative
}

.thumb-pro-detail-sub .thumb_more {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #0000009e;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: #179B42;
    font-weight: bold
}

.thumb-pro-detail-sub img {
    height: 195px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 575px) {
    .thumb-pro-detail-sub img {
        height:100px
    }
}

.thumb-pro-detail-none {
    display: none
}

@media only screen and (max-width: 767px) {
    .thumb-pro-detail-top {
        margin-bottom:10px
    }
}

.grid-pro-detail {
    margin: 30px 0
}

.title-pro-detail {
    font-size: 22px;
    font-size: 2.2rem;
    display: block;
    margin: 10px 0 20px;
    font-weight: bold
}

.map-detail {
    color: #fff;
    font-size: 15px;
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.map-detail i {
    font-size: 22px;
    margin-right: 5px
}

.map-detail a {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    margin-left: 10px
}

.js-faq {
    border-bottom: 1px solid #DBDBDB
}

.js-faq.is-active {
    border-bottom: 1px solid var(--color-main)
}

.js-faq .ttl {
    margin: 0;
    padding: 1.30208vw 1.82292vw 1.30208vw 0;
    cursor: pointer;
    position: relative;
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 767px) {
    .js-faq .ttl {
        font-size:4vw;
        padding: 3.2vw 10.66667vw 3.2vw 0
    }
}

.js-faq .ttl.is-active:after {
    transform: rotate(180deg)
}

.js-faq .ttl:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: .78125vw;
    content: '';
    color: var(--color-main2);
    background: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L9.5 9.5L18 1" stroke="%23333333" stroke-width="2" stroke-linecap="round"/></svg>') no-repeat right center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .98958vw;
    height: .57292vw;
    transition: 0.3s;
    background-size: cover
}

@media (max-width: 767px) {
    .js-faq .ttl:after {
        width:5.06667vw;
        height: 2.93333vw
    }
}

.js-faq .desc {
    padding: 0 .52083vw 1.04167vw 0;
    display: none;
    font-size: 20px;
}

@media (max-width: 767px) {
    .js-faq .desc {
        font-size:3.73333vw;
        padding: 0 2.66667vw 5.33333vw 0
    }
}

.no-rel {
    position: initial !important
}

.sub-menu {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    left: 0;
    min-width: 700px !important
}

.sub-menu>li {
    width: calc(100% / 3)
}

.sub-menu>li:nth-child(1) a,.sub-menu>li:nth-child(2) a,.sub-menu>li:nth-child(3) a {
    border-top: none !important
}

.cont-detail {
    margin: 30px 0
}

.cont-detail img {
    max-width: 100%;
    height: auto !important
}

.banner-detail {
    max-height: 450px;
    overflow: hidden;
    position: relative;
    padding-bottom: 450px
}

@media (max-width: 767px) {
    .banner-detail {
        padding-bottom:0
    }
}

.banner-detail img {
    object-fit: cover;
    object-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .banner-detail img {
        position:relative
    }
}

.desc-destination-detail {
    margin-bottom: 30px;
    line-height: 25px
}

.desc-destination-detail ol,.desc-destination-detail ul {
    list-style: auto;
    padding-left: 25px;
    margin: 15px 0
}

.bottom-tab {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100vw;
    border-top: 2px solid black;
    justify-content: space-between;
    align-items: center;
    display: none
}

@media (max-width: 767px) {
    .bottom-tab {
        display:flex !important
    }
}

.bottom-tab a {
    text-align: center;
    font-size: 12px;
    font-weight: bold
}

.bottom-tab>div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3.23rem
}

.bottom-tab>div p {
    color: var(--gray-scale-50, #727272);
    text-align: center;
    font-family: Trip Sans;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 900;
    line-height: 4.26667rem;
    letter-spacing: 0.13333rem
}

.bottom-tab>div svg {
    width: 3.73333rem;
    height: 3.73333rem
}

.bottom-tab>:first-child {
    background-color: #eebc00;
    padding: 10px 13px
}

.bottom-tab>:last-child {
    padding: 10px 13px
}

.bottom-tab>:first-child p {
    color: #fff
}

.content-detail {
    line-height: 1.8;
    font-size: 15px;
    text-align: justify
}

.content-detail img {
    margin: 15px 0;
    max-width: 100% !important;
    height: auto !important
}

.content-detail h1,.content-detail h2,.content-detail h3,.content-detail h4,.content-detail h5 {
    margin-bottom: 15px
}

.content-detail p {
    margin-bottom: 1rem
}

#form-booking {
    background: url(../images/bg-blog.png) no-repeat left top;
    border-radius: 30px;
    clear: both;
    display: flow-root;
    box-shadow: 0 0 5px 0 #00000080;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    max-width: 800px
}

#form-booking h3 {
    font-size: 25px;
    font-weight: bold;
    color: #179B42;
    margin-bottom: 20px
}

#form-booking .blk-booking {
    background: #fafafad6;
    padding: 20px;
    border-radius: 30px;
    clear: both;
    display: flow-root
}

#form-booking .d-flex>div {
    display: flex;
    align-items: center
}

#form-booking .d-flex>div label {
    margin-left: 10px
}

#form-booking .btn {
    font-size: 16px;
    width: 100%;
    height: 50px;
    background: #179B42;
    border-color: #179B42
}

.box-detail2 {
    position: sticky !important;
    top: 200px;
    border: 1px dashed var(--color-main2)
}

.box-detail {
    background: #fff;
    padding: 15px;
    position: relative
}

.box-detail-sticky {
    position: sticky;
    top: 120px
}

.banner-pd {
    margin-bottom: 15px;
    display: block
}

.ul-category2 li i {
    font-size: 13px;
    position: relative;
    top: 0px;
    margin-right: 5px
}

.ul-category2>li>a {
    border-bottom: 1px solid #ccc;
    padding: 10px
}

.ul-category2 a {
    color: #000;
    display: block;
    padding: 8px 0;
    font-size: 14px
}

.ul-category2 a:hover {
    color: var(--color-dark-red);
    text-decoration: none
}

.ul-category2 {
    padding: 0;
    list-style: none;
    margin: 0;
    border: 1px solid #ccc
}

.ul-category2 li {
    list-style: none;
    position: relative
}

.ul-category2 ul {
    padding: 0 0 0 0;
    list-style: none;
    margin: 0
}

.ul-category2 ul li a {
    background: #f0f0f0;
    padding-left: 15px
}

.ul-category2 ul li i {
    font-size: 7px;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.ul-category2 ul ul {
    padding-left: 15px
}

.ul-category2 ul ul li a {
    background: #fff
}

.title-left {
    margin-bottom: 10px;
    color: #fff;
    position: relative;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    background: var(--color-main);
    padding: 10px;
    text-transform: uppercase
}

.box-readmore {
    background-color: #f8f9fa;
    border-radius: 5px;
    padding: 15px;
    color: #6c757d
}

.toc_title {
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #6c757d;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    text-align: left
}

.toc_title span {
    color: var(--color-main2)
}

div.box-readmore ul {
    counter-reset: List;
    margin-left: 0
}

.meta-toc {
    position: sticky;
    top: 180px
}

div.box-readmore ul li {
    counter-increment: List;
    list-style: none;
    padding: 8px 0;
    margin-bottom: 5px;
    border-bottom: 1px dashed #6c757d;
    text-align: left
}

div.box-readmore ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: unset
}

div.box-readmore ul li a {
    color: #000 !important;
    position: relative;
    position: relative;
    font-size: 15px
}

div.box-readmore ul li>ul {
    margin-left: 20px
}

div.box-readmore ul li a:before {
    content: counters(List, ".") ".";
    margin-right: 5px
}

.box-splist {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .box-splist .row {
        margin:0 -5px
    }

    .box-splist .row .col-6 {
        padding: 0 5px
    }
}

@media (max-width: 767px) {
    .product-lst {
        margin:0 -5px
    }
}

@media (min-width: 768px) {
    .product-lst .col-6 {
        margin-bottom:1.5625vw
    }
}

@media (max-width: 767px) {
    .product-lst .col-6 {
        margin-bottom:4vw;
        padding: 0 5px
    }
}

.box-product {
    position: relative;
    display: block;
    background: #fff;
    border: 2px solid var(--color-main);
    border-radius: 1.04167vw;
    padding: .52083vw;
    height: 100%
}

@media (max-width: 767px) {
    .box-product {
        padding:5px;
        border-radius: 15px
    }
}

.pic-product {
    border-radius: .88542vw;
    padding: .20833vw;
    background: linear-gradient(90deg, #FFCC0B, #F04000);
    position: relative
}

@media (max-width: 767px) {
    .pic-product {
        border-radius:10px
    }
}

.pic-product:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../images/gia-soc.png) no-repeat;
    width: 85px;
    height: 41px;
    z-index: 1;
    margin: auto;
    background-size: contain
}

@media (max-width: 767px) {
    .pic-product:after {
        width:50px
    }
}

.pic-product:before {
    content: "";
    position: absolute;
    inset: .20833vw;
    border-radius: 1.04167vw;
    background: #fff;
    z-index: 1
}

@media (max-width: 767px) {
    .pic-product:before {
        inset:2px;
        border-radius: 10px
    }
}

.pic-product .scale-img {
    position: relative;
    z-index: 1;
    border-radius: .88542vw
}

@media (max-width: 767px) {
    .pic-product .scale-img {
        border-radius:12px
    }
}

@media (max-width: 767px) {
    .pic-product {
        padding:2px
    }
}

.pic-product img {
    width: 100%
}

.name-product {
    font-weight: 700;
    text-align: center;
    margin: .52083vw 0;
    font-size: 20px;
}

@media (max-width: 767px) {
    .name-product {
        font-size:15px;
        font-size: 1.5rem;
        margin: 2.66667vw 0
    }
}

.baogia-product {
    margin: 0 auto;
    display: block;
    border: 1px solid #0000001a;
    border-radius: 1.5625vw;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: #8C9089;
    transition: 0.3s;
    cursor: pointer
}

@media (max-width: 767px) {
    .baogia-product {
        border-radius:30px;
        font-size: 3.46667vw
    }
}

.baogia-product span {
    padding: .52083vw;
    display: inline-block;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><rect width="24" height="24" fill="url(%23pattern0_53_98)"/><defs><pattern id="pattern0_53_98" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="%23image0_53_98" transform="scale(0.015625)"/></pattern><image id="image0_53_98" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/></defs></svg>') no-repeat left center;
    padding-left: 1.82292vw;
    background-size: 1.25vw 1.25vw
}

@media (max-width: 767px) {
    .baogia-product span {
        padding:1.33333vw;
        padding-left: 9.33333vw;
        background-size: 5.33333vw 5.33333vw
    }
}

@media only screen and (min-width: 1025px) {
    .baogia-product:hover {
        cursor:pointer;
        background: var(--color-main);
        color: #fff
    }
}

.price-product {
    font-size: 20px;
    font-weight: 600;
    color: #D70000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .41667vw 0
}

@media (max-width: 767px) {
    .price-product {
        font-size:3.73333vw;
        margin: 1.06667vw 0
    }
}

.price-product .plus {
    margin: 0 3px
}

.content-main {
    margin-bottom: 30px
}

.c-btn2 {
    font-size: 16px
}

.box-detail {
    background: #fff;
    padding: 15px
}

.breadCrumbs .wrap-content {
    padding: 15px
}

.breadCrumbs .wrap-content .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.breadCrumbs .wrap-content .breadcrumb-item a {
    color: var(--color-black);
    font-size: 15px
}

.breadCrumbs .wrap-content .breadcrumb-item.active a {
    color: var(--color-gray)
}

.left-pro-detail {
    position: relative;
    text-align: center
}

.left-pro-detail .MagicZoom {
    border: 1px solid #eee;
    padding: 7px;
    border-radius: 5px;
    background-color: #ffffff
}

.gallery-thumb-pro {
    position: relative;
    margin-top: 10px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent
}

.box-thongso th {
    width: 45%;
    font-weight: bold !important
}

.box-thongso th,.box-thongso td {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 10px !important
}

.box-thongso table,.box-thongso th,.box-thongso td {
    margin: 0;
    border: none
}

.box-thongso li {
    margin-bottom: 10px
}

.tuvanzalo {
    margin-bottom: 10px
}

.tuvanzalo a {
    background-color: #33B5FF;
    display: block;
    text-align: center;
    border-radius: 5px;
    color: #fff
}

.zalocall {
    margin-top: 20px
}

.zalocall a {
    padding: 10px;
    font-size: .9375vw;
    text-transform: uppercase;
    font-weight: 600
}

@media (max-width: 767px) {
    .zalocall a {
        font-size:4.26667vw
    }
}

.buttonzalo {
    background: var(--color-main);
    color: #fff;
    border-radius: 5px;
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.buttonzalo a {
    color: #fff;
    border-radius: 5px;
    display: block;
    text-align: center
}

.buttoncall {
    background: var(--color-main2);
    color: #fff;
    display: block;
    text-align: center;
    border-radius: 5px
}

.buttoncall a {
    color: #fff;
    border-radius: 5px;
    display: block
}

.form-sdt {
    font-size: 15px;
    margin-bottom: 15px;
    border: 1px dashed #038018;
    border-radius: 3px;
    background: #f7fff1;
    padding: 15px 15px 30px;
    width: 100%;
    float: left;
    text-align: center
}

h3.title-formsp {
    font-weight: 600;
    margin: 10px 0px 15px !important
}

.field-sp input {
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    border-radius: 10px
}

.field-sp input.wpcf7-form-control.wpcf7-submit {
    line-height: 20px;
    width: 40%;
    margin: auto 30%;
    text-align: center
}

#FormProduct .btn {
    background: #f6d127;
    color: #fff;
    display: inline-block;
    padding: 10px;
    max-width: 200px
}

.product-price--v2 span {
    color: #e11b1e;
    font-weight: 500;
    font-size: 20px
}

.paging-product-category {
    padding: 0 15px
}

.article__content {
    height: 450px;
    overflow: hidden;
    transition: .3s;
    position: relative;
    padding: 30px 20px
}

.article__content img {
    max-width: 100%;
    height: auto !important
}

.btn-detail {
    border: 1px solid #3fc3bc;
    border-radius: 5px;
    color: #3fc3bc;
    display: block;
    margin: 0 auto;
    max-width: 340px;
    padding: 10px 5px;
    text-align: center;
    position: relative;
    margin-bottom: 30px
}

.btn-detail:hover {
    text-decoration: none
}

.bg-article {
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff, #fff);
    bottom: 0;
    height: 105px;
    left: 0;
    position: absolute;
    width: 100%
}

.article__content.long {
    height: auto;
    background: #fff
}

.tab-content img {
    max-width: 100%;
    height: auto !important;
    margin: 20px 0
}

.archive-product {
    padding: 2.60417vw 0
}

@media (max-width: 767px) {
    .archive-product {
        padding:8vw 0
    }
}

.h2-title {
    position: relative;
    text-align: center;
    background: url(../images/line.png);
    background-repeat-x: inherit;
    background-position: center;
    background-repeat-y: no-repeat;
    margin-bottom: 30px
}

.h2-title .title--default {
    position: relative;
    font-size: 25px;
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    background: #f2f2f2;
    padding: 0px 20px
}

.box-listsp {
    margin-bottom: 30px;
    background: #fff;
    padding: 30px 0
}

.item-listsp {
    text-align: center;
    padding: 20px 15px;
    border: 1px solid #dddede;
    background: #fff;
    height: 100%
}

.item-listsp .ttl-product {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 10px
}

.item-listsp .img-thumb {
    padding: 0 15px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--color-main2);
    border-color: var(--color-main2)
}

.page-link {
    color: var(--color-main2)
}

.wrap-tuvan {
    padding: 7.8125vw 0 3.64583vw
}

@media (max-width: 767px) {
    .wrap-tuvan {
        padding:18.66667vw 0 10.66667vw 0
    }
}

.box-nhanvien {
    font-family: 'Kanit', sans-serif
}

.item-nhanvien {
    border: 1px solid var(--color-main);
    margin-bottom: 20px;
    padding: 10px 35px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien {
        padding:10px;
        margin-bottom: 10px
    }
}

.item-nhanvien .img-thumb {
    max-width: 130px;
    width: 100%;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .img-thumb {
        max-width:80px
    }
}

.item-nhanvien .img-thumb img {
    border-radius: 50%;
    max-height: 130px;
    max-width: 130px
}

.item-nhanvien .nv-info {
    padding-left: 35px;
    max-width: calc(100% - 130px);
    width: 100%
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .nv-info {
        max-width:calc(100% - 80px);
        padding-left: 15px
    }
}

.item-nhanvien .nv-desc {
    font-size: 18px;
    font-size: 1.8rem
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .nv-desc {
        font-size:14px;
        font-size: 1.4rem
    }
}

.item-nhanvien .nv-ttl {
    font-weight: 500;
    font-size: 24px;
    font-size: 2.4rem;
    color: var(--color-main2)
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .nv-ttl {
        font-size:18px;
        font-size: 1.8rem
    }
}

.item-nhanvien .nv-hotline {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .nv-hotline {
        font-size:1.04167vw
    }
}

.item-nhanvien .nv-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    justify-content: space-between
}

.item-nhanvien .nv-btn a {
    display: block;
    width: calc(50% - 10px);
    text-align: center;
    background: #FF0033;
    color: #fff;
    padding: 6px 0
}

@media only screen and (max-width: 1366px) {
    .item-nhanvien .nv-btn a {
        width:calc(50% - 5px)
    }
}

.item-nhanvien .nv-btn a:last-child {
    background: #0F6EFF
}

.item-nhanvien--v2 {
    padding: 10px;
    display: block
}

.item-nhanvien--v2 .img-thumb {
    max-width: 60px
}

.item-nhanvien--v2 .img-thumb img {
    border: 1px solid var(--color-main);
    width: 60px;
    height: 60px
}

.item-nhanvien--v2 .nv-info {
    padding-left: 10px;
    max-width: calc(100% - 60px)
}

.item-nhanvien--v2 .nv-desc {
    font-size: 14px;
    font-size: 1.4rem
}

.item-nhanvien--v2 .nv-ttl {
    font-size: 16px;
    font-size: 1.6rem
}

.item-nhanvien--v2 .nv-hotline {
    font-size: 15px;
    font-size: 1.5rem
}

.product-addon {
    flex: 0 0 26%;
    margin-bottom: 30px;
    max-width: 26%;
    min-width: 250px;
    padding-left: 10px;
    position: relative
}

@media only screen and (min-width: 576px) {
    .product-addon {
        max-width:100%
    }
}

@media (max-width: 767px) {
    .product-addon {
        max-width:100%;
        padding-left: 0px
    }
}

.bottom-product-detail {
    border-top: 1px solid #0000000d;
    margin-top: 30px;
    padding-top: 30px
}

@media (max-width: 767px) {
    .bottom-product-detail {
        padding-top:0
    }
}

.box-detail:before {
    background-color: rgba(0,0,0,0.05);
    content: "";
    height: 100%;
    right: -10px;
    position: absolute;
    width: 1px;
    top: 0
}

.product-addon .info-list {
    font-size: 15px;
    list-style: none;
    margin: 0
}

.product-addon .info-list li {
    align-items: baseline;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    display: flex;
    padding-bottom: 12px;
    padding-top: 12px
}

.product-addon .info-list li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.product-addon .info-list li.excerpt {
    color: #444;
    display: block;
    line-height: 1.6;
    padding-bottom: 20px;
    padding-top: 0
}

.product-addon .info-list li.excerpt p {
    line-height: 1.6
}

.product-addon .info-list li>span {
    flex: 0 0 auto;
    font-weight: 300;
    white-space: nowrap;
    width: auto
}

.product-addon .info-list li>span+span {
    flex: 1 1 0;
    font-weight: 400;
    max-width: 100%;
    min-width: 0;
    padding-left: 15px;
    white-space: normal
}

.product-addon .info-list li>span+span p,.products-content .inner-title {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .nav-tabs .nav-item {
        width:100%
    }
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    border: none;
    border-color: var(--color-main2);
    border-bottom: 1px solid;
    color: #333;
    font-weight: 700
}

.nav-tabs .nav-link {
    border-bottom: 1px solid #dee2e6;
    font-size: 18px
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding:5px 0;
        margin: 20px 0;
        border: none;
        border-color: var(--color-main2);
        border-bottom: 1px solid;
        color: #333;
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .fancybox-slide {
        padding:15px
    }
}

.nav-tabs {
    align-items: center;
    justify-content: center;
    border: none
}

.img-about {
    width: 100%;
    max-width: 636px;
    max-height: 616px;
    position: relative
}

.img-about .img01 {
    width: calc(233 / 636 * 100%);
    height: calc(233 / 616 * 100%);
    position: absolute;
    left: 0;
    top: calc(80 / 616 * 100%);
    overflow: hidden;
    object-fit: cover
}

.img-about .img02 {
    width: calc(351 / 636 * 100%);
    height: calc(353 / 616 * 100%);
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    object-fit: cover
}

.img-about .img03 {
    width: calc(235 / 636 * 100%);
    height: calc(235 / 616 * 100%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: calc(380 / 616 * 100%);
    overflow: hidden;
    object-fit: cover
}

.content-main p,#toc-content p {
    margin-bottom: 15px
}

.content-main iframe,#toc-content iframe {
    margin: 15px 0
}

.content-main h1,.content-main h2,.content-main h3,.content-main h4,#toc-content h1,#toc-content h2,#toc-content h3,#toc-content h4 {
    margin: 10px 0 15px
}

.content-main ul,#toc-content ul {
    list-style: inside;
    padding-left: 10px
}

.m-w100 {
    max-width: 150px
}

/*# sourceMappingURL=maps/style.css.map */
.content-main ul {
    list-style: none;
    padding: 0;
}
.content-main ul li{
    position: relative;
    padding-left: 22px;
}
.content-main ul li p {
    margin-bottom: 5px;
}
.content-main ul li::after{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-main);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}