:root {
    --green:#247b3c;
    --orange:#f7941d;
    --darkgreen:#20562f;
}

.vuilongchon {color:var(--red); font-size:20px; margin-top:0;}
.code {background:var(--orange); border:none; color:White;}

@font-face {
    font-family:'roboto'; 
    src: url(../fonts/Roboto-Regular.ttf) format('truetype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'roboto'; 
    src: url(../fonts/Roboto-Bold.ttf) format('truetype'); 
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family:'roboto_condensed'; 
    src: url(../fonts/RobotoCondensed-Regular.ttf) format('truetype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'roboto_condensed'; 
    src: url(../fonts/RobotoCondensed-Bold.ttf) format('truetype'); 
    font-weight: bold;
    font-style: normal;
}



a[href="http://www.magictoolbox.com/magiczoomplus/"] {display: none !important; opacity: 0}
a[data-zoom-id] img, .mz-thumb img {height: 60px; border:1px solid #ccc !important; border-radius: 3px}
a[data-zoom-id], .mz-thumb {height: 100px; position: relative; display: inline-block; color:black; }

#Zoom-1 {margin-bottom: 10px}
.mz-figure.mz-active .mz-lens {
/*  -webkit-filter:brightness(0%) invert(1) opacity(0.5);  */
   border:1px solid #999; box-shadow: 0 0 5px 5px rgba(0,0,0,.2); filter:grayscale(0) !important;
}

.mz-figure.mz-active .mz-lens img {filter: brightness(0) invert(1) opacity(0.5) grayscale(0) !important;}

.link-caption {height: 90px; position: relative; display: inline-block; color:black;}
.test-caption {position:absolute; left:0; right:0; top:65px; width:100%;  line-height:20px; font-size:12px;text-align: center}

.add-to-cart {display: inline-block; padding:7px 10px; margin:auto; background: var(--orange); color:white; font-weight: bold; font-size: 16px; height: 40px; width: 100px; text-transform: uppercase;}

.btn-book {padding:10px 20px; text-align: center; background: #eee; color:#333; margin-bottom: 20px; border-radius: 20px; }
.btn-book:hover {border-color:var(--orange);}

.xzoom {width:90%; box-shadow: none;}
    .xzoom-cap {font-size:11px; color:#333; margin-top:5px;}
    .xzoom-thumbs {margin-top:20px; text-align: center}
    .xzoom-thumbs a {display:inline-block; width:80px; height: 100px}
    img.xzoom-gallery {width:60px; margin:0;border-radius:3px; height: 60px; object-fit: cover; padding:5px; border:1px solid #ccc;}
    .xzoom-preview, .xzoom-lens {z-index: 999 !important}
    .xzoom-preview img {min-width: 1000px !important; height: auto important}
    .hover {font-size:12px; margin:30px 0;font-weight: bold}

.no_padding {padding:0 !important;}
.width100 {float:left; width:100%;}
.main {position:relative; max-width:1300px; margin:auto; clear:both;}
.main1100 {position: relative; max-width: 1300px; margin:auto; clear: both}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

#banggia thead tr>th:nth-child(3) {width: 100px}
#banggia thead tr>th:nth-child(4) {width: 100px}

.show_success {float: left;
    width: 100%;
    padding: 10px;
    background: green;
    text-align: center;
    font-size: 16px;
    margin: 15px;
    color: green;
    font-weight: bold;}

    .width100 {width:100%;}


.product-box {float:left; width:100%;margin-bottom:20px; background:white }


.product-detail {float:left; width: 100%; line-height: 30px; font-size:20px;}
.product-detail .show_error {color:crimson; font-size:15px !important; line-height: 20px !important; margin-top:5px;}
.product-detail .qty {border:1px solid red;}
.product-detail .old_price {color:#999 !important; text-decoration: line-through; }
.product-detail .price span {font-size: 30px; font-weight: bold; color:var(--orange);}

.product-description {float:left; width: 100%; margin-top:20px;}

.side-bar {
    -webkit-transform: translate(0px, 0);
    -moz-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    -o-transform: translate(0px, 0);
    transform: translate(0px, 0);
    transition: 0.3s all linear;
}


body {;
    font-family: roboto;
    position:relative;
}
a:hover {
    text-decoration: none;
}

a:focus{
    text-decoration: none;
}
.wrapper {
    /*background:linear-gradient(rgba(245,245,245,.8), rgba(245,245,245,.8)), url(../images/bg_top.png) repeat-x, url(../images/bg_bottom.png) repeat-x;*/
    background-position: 0 0, 0 bottom;
    float:left; width:100%;
}

/*-----end Navtigation-----*/


.slide{
    max-width: 1100px; clear:both;
    overflow: hidden; margin:auto;
}

h1, h2, h3 {font-family: roboto_condensed}
.itinerary_item .active {color:var(--orange) !important;}
.itinerary_item:hover .title {color:var(--orange);}
.cskh li.active a {background:var(--orange) !important;}
.itinerary_item .title {color:#333; cursor: pointer}
.itinerary_item .title i {color:var(--orange);}
.expand, .collapse {position: relative; z-index:9; text-align: right; width: 100%; margin-top:-21px; cursor: pointer}
 

#home>.width100:nth-child(odd) {background: #eee}
#home>.width100 {padding:10px 0;}
.heading-page {float:left; width:100%; font-size: 18px; text-transform: uppercase; padding-bottom:0; border-bottom: 1px solid var(--green); margin-bottom:15px; }
.heading-page span {background: var(--green); display:inline-block; padding:10px 15px; color:white;}

.heading-home {float:left; width:100%; font-size: 18px; text-transform: uppercase; padding-bottom:0; border-bottom: 1px solid var(--green); margin-bottom:15px; }
.heading-home span {background: var(--green); display:inline-block; padding:10px 15px; color:white;}
.heading-home2 {float:left; width:100%; padding:0 10px; font-family: kieu; font-size: 50px;  margin-bottom:20px; margin-top:20px;}

.heading-contact {float:left; width: 100%; padding:10px 0; text-transform: uppercase; font-size:25px; border-bottom:2px solid var(--orange); font-weight: bold;}

.module-heading {float:left; width:100%; padding:10px; background:var(--orange); color:white; text-align: center; border-radius: 10px; font-weight: bold; font-size:18px;}


.category {float:left; width: 100%; padding:0;}
.category li {float:left;width: 100%; list-style: none}
.category li a {display: inline-block; width: 100%; float:left;padding:10px; color:black; background:#eee;}
.category .sub a {padding-left:20px; background: white; border:1px solid #eee;}

.category .active, .category li a:hover {color:var(--orange);}


.productcat {float:left; width:100%; margin-bottom: 20px; border-radius: 30px; height:0;padding-bottom:140%; overflow: hidden; position: relative}
.productcat:hover {background-position:0 0, 0 0; }
.productcat:hover img {transform: scale(1.1,1.1); transition: all .5s;}
.productcat img {width: 100%; transition: all .5s}

.product {float:left; width:100%; position:relative; padding-bottom: 10px; margin-bottom:15px; background: white; border-top-left-radius: 40px; border-top-right-radius: 40px}
.product .img {float: left; width:100%; border-radius: 40px; position: relative; height: 0; padding-bottom:75%; overflow: hidden}
.product .img img {position: absolute;left:0; top:0; right: 0; bottom: 0; width:100%; height: 100%; object-fit: contain; transition: all .5s}
.product .info {float:left; text-transform: uppercase; height:130px; width:100%; text-align:center; padding: 10px 5px;  position: relative; transition: all .5s}
.product a {color:black;}
.product .info .no {float:left; width:100%; font-size:14px; height: 20px; color:var(--red); font-weight: bold}
.product .info .title {float:left; width:100%; font-size:13px; text-transform: uppercase; line-height:20px; height: 40px; overflow:hidden; font-weight:bold; margin: 0;}
.product .info .price {float:left; width:100%; font-size: 18px; text-align:right;font-weight:bold; text-transform: uppercase}
.product .info .old_price {float: left; width: 100%; color:#999; text-decoration: line-through;}


.product .new {display: inline-block; z-index: 2; position: absolute;left:15px; top:10px; border-radius: 10px; padding:5px; background: var(--green); color:white;  font-size:11px; }
.product .sale {display: inline-block; z-index: 2; position: absolute; right: 15px; top:10px; border-radius: 10px; padding:5px; background: var(--green); color:white;  font-size:11px; }
.product:hover .img img {transform: scale(1.1,1.1); transition: all .5s;}
.product .button {float:left; width:90%;  border-radius: 10px;margin-left:5%; padding:10px; text-align: center; font-weight: bold; text-transform: uppercase; color:white; background:var(--green); font-size: 15px; margin-top:10px;}

.product:hover .button {background: var(--orange); transition: all .5s;}

#breadcrumbs {float:left; width:100%;   padding:5px 10px; }
.breadcrumb{float:left; width:100%;background:transparent !important; margin:0; padding:0; }
.breadcrumb>li{ color: #666; font-weight:500}
.breadcrumb>li>a{ color: #333; padding:15px 0;}
.breadcrumb>li>a:hover{text-decoration: none}
.breadcrumb>li:last-child>a {color:var(--red);}

/*---------------- box mod----------------- */

.lienhe_btn {float:left; height: 45px; margin-bottom:30px;text-transform: uppercase; font-size:25px; color:white; border-radius: 10px; overflow: hidden}
.lienhe_btn .left {float:left;width:45px; height: 45px; text-align: center; background: #ec1b22; padding:6px 15px;}
.lienhe_btn .right {float:left;width:150px; height: 50px;background:#fe6d73; padding:6px 15px;}

/*---------------- contact-------------------- */
h2.title_c{
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #5f2d00;
    font-size: 20px;
    margin: 20px 0;
    letter-spacing: 1px;
}
.error{color:#c42025 }
.form-control{border-radius: 0px}
.contact{padding: 20px}
.contact .map{margin-bottom: 10px;   margin-top: 10px;}
.contact .info_left>ul>li>i{padding-right: 20px;}
.contact .info_left>ul>li{padding: 5px 0 5px 30px;line-height: 25px;}
.contact .info_left>ul>li>span{  color: #25ab4b;  font-weight: 600;  font-size: 15px}
.btn_send{  background-color: var(--orange);   color: #fff;  font-size: 18px; padding: 10px 20px}
.btn_send:hover { background: white; border-color:var(--orange); color:var(--orange); }
.contact .info_left h1{color: #666 ; font-size: 20px; font-weight: 600; margin-bottom: 20px}
#map-canvas{height: 400px}

.lSSlideOuter {
    border: #e0e0e0 solid 1px;
}
.lSGallery{padding-bottom: 5px;}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px !important;
    opacity: 0.5;
}

li.lslide img{width: 100%}

.feedback{margin-bottom: 30px;}
.feedback ul>li{text-align: center}
.feedback ul>li>img{width: 100%; border-radius: 50%; padding-bottom: 15px;}
.feedback ul>li>h2{color: #578a56; font-size: 18px; padding-bottom: 5px}
 

.botom_foot{
    background: #431e85;
    text-align: center;
    margin-top: 20px;
    padding: 10px;
}

.pages {
    float: left;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
    font-size: 16px;
}


.modi h3.title{
    color: black;
    font-weight: bold;
    font-size: 20px;
    float:left; width: 100%; padding-bottom: 10px; border-bottom: 2px solid var(--green);
    margin-bottom: 10px;
}

.modi{
    margin-bottom: 30px;
}


.ci-email, .ci-hotline {
    overflow: hidden;
    margin-top: 30px;
    padding-bottom: 28px;
    border-bottom: 1px solid #ebebeb;
}

.ci-icon {
    width: 33px;
    float: left;
    font-size: 24px;
    color: var(--orange);
}
.ci-address {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px solid #ebebeb;
}

.ci-content h3 {
    margin: 0;
    padding: 10px 0 0 0;
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #242c42;
}

.ci-hotline .ci-content p, .ci-email .ci-content p {
    padding-top: 17px;
}
.ci-content p {
    font-size: 16px;
    color: #878787;
}

.style-form-group {
    margin-bottom: 15px;
}
.style-form-group label {
    display: block;
    width: 100%;
    padding: 0 0 5px 0;
    font-size: 16px;
    font-weight: normal;
    color: #898989;
}
.style-form-text {
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
    outline: none;
    border: 1px solid #ebebeb;
}
.style-form-textarea {
    width: 100%;
    padding: 15px;
    line-height: 40px;
    outline: none;
    border: 1px solid #ebebeb;
}

.style-form-submit {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    background-color: var(--orange);
    border: none;
    outline: none;
    cursor: pointer;
}

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


/*------------------------  slide khach hang ----------------------------------------------*/

.news {float:left; width:100%; position: relative; margin-bottom:20px; transition: all .5s}

.news:hover {transform:scale(1.05,1.05); transition: all .5s}
.news .img {position: relative;  width:100%; height: 0; padding-bottom:57.5%; overflow: hidden}
.news .img img {width:100%;  object-fit: cover; position: absolute; left:0; top:0; height: 100%}
.news .title {float:left; width:100%; font-size:16px;  line-height: 25px; height: 50px; overflow:hidden; font-weight: bold; margin: 0 0 10px 0;color:black;}
.news .date {float:left; width:100%; font-size:14px; color:#999; display: none}
.news .date i {color:var(--orange); width:20px;}
.news .info {float:left; width: 100%; padding:15px; background:#eee;}
.news .des {float:left; width:100%;font-weight:200;color:black; line-height: 20px; color:#666; height: 60px; overflow: hidden}
.news .readmore {float:left; display: none; padding:10px; text-decoration: underline; background:var(--green); margin-top:20px;color:white; text-decoration: none; }
 .news:hover .title {color:var(--green);}

/*---News---*/
.news2 {position:relative;  width:100%; float:left; height: 90px; padding-left:110px; margin-bottom: 15px; overflow: hidden}
.news2 .img {position:absolute; left:0; top:0;width:100px; height:90px; overflow: hidden;}
.news2 .img img {width:100px; position: absolute; left:0; top:0; height:90px; object-fit: cover;}

.news2 .info {padding:0 10px; float:left; width:100%;}
.news2 .title {color: black; font-weight:bold; font-size:16px; line-height:20px; float:left; width:100%; overflow:hidden;
margin-bottom:10px;  height: 40px;}

.news2 .des {color:#666; line-height: 20px;height: 40px; float:left;  overflow: hidden}
.news2 .readmore {float:left; text-align:right; height:40px; width:100%}
.news2 a {color:black;}

.news2:hover .title {color:var(--green);}
.news3 {float:left; width: 100%;}
.news3 .title {float:left; width: 100%; height: 40px; line-height: 20px; color:black; font-size: 15px; overflow:hidden;}
.news3 .title i {width: 10px}

.news3:hover .title {color:var(--green);}

.news2_big {padding-left:50%; height: 250px}
.news2_big .img {width: 49%; height: 250px}
.news2_big .img img {width: 100%; height: 250px}

.news2_big .title {font-size: 25px; line-height: 35px; height: auto;}
.news2_big .des {height: 125px; font-size: 15px; line-height: 25px}

@media screen and (min-width: 400px) {
    
    #hoatdong .news2:first-child {padding-left:250px !important; height: 150px}
    #hoatdong .news2:first-child  .img {width: 240px; height: 150px}
    #hoatdong .news2:first-child  .img img {width: 100%; height: 100%}
    #hoatdong .news2:first-child .des {height: 80px}

}



@media screen and (min-width: 1199px) {
    .col-lg-20{width: 20%; float: left}
    .width16 {width: 16.6%; float:left;}
}


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

@media screen and (max-width: 1024px) {
    .news_items:nth-child(5){display: none}
}

@media screen and (max-width: 992px) {
  
    i.btn_show:hover{transition: all 0.5s ease}

    .new_txt{
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

}

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

@media screen and (max-width: 530px) {
    
    .col-xs1-12{width: 100% !important}
    .product_detail{padding: 20px 5px;}
 
    .news2_big {padding-left:0; height: auto}
    .news2_big .img {width: 100%; height: 0;padding-bottom: 50%; position: relative}
    .news2_big .info {padding:15px; background: #eee}
    .news2_big .title {font-size: 16px; line-height: 25px}
}

@media screen and (max-width: 450px) {

    .col-xs-6{
        width: 100% !important;
    }

    #lienminh {width: 50% !important}
    .hot_line_menu{font-size: 12px;}

    .hot_line_box .mobile, .hot_line_box .email {margin-left: 0px; float: none}
    .hot_line_box .add {
        margin: 5px 0 0 10px;
    }
}



.sort-pro {float:right; margin-top:10px; border:1px solid #ddd; background:white; padding:5px}

.comment {float:left; width:100%; padding:10px;}

.dichvu {float:left; width:100%; position:relative; margin-bottom:30px;}
.dichvu .img {float:left; width:100%; height:0; padding-bottom:100%; position:relative; border-radius:50%; overflow: hidden;}
.dichvu .img img {position:absolute; left:0; top:0; width:100%; padding:20px; height:100%; object-fit: cover}
.dichvu .info {float:left; width: 100%; padding:10px; background:#eee; text-align: center}
.dichvu .info .title {float:left; width:100%; padding:10px; background:#f87078; color:white; margin-top:-25px; margin-bottom:20px; border-top-left-radius: 30px; border-bottom-right-radius: 30px; font-weight: bold; font-size:20px; font-weight:bold; text-transform:uppercase;font-weight: 20px; }
.dichvu .info p {height: 150px; overflow: hidden; float:left;}

.more {height:auto !important; transition:height .5s;}
.banggia_ctn {transition:all .5s;float:left; width:100%; padding:40px 20px; background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url('../images/banggia.jpg'); background-attachment: fixed; background-size: cover}
.banggia_ctn .banggia {transition:height .5s;position:relative;  background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),url('../images/banggia1.jpg'); background-size: cover; width:100%; box-shadow: 2px 2px 10px rgba(0,0,0,.2); padding:0 10px; height: 460px; overflow: hidden}
.banggia_ctn .banggia .title {float:left;width:100%; text-align:center; font-family: kieu; font-size: 40px; }

.banggia_ctn table * { font-size:13px !important;}

.banggia_ctn .xemthem {width:150px; margin:auto;height: 70px; font-size: 30px; padding:8px; font-weight: bold; margin-top:20px; color:white; text-align: center;cursor:pointer;}
.banggia_ctn .xemthem p {font-size: 12px }

.news_small {float:left; width:100%; margin-bottom:30px}
.news_small .img {float:left; overflow:hidden; width:35%; height:0;padding-bottom:35%; position:relative; border:1px solid #eee}
.news_small .img img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover}
.news_small .info {float:left; padding-left:10px; width:65%; height:0; padding-bottom:30%;}
.news_small h3 {font-size:15px; margin-bottom: 10px; line-height:20px; height:40px; overflow:hidden;font-weight: bold}
.news_small a {color:#333}
.news_small .des {color:#666; font-size: 13px; color:#666; line-height: 17px; height: 51px; overflow: hidden; float:left; width:100%; }

.owl-item {float:left}
.owl-nav {position:absolute; top:20px; right:20px}
.owl-prev {border-right:1px solid #eee !important}
.owl-prev, .owl-next {border:none; background:transparent; font-size:17px}


.album_ctn {float:left; width:100%; }
.album1 {float:left; width:100%; height: 0; padding-bottom:60%; position:relative; overflow: hidden}

.album1 * {position: absolute; left:0; top:0; width:100%; height: 100%; object-fit: cover}


.owl-loaded .disabled {display: none}



.hoivien {float:left; width: 100%; height: 0; padding-bottom: 100%; position: relative; background: white; border:1px solid #ccc; margin-bottom: 20px }
.hoivien img {position:absolute; left:5%; top:5%; right:5%; bottom:5%; margin:auto;width: 90%; max-height: 90%; text-align: center; }

.lienminh {float:left; width: 100%; height: 0; padding-bottom: 140%; position: relative;transition: all .5s;  margin-bottom: 20px }
.lienminh img {position:absolute; left:0; top:0; margin:auto;width: 100%; max-height: 100%; text-align: center; }

.lienminh:hover {transform: scale(1.05,1.05); transition: all .5s}


.video {padding-bottom:78.5% !important;}
.video .title {font-size:20px !important; line-height: 30px !important; height: 60px !important}
.video .date {font-size:12px !important;}
.video .playbutton {position: absolute;top: 40%;left: 43%;padding:10px; width:60px; height:60px; border-radius:50%;background: #d82519; text-align:center;color:white; font-size: 30px; z-index: 99999}
.video:hover .playbutton {background: white; color:#d82519;}
.owl-dots {display: none}

.video1 {float:left; width:100%; position: relative; margin-bottom:20px; transition: all .5s}
.video1 .img {float:left; width:100%; height: 0; padding-bottom:60%; position:relative;overflow: hidden}
.video1 .img img {position:absolute;width:100%; height: 100%; object-fit: cover; left:0; top:0;}
.video1 .info {float:left; position: relative; width:100%; }
.video1 .info .label {float:left; width:100%; color:#d82519; font-size: 10px; text-transform: uppercase}
.video1 .info .title {float:left; width: 100%; margin:15px 0 0 0 ; color:var(--green); text-align: center; font-weight: bold; font-size:16px; line-height: 20px; height: 40px; overflow: hidden;}
.video1 .info .date {float: left; width:100%; font-size:12px; color:#666;}
.video1 .info .date i {padding-right: 5px;}
.video1 .info .date i:last-child, .box1 .date i:nth-child(2) {margin-left:20px;}
.video1 a {color:black;}
.video1 .playbutton {position: absolute;top: 40%;left: 45%; width:25px; line-height: 8px; height:25px; border-radius:50%;border:3px solid white; text-align:center;color:white; font-size: 20px; z-index: 9}
.video1:hover .playbutton {border:3px solid #d82519; color:#d82519;}

.video1:hover {transform: scale(1.05, 1.05); transition: all .5s}
.embed-youtube {position: relative; float:left; width:100%; margin-bottom:20px;
    display: block;
    height: 0;
    overflow: hidden; padding-bottom:56.25%;} 
.embed-youtube-item {    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;}

 
.box1 {float:left; width:100%; height: 0; padding-bottom:64%; position: relative; overflow: hidden;margin-bottom: 15px; box-shadow:0 0 5px rgba(0,0,0,.1);}
.box1 img {width:100%; height: 100%; object-fit: cover; position: absolute;left:0; top:0; bottom:0; right: 0; z-index: 1}
.box1 .info {position: absolute; bottom:0; left:0; width: 100%; right: 0; padding:15px;z-index: 3}
.box1 .overlay {position: absolute;top:0; bottom:0; right: 0; left: 0; z-index: 2; background: linear-gradient(to bottom, rgba(0,0,0,.5),rgba(0,0,0,0),rgba(0,0,0,1))}
.box1 a {color:white;}
.box1 a:hover {color:white;}
.box1 .info .title {float:left; width:100%; font-size:20px; margin:0; font-weight:bold;line-height: 30px; height: 60px; overflow: hidden}
.box1 .date {float:left; width:100%;font-size:16px; color:white;}
.box1 .date i {padding-right: 5px;}
.box1 .date i:last-child, .box1 .date i:nth-child(2) {margin-left:20px;}


#news1 {position: relative}
#news1 .owl-nav {top:10px;}
#news1 .owl-nav button i {color:white !important;}
.owl-nav {position:absolute; top:-60px; right:0}
.owl-nav button i {color:black !important; background:transparent !important;margin:0 !important;opacity:1 !important; border-radius:0 !important; padding:0 10px !important}
.owl-prev i {border-right:1px solid #ccc;}


.box-detail img {max-width:100% !important; height: auto !important}
.box-detail .des {color:#666; margin-bottom: 20px}
.box-detail .des i {padding-right:5px; }
.box-detail .des i:nth-child(2), .box-detail .des i:last-child {padding-left:20px}

.box-contact {margin-bottom:30px;}
 
.box-contact .title {float:left; width:100%; font-size:14px; margin:0 0 15px 0; text-transform: uppercase}
.box-contact .box-info {font-size:14px; line-height: 30px}
.box-contact .box-info i {color:#1974D2; line-height: 30px; padding-right: 10px}

.box-contact .box-form {float:left; width:100%; margin-top:20px;}
.box-contact .box-form .heading-home {background:;}
.box-form input[type=text], .box-form textarea {background:#f5f5f5; box-shadow:0 1px 0 #ddd; border:none; font-weight: bold; padding:10px; border-radius: 0; color:black;}


.fulltext {float:left; width: 100%;}
.fulltext img {max-width: 100% !important; height: auto !important}
.fulltext iframe {max-width: 100% !important}

.fulltext * {font-family: roboto !important}

.dangky {display: inline-block; padding:10px 15px; text-transform: uppercase; font-weight: bold; background: var(--green); color:white; margin-top:20px; text-decoration: none}
.dangky i {width: 20px}
.dangky:hover {background: var(--orange)}



.itinerary_item {float:left; width:100%;  border-left:2px dashed #ccc;}
.itinerary_item .title {float:left;  width:100%; font-weight: bold; border-bottom:1px dashed #ccc;  padding:10px; color:var(--lightorange); background:white;}
.itinerary_item .title i {margin-right: 20px; margin-left:-16px; color:var(--red);}

.itinerary_item .fa-chevron-right, .itinerary_item .fa-chevron-down {margin-left:0 !important; margin-right: 0 !important} 
.itinerary_item .content {float:left; width:100%; padding:10px;}

.itinerary_item .title .collapse {float:right; display: block}
.itinerary_item .title .expand {float:right; display: none}


.lienminh_menu {float:left;  border-left:1px dashed #ccc; margin-left:10px;}
.lienminh_menu .title {float:left;  width:100%; font-weight: bold; border-bottom:1px dashed #ccc;  padding:10px; color:var(--lightorange); background:white;}
.lienminh_menu .title i {margin-right: 10px; margin-left:-14px; color:var(--orange); font-size: 8px}

.lienminh_menu .fa-chevron-right, .itinerary_item .fa-chevron-down {margin-left:0 !important; margin-right: 0 !important} 
.lienminh_menu .content {float:left; width:100%; padding:10px;}

.lienminh_menu .title .collapse {float:right; display: block}
.lienminh_menu .title .expand {float:right; display: none}
.lienminh_menu a {color:black;}
.lienminh_menu a:hover {color:var(--orange);}