.ag-banner {
                background-color: #fff;
                background-image: url(../contents_images/files/bg-banner.jpg);
                background-repeat: no-repeat;
                background-size: 100% 83%;
            }
            .nav-tabs .nav-link.active {
                background-color: #fff0;
                background-image: url(../contents_images/files/btn-active.png);
                background-repeat: round;
                border-color:#fff0;
                color: #000 ;
                padding: 0px 0.5vw;
            }
            .nav-tabs .nav-link {
                color: #fff ;
                padding: 0px 0.5vw;
            }
            .tinh-nang-khung {
                background-image: url(../contents_images/files/khung-tinhnang.png);
                background-repeat: round;
               /*# right: -4vw;
                position: relative;*/

            }
            .logo-tieungao{
                position: absolute;
                margin-top: 12vh;
            }
            .dot-news:before {
                content: '';
                display: inline-block;
                width: 0.6rem;
                height: 0.6rem;
                margin-right: 1.1rem;
                background-image: url(../contents_images/files/dot.png);
                background-repeat: round;
            }

            .swiper-button-next,
            .swiper-button-prev {
                opacity: 0;
            }
            .swiper-slide {
                text-align: center;

                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
              }
              .time-news{
                right: 0px;
              
                color: #bd584b;
              }
            .swiper {
                    margin-left: auto;
                    margin-right: auto;
                    position: relative;
                    overflow: unset;
                    overflow-x: clip;
                    list-style: none;
                    padding: 0;
                    z-index: 1;
            }
            .form-control {
                background-color: #212529de;
                border: 1px solid #f8d788;
                color: #f8d788;
            }
            .form-control:focus {
                background-color: #212529de;
               /* border: 1.5px solid #f8d788;*/
                color: #f8d788;
            }

           .form-control::-webkit-input-placeholder {
                color: #f8d788;
                font-family: BARLOW-LIGHT;
                font-size: 1rem;
            }
            .btn-search {
                background-image: url(../contents_images/files/search.png);
                background-repeat: no-repeat;
                background-size: 100% 100%;
                padding-left: 25px;
                right: -6px;
                height: 40px;
                color: #000;
            }
            .input-group-prepend {
              position: absolute;
              right: 6px;
              top: 50%;
              transform: translateY(-50%);
            }
            :root {
                --swiper-theme-color: #bd584b !important;
            }

/*Edit*/
.menu-bar-E0zemC {position: initial;}
body, .ag-banner {
    background-color: #252023;
}
.ag-experiences {
    background-repeat: no-repeat;
    background-size: 100% !important;
}
.logo-tieungao {
    margin-top: 0;
    text-align: center;
}
#video_bg {
        width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/*End Edit*/

/*-------- Custom --------*/
.hidden{display: none !important;}.show{display: block !important;}.grid{display:grid!important;width:100%}.inline{display: inline !important;}.inline_block{display: inline-block !important;}.cur,.cursor{cursor: pointer;}.left{float: left;}.right{float: right;}.clr,.clear{clear: both;}.dmd-phone{left: -60px !important;bottom: 30px !important;}
.w100{width: 100px;}.w120{width: 120px;}.w140{width: 140px;}.w160{width: 160px;}.w180{width: 180px;}.w200{width: 200px;}.w300{width: 300px;}.w400{width: 400px;}.w500{width: 500px;}.wfull{width:100%!important}
.fsize10{font-size: 10px!important;}.fsize12{font-size: 12px!important;}.fsize14{font-size: 14px!important;}.fsize16{font-size: 16px!important;}.fsize18{font-size: 18px!important;}.fsize20{font-size: 20px!important;}.fsize25{font-size: 25px!important;}.fsize30{font-size: 30px!important;}.fsize40{font-size: 40px!important;}.fsize50{font-size: 50px!important;}.fsize60{font-size: 60px!important;}
.padding0{padding:0px !important;}.padding5{padding:5px;}.padding10{padding:10px;}.padding15{padding:15px;}.padding20{padding:20px;}
.paddingleft0{padding-left:0px !important;}.paddingleft5{padding-left:5px !important;}.paddingleft10{padding-left:10px !important;}.paddingleft15{padding-left:15px !important;}.paddingleft20{padding-left:20px !important;}
.paddingright0{padding-right:0px !important;}.paddingright5{padding-right:5px !important;}.paddingright10{padding-right:10px !important;}.paddingright15{padding-right:15px !important;}.paddingright20{padding-right:20px !important;}.paddingright25{padding-right:25px !important;}.paddingright30{padding-right:30px !important;}
.paddingbottom0{padding-bottom:0px !important;}.paddingbottom5{padding-bottom:5px !important;}.paddingbottom10{padding-bottom:10px !important;}.paddingbottom15{padding-bottom:15px !important;}.paddingbottom20{padding-bottom:20px !important;}
.paddingtop0{padding-top:0px !important;}.paddingtop5{padding-top:5px !important;}.paddingtop10{padding-top:10px !important;}.paddingtop15{padding-top:15px !important;}.paddingtop20{padding-top:20px !important;}
.margin0{margin:0px !important;}.margin5{margin:5px;}.margin10{margin:10px;}.margin15{margin:15px;}.margin20{margin:20px;}.margin25{margin:25px;}.margin30{margin:30px;}
.margintop0{margin-top:0px !important;}.margintop5{margin-top:5px !important;}.margintop10{margin-top:10px !important;}.margintop15{margin-top:15px !important;}.margintop20{margin-top:20px !important;}.margintop25{margin-top:25px !important;}.margintop30{margin-top:30px !important;}
.marginleft0{margin-left:0px !important;}.marginleft5{margin-left:5px !important;}.marginleft10{margin-left:10px !important;}.marginleft15{margin-left:15px !important;}.marginleft20{margin-left:20px !important;}.marginleft25{margin-left:25px !important;}.marginleft30{margin-left:30px !important;}
.marginright0{margin-right:0px !important;}.marginright5{margin-right:5px !important;}.marginright10{margin-right:10px !important;}.marginright15{margin-right:15px !important;}.marginright20{margin-right:20px !important;}.marginright25{margin-right:25px !important;}.marginright30{margin-right:30px !important;}
.marginbottom0{margin-bottom:0px !important;}.marginbottom5{margin-bottom:5px !important;}.marginbottom10{margin-bottom:10px !important;}.marginbottom15{margin-bottom:15px !important;}.marginbottom20{margin-bottom:20px !important;}.marginbottom25{margin-bottom:25px !important;}.marginbottom30{margin-bottom:30px !important;}
.marginauto{margin: 0 auto!important}.text_center{text-align:center;}
.rong10{width:10px !important;}.rong12{width:12px !important;}.rong14{width:14px !important;}.rong16{width:16px !important;}.rong18{width:18px !important;}.rong20{width:20px !important;}.rong25{width:25px !important;}.rong30{width:30px !important;}.rong35{width:35px !important;}.rong40{width:40px !important;}.rong45{width:45px !important;}.rong50{width:50px !important;}
.border_none{border: none !important;}.border_red{border:solid 1px #f73409!important}.no_margin{margin: 0 !important;}.text_linethrough{text-decoration: line-through;}
.blue{color: blue !important;}.red{color: red !important;}.cam{color:#F60!important;}.hong{color:#E71D66!important}.trang{color:#fff!important}.den{color:#333!important}.green{color: green!important}.bold{font-weight: bold!important;}
.color1{color: #232323!important;}.color2{color: #ff0000!important;}.color3{color: #262626!important;}.bgcolor1{background: #232323!important;}.bgcolor2{background: #ff0000!important;}.bgcolor3{background: #262626!important;}.bgtrang{background: #fff!important;}.bgcam{background: #F60!important}.bgxam{background: #eee!important;}
.flex_wrap,.flex-wrap{display: flex;flex-wrap: wrap;display: -webkit-flex;-webkit-flex-wrap: wrap;}.menu_mb,.cart_mb{display: none;}.search-empty{text-align: center;font-size: 20px;margin: 30px 0;}.dis_per{text-decoration: none!important;color: #f00!important;}
#sort{margin: 0!important;background: none;padding: 10px 0;padding-top: 0}#sortby{height: 30px;background: #fff;color: #444;font-weight: 500;font-style: italic;padding: 0 5px;}#sort .left p {display: inline-block;margin-right:10px;font-size:15px}
.code{display: block;position: relative;margin-bottom: 10px;}.code span{position:absolute;right:0;top:0;line-height:42px;padding:0 10px;font-weight:700;z-index:2;letter-spacing:1px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;line-height:0;padding-right:10px;padding-top:6px;line-height: 0;padding-right: 10px;padding-top: 6px!important;z-index: 1!important;}.code span img{width: 100%;height: auto;}
.relative{position:relative!important}.absolute{position:absolute!important}img#kytu_mail{display:inline;}.showText p a{color:#d2c18e;display:inline-block;}.showText p a:hover,.showText p u{text-decoration: underline;}#back-top a svg {display: block;padding:0;font-size: 30px;color: #fff;}
.text_trans_ini{text-transform: initial;}.overflow_x{overflow-x:hidden}
@keyframes nhapnhay{0%{opacity:1}50%{opacity:0.2}100%{opacity:1}}
#bridal_images .mousetrap{cursor: zoom-in!important;}
input#ip_sentmail{text-transform: initial;}
.showText iframe { margin-top: 15px; }
.showText p img { max-width: 100%; height: auto;}
.showText h2{ font-size: 25px; line-height: 1.1; margin-bottom: 10px; }
/*Ảnh Content*/
.showText figure {display: inline-block;padding: 10px;box-sizing: border-box;border: 1px solid #eee;margin:20px 0;-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15);box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15);-webkit-transition: all .3s ease;}.showText figcaption {font-size:15px;line-height: 18px;padding-top: 10px;max-width:800px;color:#555}
/*End Ảnh Content*/
/*Video Youtube*/
.showText #video_youtube{margin: 10px 0;padding: 10px;box-sizing: border-box;background: #fff;max-width: 100%;-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15);box-shadow: 1px 1px 4px 0 rgba(0,0,0,.15);-webkit-transition: all .3s ease}
/*End Video Youtube*/
/*Menu C2*/
.menu > li > ul > li:hover {z-index: 3;}.menu > li > ul > li:hover > a {padding: 0 5px;background: rgba(255, 255, 255, 0.2);border-color: transparent;}.menu > li > ul > li:hover > ul {opacity: 1;visibility: visible;transform: none;-webkit-transform: none;-moz-transform: none;}.menu ul ul {position:absolute;top:15px;left: 104%;width:auto;min-width: 140px;margin: 0;padding: 0;padding-top: 0;visibility:hidden;opacity:0;z-index:9999;display: block;transition: all 0.4s ease 0s;-moz-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;-ms-transition: all 0.4s ease 0s;transform-origin: center top 0px;-moz-transform-origin: center top 0px;-webkit-transform-origin: center top 0px;transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);-moz-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);-webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);-webkit-box-shadow:1px 2px 2px 0 rgba(50,50,50,0.4);-moz-box-shadow:1px 2px 2px 0 rgba(50,50,50,0.4);box-shadow:1px 2px 2px 0 rgba(50,50,50,0.4)}.menu ul li:hover ul {visibility:visible;opacity:1}.menu ul li:hover ul li:hover {z-index: 3;}.menu ul li:hover ul li:hover > a {padding: 0 12px 0 12px;background: rgba(255, 255, 255, 0.2);border-color: transparent;}.menu ul li ul:before {content: "";border: solid 7px transparent;border-right-color: #ed3235;width: 0;height: 0;position: absolute;top: 12px;left: -14px;z-index: 2;}.menu ul ul li {position: relative;margin: 0;color: #fff;font-weight: 500;font-size: 14px;padding: 0 15px;background: #ed3235;}.menu ul ul li:first-child {padding-top: 5px;border-radius: 3px 3px 0 0;-webkit-border-radius: 3px 3px 0 0;-moz-border-radius: 3px 3px 0 0;-o-border-radius: 3px 3px 0 0;-ms-border-radius: 3px 3px 0 0;}.menu ul ul li:last-child {padding-bottom: 5px;border-radius: 0 0 3px 3px;-webkit-border-radius: 0 0 3px 3px;-moz-border-radius: 0 0 3px 3px;-o-border-radius: 0 0 3px 3px;-ms-border-radius: 0 0 3px 3px;}.menu ul ul li:last-child > a {border: none;}.menu ul ul li a {display: block;white-space: nowrap;color: inherit;line-height: 32px;background: rgba(255, 255, 255, 0);border-bottom: solid 1px rgba(255, 255, 255, 0.2);padding: 0 24px 0 0;text-decoration: none !important;text-transform: capitalize;font-size: 13px;text-align: left;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
/*Menu C2*/
/*Menu Mobile*/
.menu_mb{right:10px}.menu_mb .dl-trigger{text-align:center;font-size:25px;color:#fff;background:#f60;border-radius:5px;border:1px solid rgba(253,253,253,.45);padding: 4px 10px 5px 10px;
    display: inline-block;
    position: absolute;
    right: 5px;}
.menu_widget{display:none;width:300px;position:fixed;top:0;bottom:0;left:0;z-index:999999;overflow-y:auto;max-height:100%;height:100%;padding:10px;background: #1B2338;}.menu_widget .closewindows{display:block!important;top:0;right:0;line-height:20px;height:24px;width:24px;font-size:18px}#menu_widget ul{margin-left:10px;list-style:none}#menu_widget>ul{margin-left:0}#menu_widget ul ul{display:none}#menu_widget ul li{font-size:18px;line-height:24px;margin:12px 0;padding-bottom:8px;border-bottom:1px solid #ccc}#menu_widget ul li:last-child{margin-bottom:0}#menu_widget>ul ul{margin-top:15px;margin-bottom:-5px}#menu_widget>ul ul li{font-size:17px;margin:6px 0;border-bottom:none}#menu_widget ul li a,#menu_widget .icon_menu{color:#fff;font-weight: 600;}#menu_widget .icon_menu{float:right;width:35px;text-align:right}
/*End Menu Mobile*/
/*Phân trang*/
.phantrang {text-align:center; padding:20px 0;}
.phantrang a {
    font-size: 15px;
    display: inline-table;
    margin: 0 6px 0 0;
    padding: 5px;
    line-height: 22px;
    height: 22px;
    width: 32px;
    table-layout: inherit;
    text-align: center;
    color: #fff;
    background: #909090;
    border: double #ffffff 0px;
    text-decoration: none;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}.phantrang a.stay{ background: #909090;font-size: 16px;line-height: 23px;}
.phantrang a.vuong2{background: #791c1c;}.phantrang a:hover { opacity: .8; }.total_item_page{position: absolute;top: 4%;right: 0px;color: #999;font-size: 15px;}#search .total_item_page{top:110px;}p.require {display: inline-block;color: red;}
/*End Phân trang*/
/*popup*/
.autohide{display: none;}.fullbackground {position: fixed;top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5); z-index: 999999; display:none;}
.closewindows{text-align: center;font-size: 22px;color: #fff;background-color: rgba(0,0,0,0.5);border-radius: 50%;line-height: 25px;height: 30px;width: 30px;position: absolute;z-index: 2;top: -14px;right: -14px;cursor: pointer;border: 1px solid #fff;}
.taoweb_class{width:90% !important;max-width: 600px !important;height:auto;border-radius:5px;border:0px solid #FFF; margin-top: 50px;}
.taoweb_class{position: fixed;top: 10px;bottom: 0;left: 0;right: 0;z-index: 999999;font-family: 'Roboto Condensed', Arial, Helvetica, Tahoma, sans-serif;}
.taoweb_class .vangnhe{width: 60%;}.indeeep {width:100%;}
.box_in_form {border: 1px solid #EEE;padding: 15px;box-sizing: border-box;background: #FFF;border-radius: 5px;}
.taoweb_title {text-align: center;margin-bottom: 15px;color: #363738;font-size: 35px;height: 35px;line-height: 100%;}
.taoweb_input{color:#000;font-size:16px;width:100%;border:1px solid #999;background:#eee;padding:10px; box-sizing: border-box; border-radius:5px;height:30px;}.taoweb_input:focus{border:1px solid #21A5C6;}
.submitbutton_form{display: block;background: #6f6d6d;font-size: 14px;color: #fff;float: left;padding: 0 5px;line-height: 32px;text-transform: capitalize;font-weight: normal;margin-top: 3px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}.submitbutton_form:hover{background: #6f6d6d;}
.img_login {display: none;}
.pop_title {font-size: 19px;padding: 10px 0 10px 0;color: #363738;font-weight: normal;}
.xam {color: #CCC !important;}
a.fb, a.fb:link, a.fb:visited {font-size: 16px;color: #FFF;text-decoration: none;background: #3b5998;padding: 10px;display: inline-block;}
a.gg, a.gg:link, a.gg:visited {font-size: 16px;color: #FFF;text-decoration: none;background: #DF4A32;padding: 10px;display: inline-block;}
a.fb:hover,a.gg:hover {color: #8b9dc3;text-decoration: none;}
#save_info p a:hover{text-decoration: underline;}
input.class_do:focus,textarea.class_do:focus{border:1px solid red!important;box-shadow:0 0 2px red!important;-moz-box-shadow:0 0 2px red!important;-webkit-box-shadow:0 0 2px red!important;outline-color:red!important}
#popup_cookie{max-width: 60% !important;top: 50%;left: 50%;bottom: initial;transform: translate(-50%, -50%);margin-top: 0;}#popup_cookie img{width: 100%; height: auto;}
.taoweb_class{top: 50%;left: 50%;bottom: initial;transform: translate(-50%, -50%);margin-top: 0;}
#popup_product{max-width: 940px !important;top: 52%;}.step_10 .chitiet_sp>li{width: 34%;}.step_10 .chitiet_sp>ul{width: 64%;}
/*End popup*/
/*Search Popup*/
#popup_search .search{position: relative;}
#popup_search .input_search {
    padding: 5px 20px 5px 70px;
    height: 40px;
    width: 100%;
    color: #999;
    background: none;
    border: none;
    font-size: 15px;
    box-sizing: border-box;
}
#popup_search .input_search:focus {
    color: #000;
}
#popup_search .search a {
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 100%;
    box-sizing: border-box;
    text-indent: -10000px;
    background: url(../library/images/icon/search-trang.png) no-repeat center center;
    background-color: #111;
    background-size: 22px;
    border-left: 0px;
    padding: 10px;
    border-radius: 5px 0 0 5px;
}
#popup_search .search a:hover {
    background-color: #ed1b24;
}
/*END Search Popup*/
/*-------- End Custom --------*/

/*-------- Responsive --------*/
@media screen and (max-width: 1220px){
    .logo-tieungao {width: 15vw;}
    .logo-tieungao img {width: 100%}
.ag-banner {
    background-size: 100% auto;
    min-height: initial;
    height: 50vw;
}
.list-social-btn {
    right: 0;
    position: absolute;
    margin-top: 0;
    bottom: 0;
    text-align: right;
}

/*useall*/
.table_scroll{overflow-x: scroll;}.table_scroll table{min-width: 600px;}
.table_scroll th, .table_scroll td, .table_scroll p {font-size: 1.4vw;line-height: 1.4em;}.table_scroll td, .table_scroll p {padding-left: 5px;padding-right: 5px;}
/*End useall*/

}   
@media screen and (max-width: 1024px){
    .frame-125-YOTDIn{display: none;}
  .menu_mb {display: block !important;}
  .menu-bar-E0zemC {
    position: initial;
    padding: 0;
    height: 50px;
}
.menu_mb .dl-trigger {
    top: 5px;
    right: 10px;
    background: no-repeat;
    padding: 0 10px;
}
#menu_widget>ul {
    padding-left: 0;
}
.search_mb {
    display: block !important;
    color: #fff;
    position: absolute;
    top: 0;
    right: 72px;
    font-size: 30px;
}
.container-fluid {padding: 0 10px}
.search_box {display: none;}
.container-fluid .col-md-8 {
        width: 100%;
    margin: auto;
    margin-bottom: 30px;
} 

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


}
@media screen and (max-width: 960px){
  .ag-banner {
    height: 58vw;
}

  
}
@media screen and (max-width: 767px){
    .menu-bar-E0zemC {visibility: initial;background: initial;}
    .ag-banner {
    height: 36vw;
}
.logo-tieungao {
    top: 0 !important;
    left: 0 !important;
}
.ag-experiences {
    margin-top: 20px !important;
}
.box_widget1 .bg-btn {
        display: block;
    height: initial;
    background-image: none;
}
.box_widget1 .list-btn {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.box_widget1 .list-btn a {margin-bottom: 10px}
.banner_silde {
    margin-bottom: 20px;
}
.tinh-nang-khung {
    width: calc(100% - 20px);
    box-sizing: border-box;
    margin: 20px auto;
}
.swiper-slide .title {
    bottom: 0;
    top: 100%;
}
#footer .container{
    padding: 0 10px;
}
#footer .offset-1{
        text-align: center;
    color: #fff;
    width: 100%;
    margin: auto;
}
.title-menu {
    font-size: 16px !important;
}

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

    /*useall*/
    .table_scroll table {width: 100% !important;min-width: 162%;}.table_scroll th, .table_scroll td, .table_scroll p {font-size: 2vw;}
    /*End useall*/

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


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


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


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

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


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


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

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

}
@media screen and (max-width: 298px){
    
}
/*-------- End Responsive --------*/