﻿@import url("menu.css");@charset "utf-8";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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
.col-fluid-15 > [class *= 'col-']{padding-left:15px;padding-right:15px}
.col-fluid-10 > [class *= 'col-']{padding-left:10px;padding-right:10px}
.col-fluid-5 > [class *= 'col-']{padding-left:5px;padding-right:5px}
.col-fluid-0 > [class *= 'col-']{padding-left:0;padding-right:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input:focus{outline:none}
select:focus{outline:none}
textarea:focus{outline:none}
table{border-collapse:collapse;border-spacing:0}
body,html,div,blockquote,p,h1,h2,h3,h4,h5,h6,pre,ol,dl,dt,dd,form,a,input,fieldset{margin:0;padding:0;border:none;color:#000000;font-family:'Calibri'}
.page-info img{border:none;padding:0;max-width:100%;}
b{font-family:'Calibri';font-weight:bold;}
span.tienganh{font-family:'TMC-Xuan Phuong';font-size:52px}
#sidebar-wrapper{margin-right:-250px;right:0;width:250px;background:#dc7992;position:fixed;height:100%;overflow-y:auto;z-index:100010;transition:all 0.5s ease-in 0s;-webkit-transition:all 0.5s ease-in 0s;-moz-transition:all 0.5s ease-in 0s;-ms-transition:all 0.5s ease-in 0s;-o-transition:all 0.5s ease-in 0s}
.sidebar-nav{position:absolute;top:50px;width:250px;list-style:none;margin:0;padding:0}
.sidebar-nav li{line-height:45px;text-indent:20px;cursor:pointer}
.sidebar-nav li a{color:#fff;display:block;text-decoration:none}
.sidebar-nav li a:hover{color:yellow;text-decoration:none}
.sidebar-nav li a:active,.sidebar-nav li a:focus{text-decoration:none}
.sidebar-nav > .sidebar-brand{height:55px;line-height:55px;font-size:18px}
.sidebar-nav > .sidebar-brand a{color:#fff}
.sidebar-nav > .sidebar-brand a:hover{color:#a07c3b;background:none}
/*#map{height:100%}
#map img{width:50px}*/
/*div#map{display:block;width:100%;height:600px}*/
body.homepage .fancybox-close{background-image:url(../images/btn-close.png);background-repeat:no-repeat;background-size:75%}
body.homepage .fancybox-close{position:absolute;top:10px;right:0;width:38px;height:38px;cursor:pointer;z-index:8040}
select#txtSystemR,select#txtSizeR{background:transparent;width:100%;padding:5px 0;border:none}
select#txtSizeR,.time-picker.dtp-picker-selector.select-native.unselected-on-init{border:0 solid transparent;border-bottom:1px solid #b4813b}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#000;font-family:'Calibri';font-size:22px; font-weight:bold;}
ul,li,ol,p{list-style:none;margin:0;padding:0;color:#000;font-family:'Calibri';font-weight:bold;font-size:20px;font-weight:normal}
img{border:none;padding:0}
a{color:#000000;font-family:Calibri;font-size:16px;text-decoration:none!important;cursor:pointer;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
#gotop {
    position: fixed;
    z-index: 1;
    right: 60px;
    bottom: 30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(../images/go-top.svg);
    background-size: 100% 100%;
}

@font-face {
    font-family: 'Calibri-Light';
    src: url('fonts/Calibri-Light.eot');
    src: url('fonts/Calibri-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Calibri-Light.woff') format('woff'),url('fonts/Calibri-Light.ttf') format('truetype'),url('fonts/Calibri-Light.svg#Calibri-Light') format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'Calibri-Bold';
    src: url('fonts/Calibri-Bold.woff') format('woff'), url('fonts/Calibri-Bold.ttf') format('truetype'), url('fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CalibriBold';
    src: url('fonts/CalibriBold.eot');
    src: url('fonts/CalibriBold.woff2') format('woff2'), url('fonts/CalibriBold.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Calibri';
    src: url('fonts/Calibri.eot');
    src: url('fonts/Calibri.woff2') format('woff2'), url('fonts/Calibri.woff') format('woff'), url('fonts/Calibri.ttf') format('truetype'), url('fonts/Calibri.svg#Calibri') format('svg'), url('fonts/Calibri.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Calibril';
    src: url('fonts/calibril.eot');
    src: url('fonts/calibril.woff2') format('woff2'), url('fonts/calibril.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}@font-face{font-family:'CormorantGaramond-Regular';src:url('fonts/CormorantGaramond-Regular.eot');src:url('fonts/CormorantGaramond-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-Regular.woff') format('woff'),url('fonts/CormorantGaramond-Regular.ttf') format('truetype'),url('fonts/CormorantGaramond-Regular.svg#CormorantGaramond-Regular') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CormorantGaramond-M';src:url('fonts/CormorantGaramond-M.eot');src:url('fonts/CormorantGaramond-M.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-M.woff') format('woff'),url('fonts/CormorantGaramond-M.ttf') format('truetype'),url('fonts/CormorantGaramond-M.svg#CormorantGaramond-M') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CormorantGaramond-Bold';src:url('fonts/CormorantGaramond-Bold.eot');src:url('fonts/CormorantGaramond-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-Bold.woff') format('woff'),url('fonts/CormorantGaramond-Bold.ttf') format('truetype'),url('fonts/CormorantGaramond-Bold.svg#CormorantGaramond-Bold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CormorantGaramond-BoldItalic';src:url('fonts/CormorantGaramond-BoldItalic.eot');src:url('fonts/CormorantGaramond-BoldItalic.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-BoldItalic.woff') format('woff'),url('fonts/CormorantGaramond-BoldItalic.ttf') format('truetype'),url('fonts/CormorantGaramond-BoldItalic.svg#CormorantGaramond-BoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CormorantGaramond-SemiBold';src:url('fonts/CormorantGaramond-SemiBold.eot');src:url('fonts/CormorantGaramond-SemiBold.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-SemiBold.woff') format('woff'),url('fonts/CormorantGaramond-SemiBold.ttf') format('truetype'),url('fonts/CormorantGaramond-SemiBold.svg#CormorantGaramond-SemiBold') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'CormorantGaramond-SemiBoldItalic';src:url('fonts/CormorantGaramond-SemiBoldItalic.eot');src:url('fonts/CormorantGaramond-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),url('fonts/CormorantGaramond-SemiBoldItalic.woff') format('woff'),url('fonts/CormorantGaramond-SemiBoldItalic.ttf') format('truetype'),url('fonts/CormorantGaramond-SemiBoldItalic.svg#CormorantGaramond-SemiBoldItalic') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'TMC-Xuan Phuong';src:url('fonts/TMC-Xuan Phuong.eot');src:url('fonts/TMC-Xuan Phuong.eot?#iefix') format('embedded-opentype'),url('fonts/TMC-Xuan Phuong.woff') format('woff'),url('fonts/TMC-Xuan Phuong.ttf') format('truetype'),url('fonts/TMC-Xuan Phuong.svg#TMC-Xuan Phuong') format('svg');font-weight:normal;font-style:normal}
.cont_slogan{width:100%;position:absolute;top:50%;text-align:center}
.slogan{font-family:'CormorantGaramond-Bold';font-size:46px;color:#fff;text-transform:uppercase;text-shadow:2px 2px 2px #000000}
.slogan span{display:block}
.w_call{margin-top:100px}

.call_us{font-size:22px;text-transform:uppercase;color:#fff;letter-spacing:3px;padding:10px 20px}
.call_us a,.trang-chu .call_us a{color:#fff;font-weight:normal}
.call_us a:nth-child(2){margin-left:30px;padding:10px 30px}
.reservation a{color:#fff}
.box-3{display:inline-block}
div.bootbox-body{font-size:18px}
.btn{background:#dc7992;margin:0 30px;line-height:45px;height:55px;text-align:center;width:230px;cursor:pointer;display:inline-block;font-size:22px;margin-top:-4px}
.btn:hover{background:rgba(255,255,255,0.5);color:#63441a}
.slide-1 .btn{margin:0 30px 0 0}
.btn-three{color:#FFF;transition:all 0.5s;position:relative;border-radius:0!important}
.w_call span{font-size:16px;font-family:'Calibri'}
.btn-three::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all 0.3s}
.btn-three:hover::before{opacity:0;transform:scale(0.5,0.5)}
.btn-three::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all 0.3s;border:1px solid rgba(255,255,255,0.5);transform:scale(1.2,1.2)}
.btn-three:hover::after{opacity:1;transform:scale(1,1);color:#fff}
.call_us{background:#dc7992;width:230px;height:55px;color:#fff;cursor:pointer;position:relative;perspective:1000px;-webkit-perspective:1000px;-moz-perspective:1000px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:inline-flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-moz-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-moz-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;text-align:center}
.call_hot{position:relative;transition:600ms;color:#fff;font-size:22px;width:230px;text-align:center;margin:auto}
.call_hot:after{content:attr(data-hover);position:absolute;font-size:16px;left:-100%;top:5px;transform:rotateY(90deg);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);-ms-transform:rotateY(90deg);transition:300ms;opacity:0;color:#fff}
.call_hot:hover:after{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);opacity:1;left:0;padding-left:20px}
.call_hot:hover{color:transparent!important}
.list-album{margin-bottom:50px}
.container2{position:relative;margin-bottom:30px}
.image2{display:block;width:100%;height:auto}
.overlay2{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgba(0,0,0,0.6)}
.container2:hover .overlay2{opacity:1}
.text2{color:white;font-size:24px;margin:initial;text-transform:uppercase;position:absolute;font-family:'CalibriBold';top:50%;left:50%;transform:translate(-50%,-50%)}
.clear{clear:both}
.logo{position:absolute;z-index:6969}
.logo a{background:url(../images/logo-fly.png) no-repeat;width:281px;height:124px;display:block;margin-top:30px}
.logo img{margin-top:20px}
.fullpage-nav *{transition:all ease .7s;-webkit-transition:all ease .7s}
.fullpage-nav{position:fixed;z-index:31;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.fullpage-nav ul{list-style-type:none;padding:0;margin:0;margin-right:20px}
.fullpage-nav ul > li a{position:relative;display:block;width:11px;height:11px;background:transparent;margin-bottom:10px;border-radius:50%}
.fullpage-nav ul > li.active a,.fullpage-nav ul > li a:hover{background:#a17d3c}
.fullpage-nav ul > li a:after{position:absolute;content:"";top:0;bottom:0;right:0;left:0;border-radius:50%;border:1px solid #a17d3c}
.bg{background-size:cover}
.fullpage{position:relative;transition:all ease-out .5s;-webkit-transition:all ease-out .5s}
.fullpage .section{width:100%;position:relative;overflow:hidden}
.fullpage .section .bg-info{position:absolute;left:0;right:0;bottom:0;top:0;background-size:cover;background-position:center;background-repeat:no-repeat}
#scroll_box{height:137px;padding:0 10px 0 0;overflow:auto}
#scroll_box ::-webkit-scrollbar{background:#E4DDDF;width:5px;height:11px}
#scroll_box ::-webkit-scrollbar-thumb:hover{background:#393938}
#scroll_box ::-webkit-scrollbar-thumb{background:#63441a;border-radius:10px}
.page-info.page-news.details .title{text-transform:uppercase;margin-top:10px}
.details .img-other{margin-bottom:30px}
div#divPostContent{padding-top:50px;    padding-bottom: 30px;}
div#divPostContent div{font-size:18px;line-height:1.6}
.news-top{margin-bottom:43px}
.news-top:last-child{margin-bottom:0}
.new-content span.date{font-size:20px;font-style:initial}
.short-desc{padding:35px 0}
.short-desc p{font-size:20px;font-family:Calibri;line-height:1.2;padding-bottom:20px}
span.readmore{font-size:14px;color:#000;font-weight:bold;font-style:italic;line-height:1.2}
news-hot{position:relative;width:50%}
.image{display:block;height:auto}
.overlay{position:absolute;bottom:0;left:0;right:0;background-color:rgba(62,49,45,0.7);overflow:hidden;width:50%;height:100%;transition:.5s ease}
.new-content.hot{padding-top:30%}
.new-content.hot h1,.new-content.hot i,.new-content.hot span.date,.new-content.hot .short-desc p,.new-content.hot span.readmore{color:#fff}
.new-content.hot h1{font-size:30px;line-height:1.2;font-family:'Calibri';text-transform:uppercase}
.new-content h1{text-transform:uppercase;font-family:'Calibri';font-weight:bold;padding-bottom:15px;padding-top:2px}
.new-content span.date{font-style:italic;font-family:'CormorantGaramond-SemiBoldItalic'}
.details p{color:#000;padding-bottom:20px}
.details h1{font-size:22px;font-family:'Calibri';font-weight:bold}
.details ul{font-weight:bold;padding-bottom:30px}
.details ul h2{font-weight:bold;padding-bottom:30px}
.details ul li{font-weight:normal;padding-left:30px}
.details .datetime{margin-top:20px;margin-bottom:20px}
.details .datetime p{padding-bottom:0}
.details .datetime span{font-weight:bold}
.details .btn{margin-left:0}
h2.title.other-title{font-size:22px;padding-bottom:30px;font-family:'Calibri'}
footer#footer{background:#000000;text-align:center;z-index:9999999}
#footer img{margin-top:30px;margin-bottom:55px}
.fa.fa-heart{font-size:14px;color:#c0392b}
footer#footer a{color:#dc7992;font-size:16px;font-family:'Calibri'}
footer#footer .address{padding-bottom:85px;border-bottom:1px solid #b4813b}
footer#footer h1{font-family:Calibri;color:#b4813b;font-size:34px;font-weight:bold;padding-top:85px;padding-bottom:60px}
footer#footer p{font-size:18px;color:#dc7992;line-height:2.5;font-family:'Calibri'}
footer#footer p.copy_right{padding:15px;line-height:1.5}
.contact h3{font-size:32px;color:#b4813b;text-transform:uppercase;margin-bottom:70px}
.contact h3:after{content:'';display:block;height:1px;width:65px;background-color:rgba(180,129,59,0.65);margin:15px 0 0}
.contact-info p{font-size:18px;color:#fff;margin-bottom:10px}
.contact .form-contact input,.contact .form-contact textarea{width:100%;margin-bottom:35px;background:none;border-bottom:1px solid #fff;color:#000;font-size:16px;padding:10px 18px 8px 18px;outline:none}
select#txtTimeR,select#txtSizeR{background:transparent;width:100%;padding:8px  0;border:none}
select#txtSizeR,.time-picker.dtp-picker-selector.select-native.unselected-on-init{border:0 solid transparent;border-bottom:1px solid #dc7992}
.w-video iframe{max-width:700px;width:83%;display:block;margin:auto;height:450px}
.tab-menu .collapse{display:none!important}
.tab-menu .collapse.in{display:block!important}
.tab-menu{display:block;margin:auto;text-align:center}
.page-menu .detail{padding-bottom:15px;margin-bottom:30px;border-bottom:1px dashed #c4c4c1}
.page-menu .content-menu h3{font-size: 18px;line-height: 1.3;margin-bottom:10px;font-family:'Calibri';padding-top:15px;font-weight:bold;}
.page-menu #divContent{padding-top:15px}
h3.price{color:#dc7992;float:right}
.page-menu .content-menu h3.price span{font-size:19px}
.page-menu .content-menu span{font-size:18px}
.tab-menu .box-header h2{display:none}
.tab-menu p{margin:0 10px;display:inline-block;font-size:16px;color:#dc7992;font-weight:bold;padding:14px 30px 10px 30px;border:1px solid #dc7992;text-transform:uppercase}
.tab-menu p:hover,.tab-menu a.active p{background:#dc7992;color:#fff;transition:0.4s}
.content-menu{margin:100px 0 50px 0}
.content-menu li{list-style:none;overflow:hidden;padding:5px 0 5px 15px;position:relative;font-size:18px;font-weight:normal}
.content-menu td{font-size:20px}
.content-menu ul{font-weight:bold;padding-bottom:20px}
.content-menu li label{float:left;background:transparent;padding-right:10px;font-size:20px;font-weight:bold}
.content-menu li span{float:right;color:#b4813b;background:transparent;padding-left:10px;font-size:20px;font-weight:bold}
.content-menu .dotted-bg{border-top:dotted 2px #ccc;position:absolute;top:28px;left:15px;width:100%;z-index:1}
.content-menu .glyphicon-chevron-left:before{content:url(../images/btn-prev.png)}
.content-menu .glyphicon-chevron-right:before{content:url(../images/btn-next.png)}
.content-menu .carousel-control.left{margin-top:-45px}
.content-menu .carousel-control.right{margin-top:-45px}
.content-menu .carousel-control{bottom:inherit;left:inherit}
.content-menu .carousel-control.left,.content-menu .carousel-control.right{background:transparent}
h2.menu-title{color:#231f20;text-align:center;font-size:52px;font-family:'Calibri';font-weight:bold}
    h2.menu-title:after {
        content: '';
        width: 74px;
        background: #dc7992 center bottom no-repeat;
        height: 2px;
        display: block;
        margin: auto;
    }
.address-form{background:#b4813b}
.address-form-content{padding:70px 50px;text-align:center}
.aboutus .contact .form-contact input{border-bottom:1px solid #dc7992}
.aboutus .contact .form-contact textarea{border:1px solid #dc7992;margin-top:20px}
.aboutus .contact .form-contact ::-webkit-input-placeholder{color:#000}
.aboutus .contact .form-contact ::-moz-placeholder{color:#000}
.aboutus .contact .form-contact:-ms-input-placeholder{color:#000}
.aboutus .contact .form-contact:-moz-placeholder{color:#000}
.address-form-content h2,.address-form-content p{color:#fff}
.address-form-content h2.aboutus-title{color:#fff;font-size:38px;font-weight:normal}
.address-form-content h2,.address-form-content p{color:#fff}
.thu{margin:80px 0}
.aboutus .t2-t6 p,.aboutus .t7-cn p{line-height:0;font-size:20px}
.aboutus .t2-t6 p.day,.aboutus .t7-cn p.day{font-size:22px;font-family:'Calibri';font-weight:bold}
.slide-3 .row.content,.slide-4 .row.content{margin:auto}
.slide-3 .box-title p{padding-bottom:60px}
.slide-3 .hours{width:50%;position:relative;padding-bottom:30px}
.slide-3 .box-title span{padding-right:30px}
.slide-3 .box-title p.price{padding:15px 0}
.slide-3 a.bt-submit{margin-top:30px;color:#ffb502!important}
.hours .left:after{position:absolute;right:0;top:0;width:1px;background:#acacac;height:100%;content:""}
#scroll_box{height:137px;padding:0 10px 0 0;overflow:auto}
#scroll_box::-webkit-scrollbar{background:#E4DDDF;width:5px;height:11px}
#scroll_box::-webkit-scrollbar-thumb:hover{background:#393938}
#scroll_box::-webkit-scrollbar-thumb{background:#63441a;border-radius:10px}
.box-categorysub{display:inline-block}
.box-categorysub ul{padding-left:0;padding-right:0;line-height:1.8}
.box-categorysub a.button-duan{padding-left:30px;padding-right:30px;font-size:20px;font-family:Calibri;display:inline-block;font-weight:bold;text-align:center;color:#666666}
.box-categorysub a.button-duan.active h1,.box-categorysub a.button-duan.active{color:#dc7992}
.aboutus p{font-family:'Calibri';padding:20px 0;line-height:32px}
p.bold{font-family:'Calibri';font-weight:bold;font-size:24px;padding-bottom:20px}
.title_s,h2.aboutus-title{font-size:42px;color:#63441a;position:relative;text-align:center;font-family:Calibri}
h2.aboutus-title{font-size:52px}
.title_s{font-size:32px;color:#000;    margin-bottom: 5px;} /*CN*/
h2.aboutus-title{display:inline-block;color:#231f20}
.address-form-content h2.aboutus-title:before{display:none}
h2.aboutus-title{display:inline-block;color:#231f20;padding-left:20px;padding-bottom:50px;font-family:'Calibri'; font-weight:bold}
h2.aboutus-title:before{content:'';position:absolute;left:0;top:0;width:3px;height:60px;background:#dc7992}
.title_s:after{content:'';background:url(../images/bg_title.png) center bottom no-repeat;height:28px;display:block}
.slide-2 .title_s{margin-top:50px;margin-bottom:30px}
.t_quote{color:#000;font-size:22px;font-family:'CormorantGaramond-BoldItalic';margin-bottom:30px}
.fa-quote-left{color:#e4d8c3;padding-right:10px;margin-top:-5px;vertical-align:text-top}
.fa-quote-right{color:#e4d8c3;padding-left:10px;margin-top:-5px;vertical-align:text-top}
.cont_sect p{font-family:'CormorantGaramond-M';font-size:22px;color:#000000;margin-bottom:30px}
.trang-chu a.read_more{color:#fff;background:#dc7992;font-size:16px;padding:18px 45px}
.trang-chu .slide-7 a.bt-submit{background:#dc7992}
.trang-chu .slide-4 a.read_more,.trang-chu .slide-6 .box-title.right a{text-transform:uppercase;color:#fff;text-transform:uppercase}
.trang-chu a.read_more:hover,.trang-chu a.bt-submit:hover,a.bt-submit:hover,.page-reservation a.bt-submit:hover{color:#231f20;background:#fff;border:1px solid #231f20;transition:all ease 0.4s}
.trang-chu .slide-7 a:hover{background:#fff;color:#000;border:2px solid #dc7992}
.slide-2 .bg-info,.slide-2 .bg-info{background:#fbf9e9}
.content-slide{padding-bottom:40px}
.img_sl3{background:url(../images/slide-3/bg_machine.png) center top no-repeat;background-size:contain;padding:55px 15px}
.img_sl3 img{margin:auto;max-width:291px}
.machine_about{margin-top:130px;text-align:center;margin-bottom:50px!important}
.right_contus{margin-left:-50px}
.right_contus .title_s{margin-top:30px}
.cont_left_sec4{float:left;max-width:50%;position:relative}
.cont_left_sec4 .title_s{margin-top:30px;margin-left:0}
img.list-logo{margin:20px auto}
.bt-submit,.trang-chu a.bt-submit{font-size:18px;border:none;padding:15px 54px!important;background:#dc7992;color:#fff;font-weight:bold;transition:all ease .4s;-webkit-transition:all ease .4s;display:inline-block;text-decoration:none;width:auto;border-radius:0!important;margin-bottom:30px!important}
a.bt-submit{font-family:Calibri}
.page-reservation a.bt-submit{color:#fff;padding:17px 84px!important}
.aboutus .bt-submit{margin-top:20px;font-weight:normal}
.bt-submit:hover{background:#fff;color:#63441a;border:1px solid #63441a}
i.fa.fa-long-arrow-right{font-size:16px;color:#dc7992}
.box-content{text-align:left;margin-left:260px;float:left;width:calc(41.66666667% - 260px)}
.box-content h3{color:#dc7992;padding:15px 0;font-size:29px}
.box-content h2{color:#000;font-size:45px}
.slide-2 .box-title h3{color:#fff;font-family:'Calibri';font-weight:100}
.trang-chu a{color:#fff;font-weight:bold;font-family:'Calibri'}
.trang-chu .slide-5 a{color:#000}
h2.title-r{position:relative;font-size:50px;font-weight:bold;font-family:'Calibri';margin-bottom:60px}
.slide-1 h2.title-r{color:#000;line-height:1.3;font-size:36px; text-align:center;}
.slide-1 h2.title-r:before{display:none}
.slide-3 h2.title-r{color:#fff;}
h2.title-r:before{width:3px;height:100%;content:"";background:#dc7992;background-size:100% 100%;position:absolute;left:-20px;top:0}
.slide-7 h2.title-r:before{background:#dc7992}
.nguoc-mau h2.title-r:before{background:#fff}
h2.title-r span{display:block}
h2.title-r.nguocmau{color:#000}
#slider-7 h2.title-r.nguocmau{color:#dc7992}
.vertical-align{position:relative}
.cover{background-size:cover;min-height:200px}
.box-title{margin-left:255px;float:left;width:calc(50% - 255px);margin-bottom:50px}
.box-title.right{float:left;margin-left:110px}
.slide-6 .box-title.right{    margin-left: 0px;
    float: left;
    width: calc(50% - 0px);}
.box-title.nguoc-mau h2{color:#fff;text-shadow:2px 2px 12px #000}
.box-title h3{padding:60px 0;color:#dc7992;font-size:32px}
.box-title p{color:#fff;width:100%;padding-bottom:60px;font-size:21px;line-height:35px;font-family:'Calibri'}

.slide-5 .box-title p{color:#000;padding-bottom:30px;}
.slide-5 .box-title p:nth-child(1){color:red}
.slide-6 .vertical-align .inner{width:80%}
ul.list-lydo li.noi-dung{padding:30px 0}
ul.list-lydo li.title{font-size:20px;padding:13px;line-height:1.4}
.slide-6 ul.list-lydo p{font-size:16px;padding-bottom:0;padding-left:40px}
.slide-6 ul.list-lydo p.title{font-family:CalibriBold;padding-left:30px}
.slide-3 .box-title .hours p{padding:8px 0}
.box-title.nguoc-mau{margin-right:303px;margin-left:0;float:right;width:calc(50% - 360px)}
.box-title.nguoc-mau a{color:#fff}
.box-title.nguoc-mau p{color:#fff;padding-top:50px;font-weight:bold}
span.number{font-size:32px;font-weight:bold;color:#feb300}
.vertical-align{position:relative}
.vertical-align .inner{position:absolute;top:20%}
.slide-3 .vertical-align .inner{top:30%}
.vertical-align .inner.text{top:calc(20% + 90px)}
.slide-4 .vertical-align .inner{top:45%}
.w-video{margin-top:0%}
.slide-2 div#lblVideo{position:relative}
.section.slide-2 .content img{width:91%;float:right}
.section img{display:block;margin:auto}
img.btn-play{position:absolute;margin-top:50px}
#frmContact{margin-bottom:50px}
#frmContact .bt-submit{margin-top:0px}
.select-native{margin-bottom:50px}
.contact-info p{color:#fff;line-height:2.2}
.contact-info i{color:#dc7992;font-size:30px}
.info{margin-top:40px;margin-bottom:20px}
#slider-7 #frmContact_2 input,#slider-7 #frmContact_2 textarea{padding:15px;width:100%;color:#fff;font-size:15px;background:transparent;margin-bottom:35px;border-bottom:1px solid #dc7992}
#slider-7 #frmContact_2 textarea{border:1px solid #dc7992;min-height:400px}
#slider-7 #frmContact_2 ::-webkit-input-placeholder{color:#fff}
#slider-7 #frmContact_2 ::-moz-placeholder{color:#fff}
#slider-7 #frmContact_2:-ms-input-placeholder{color:#fff}
#slider-7 #frmContact_2:-moz-placeholder{color:#fff}
#frmContact_2 .captcha-image {
    display: inline-block;
    padding: 18px 0;
}
.captcha-image {
    display: inline-block;
    padding: 10px 0;
}
img.imgCatcha.middle {
    width: 100px;
}
.new-content.hot h1,.new-content.hot i,.new-content.hot span.date,.new-content.hot .short-desc p,.new-content.hot span.readmore{color:#fff}
.details .img-other img{background-size:100% 100%}
.location p{display:inline;font-size:16px;line-height:1.8;font-family:Calibri}
.location .content div{padding:20px 0}
@media screen and (min-width:1680px){
  #scroll_box{height:776px}
  .content-contact{padding:0 75px}
    .slide-1 .box-title {
        width: 100%;
        margin-left: 0;
  }
    .slide-1 h2.title-r{font-size:84px;}
}
@media all and (max-width:1679px){
  .news-hot:hover .overlay{width:96%}
}
@media all and (min-width:1441px){
  .aboutus,.location{margin-top:70px;margin-bottom:70px}
  .page-news{padding-bottom:70px}
  .aboutus.abouus-1{margin-top:75px}
  .slide-3 .box-title.right p{width:60%}
}
@media screen and (min-width:1280px){
  .vertical-align .inner.text{width:100%}
  /*.slide-1 .box-title{width:50%}*/
  .slide-3 .box-title.right p{width:73%}
}
@media (max-width:1440px){
    .page-reservation .aboutus{margin-top:70px;margin-bottom:70px} /*AKiragosho*/
  .slide-6 ul.list-lydo p.title{font-family:CalibriBold;padding-left:30px;line-height:20px}
  ul.list-lydo li.noi-dung{padding:5px 0}
  .slide-3 .box-title.right p{width:100%}
  .cont_left_sec4 .menu_more{margin-top:50px}
  .slide-4 .cont_left_sec4 .title_s{margin-top:30px;margin-left:-60px}
  .details .img-other img{height:auto}
  .content-menu{margin-top:150px}
  #slider-7 #frmContact_2 textarea{min-height:300px}
  #scroll_box{height:583px}
  .page-banner{background-size:cover!important;min-height:336px}
  .w_call{margin-top:50px}
  .news-hot:hover .overlay{width:96%}
  .menu_list li{height:195px}
  .cont_right_sec4 li{height:326px}
  .content-contact{margin-top:118px}
  .section.slide-2 .content img{width:100%;float:right}
  .box-title{margin-left:128px;float:left;width:calc(50% - 128px);margin-bottom:50px}
  .box-title.right{margin-left:80px}
  .slide-1 .box-title{width:100%; margin-left: 0px;}
  footer#footer .address{padding-bottom:30px}
  #footer img{margin-top:30px;margin-bottom:30px}
  .address-form-content{padding:70px 20px}
  .thu{margin:20px 0}
  .slide-7 .box-title.right{margin-left:40px;width:calc(50% - 80px)}
  h2.title-r{position:relative;font-size:45px}
    .slide-1 h2.title-r {
        font-size: 64px;
    }
  .slide-3 .hours{width:100%;padding-bottom:0}
  .vertical-align .inner.text{top:20%}
}
@media all and (min-width:1280px) and (max-width:1440px){
  .slide-6 h2.title-r{margin-bottom:15px}
  .row.formcontact{transform:translateY(80px)}
  .news-top{margin-bottom:13px}
  .page-menu .carousel-inner { margin-top: -45px;}
}
@media screen and (min-width:1025px) and (max-width:1679px){
  body.homepage .container-fluid{width:1170px}
}
@media screen and (max-width:1280px){
  .news-hot:hover .overlay{width:100%}
  .menu_list li{padding:3px 0;height:190px;width:299px}
  .cont_right_sec4 li img{min-height:284px;width:100%}
  .cont_right_sec4 li{float:left;width:48%;height:294px}
  .desc_menu{margin:22px 0 0}
  
}
@media all and (max-width:1024px){
  .box-title p{font-size:20px;padding-bottom:30px}
  .vertical-align .inner.text{top:calc(10% + 100px)}
  .box-title.nguoc-mau h2{color:#fff;text-shadow:none;line-height:1.2}
  body.homepage .container-fluid{margin-right:auto;margin-left:auto;padding-left:45px;padding-right:45px}
  body.homepage .page-menu .container-fluid{margin-right:auto;margin-left:auto;padding-left:0;padding-right:0}
  .slide-2 .box-title,.slide-4 .box-title{margin-left:75px;width:calc(50% - 75px)}
  .slide-3 .vertical-align .inner.text{top:calc(10% + 100px)}
  .slide-5 .box-title{margin-left:40px;width:calc(50% - 80px)}
  #scroll_box{height:475px}
  h2.title-r{font-size:40px}
}
@media screen and (min-width:992px) and (max-width:1199px){
    .page-menu #divContent {
        transform: translateY(-100px); /*CN - Bỏ cho anvien, cafeteera luôn*/
    }
  #main-menu .scroll-responsive{margin-right:40px}
  .text2{font-size:18px;top:50%;left:35%;transform:translate(-25%,-50%)}
  .slide-3 .box-title { margin-left: 128px; width: calc(80% - 128px);}
  .slide-6 h2.title-r{margin-bottom:15px}
  .slide-6 .box-title.right {
    margin-left: 50px;
    float: left;
    width: calc(45% - 0px);
}
  .slide-6 ul.list-lydo p.title,{padding-left:0}
  /*div#map{display:block;width:180%;height:600px}*/
  .row.formcontact{transform:translateY(80px)}
  img.about-hinh1{padding-top:133px}
  #scroll_box{height:467px}
  .new-content.hot h1{font-size:25px}
  .new-content h1{font-size:20px}
  .short-desc p{font-size:18px}
  .news-top .short-desc{padding:15px 0}
  .slide-7 .box-title.right{margin-left:100px;float:left!important;width:90%}
  .menu_list li{width:238px;height:162px}
  .menu_list .blur{width:250px;height:168px}
  .desc_menu{font-size:17px}
  .cont_right_sec4 li h5 span{font-size:25px}
  .cont_right_sec4 li{height:284px}
  .cont_left_sec4 .menu_more{margin-left:auto}
  .menu_list .caption-text{z-index:10;color:#fff;position:absolute;width:250px;height:168px;text-align:center;top:75px}
    .title_s {
        font-size: 25px;
    }
    }
@media screen and (max-width:992px){
    .w-video {
        margin-top: -180px; /*CN*/
    }
  .news-hot:hover .overlay{width:100%}
  .slide-2 .fp-section,.slide-2 .fp-scrollable,.slide-2 .fp-tableCell{height:auto!important}
  /*.slide-3 .fp-section,.slide-3 .fp-scrollable,.slide-3 .fp-tableCell{height:auto!important}*/
  .slide-4 .fp-section,.slide-4 .fp-scrollable,.slide-4 .fp-tableCell{height:auto!important}
  .slide-6 .fp-section,.slide-6 .fp-scrollable,.slide-6 .fp-tableCell{height:auto!important}
  .menu_list{text-align:center}
  #fullpage .section-background,#fullpage .section-bg{min-height:540px;max-width:100%;margin:0 30px 0 30px}
  .vertical-align .inner{position:relative;top:auto;transform:none;margin-top:35px}
  .slide-1 .box-title{margin-left:128px;width:100%}
  .slide-2 .box-title,.slide-3 .box-title,.slide-4 .box-title,.slide-6 .box-title{width:calc(100% - 150px);margin-left:40px}
   .slide-5 .box-title{width:85%;margin-left:50px}
  .slide-6 .box-title{width:100%;margin-left:30px}
  .slide-6 .vertical-align .inner{width:93%;margin-right:30px}
  .w-video{margin-top:-40px}
  .section.slide-2{margin-bottom:0px} /*CN*/
  .section.slide-2 .content img{max-width:100%;float:inherit}
  .box-categorysub ul{text-align:center}
  #slider-7 h2.title-r.nguocmau{margin-top:45px;margin-left:23px}
    .vertical-align .inner.text {
        top: 30px;
    }
  .aboutus .contact .form-contact textarea{min-height:150px}
}
@media all and (min-width:768px){
	
  #navbar_cate.collapse{display:block!important}
}
@media screen and (max-width:768px) {
    ul.list-lydo li.title {
        padding: 13px 0;
    }
    .slide-1 .box-title {
        margin-left: 0px;
        width: 100%
    }

    #scroll_box {
        height: 375px
    }

    .news-hot img.feature-image {
        width: auto
    }

    .cont_left_sec4 {
        max-width: 100%
    }

    li.info_sec4.hvr-sweep-to-right {
        height: 346px
    }

    .slide-1 .box-content {
        margin-left: 45px;
        margin-right: 0;
        width: 77%;
        margin-bottom: 0
    }

        .slide-1 .box-content h2 {
            color: #000;
            font-size: 30px
        }

    h2.title-r {
        font-size: 35px
    }

    .slide-1 h2.title-r {
        padding-bottom: 60px;
        font-size: 45px
    }

    footer#footer h1 {
        padding-top: 35px;
        padding-bottom: 20px
    }

    footer#footer .address {
        padding-bottom: 20px
    }

    #scroll_box {
        height: 335px
    }

    #frmContact {
        margin-top: 50px;
        width: 85%;
        margin-left: 35px;
        margin-right: 35px
    }
   .button-contact {
        text-align: center;
    }
     .content-menu {
        margin: 150px 0 -40px 0;
    }

    .slide-6 .box-title.right {
        margin-left: 0px;
        float: left;
        width: 100%;
    }
    .slide-4 .cont_left_sec4 .title_s {
        margin: auto;
        padding-top: 60px; /*CN*/
        font-size: 30px;
    }
}
@media screen and (max-width:768px) and (min-width:480px){
    .slide-5{margin-top:90px}
    .row.formcontact {
    width: 97%;
}
  .page-menu #divContent{transform:translateY(-100px)}
  .text2{top:50%;left:41%;transform:translate(-34%,-75%);font-size:18px}
}
@media screen and (min-width:769px){
  }
  @media screen and (max-width:767px){
  select#txtSizeR,.time-picker.dtp-picker-selector.select-native.unselected-on-init{margin-bottom:30px}
  .call_hot:hover a{color:#fff}
  .call_us:hover{background:rgba(255,255,255,0.5);color:#63441a;border:1px solid #fff}
  .call_hot:after{content:""}
  call_us:hover a span{color:#63441a}
  .call_us:hover a{color:#63441a!important}
  .tab-menu p{margin:0 10px;display:inline-block;padding:1px 30px 5px 30px;border:0 solid #dc7992;text-transform:capitalize;font-weight:bold}
  .navbar-cate-toggle{display:block;left:0;top:-35px;margin:0;border-radius:0;padding:0;width:32px;height:32px;border:solid 1px #dc7992;color:#dc7992;cursor:pointer}
  button.navbar-toggle div#navbar_cate{padding-top:100px}
  #navbar_cate a.button-duan{display:block}
  #navbar_cate ul{margin-top:20px}
  .tab-menu a p{margin-bottom:10px}
  .tab-menu .box-header h2{display:block;font-size:38px;color:#dc7992;font-weight:bold}
  .tab-menu #navbar_cate p{display:block}
  .content-menu .carousel-control .glyphicon-chevron-left{left:0%;margin-top:0}
  .content-menu .carousel-control .glyphicon-chevron-right{right:0%;margin-top:0}
  .news-top{margin-bottom:0}
  .col-md-6.news-hot{margin-bottom:40px}
  .menu-mobile button,.navbar-default .navbar-collapse,.navbar-default .navbar-form{background:#fff}
}
@media screen and (max-width:640px){
	.slide-1 h2.title-r{color:#dc7992;line-height:1.3;font-size:36px;text-shadow:none}
  .cont_right_sec4 li{height:284px}
  #scroll_box{height:575px}
  li.info_sec4.hvr-sweep-to-right{height:289px}
}
@media screen and (max-width:480px){
	#footer img {
    width: 35%;
}
	.page-menu .text-center {
    margin: 30px 0 0 0;
}
.page-menu .text-center p {
    font-size: 16px;
    line-height: 1.5;
}
	.location .content div {
    padding: 6px 0;
}
.location .content div:last-child {
    padding-bottom: 30px;
}
.page-menu .detail {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
  .contact-info p{font-size:17px}
  .toggle{margin:-20px 5px 0 0}
  .logo a{width:160px;height:112px;background-size:100%}
    header.head_sticky .logo a {
        width: 120px;
        height: 90px;
    }
   
  /*div#map{height:300px}*/
  .w-video iframe{max-width:100%}
  #frmContact .bt-submit{margin-top:0}
  .slide-1 h2.title-r{text-align:center}
  #scroll_box{padding-right:0}
  footer#footer h1{padding-top:35px}
  h2.aboutus-title{font-size:35px;text-align:left}
  h2.menu-title,.tab-menu .box-header h2{font-size:35px}
  .tab-menu .box-header h2{font-size:22px;margin-bottom:7px}
  .aboutus .content p.bold{text-align:left}
  .new-content.hot h1{font-size:16px}
  .new-content h1{margin-top:10px}
  .short-desc{padding:15px 0}
  .new-content.hot .short-desc p{display:none}
  #slider-5.contact h3,#slider-5 .contact-info{padding-left:30px;margin-bottom:30px}
  #slider-5.contact h3{margin-bottom:10px}
  .sec5{left:15px}
  .cont_right_sec4 li h5{font-size:25px;margin-top:10px}
  .cont_right_sec4 li h5 span{font-size:22px}
  .cont_right_sec4 li img{min-height:240px}
  .cont_right_sec4 li,li.info_sec4.hvr-sweep-to-right{height:240px}
  .desc_menu{font-size:15px;margin: 5px 0 0 0;}
  .slide-2 .cont_sect{margin-bottom:30px}
  
.page-menu .content-menu h3 {
    font-size: 17px;
}
.page-menu .content-menu span {
    font-size: 15px;
}
  footer#footer h1{padding-top:20px;padding-bottom:20px}
  footer#footer .address{padding-bottom:20px}
  #frmContact{margin-top:0;width:100%;margin-left:0}
  .slide-5 .box-title{
      margin-bottom:0px;
  }

}
@media screen and (max-width:480px) and (orientation:portrait){
	
  .slide-1 .box-title{margin-left:45px;width:100%}
  .slide-1 .call_us,.slide-1 .w_call .btn{margin-left:-20px;margin:0}
  .slide-2 .box-title,.slide-3 .box-title{width:calc(100% - 80px);margin-left:40px}
  .slide-6 .box-title {
        width: calc(100% - 40px);
        margin-left: 40px;
    }
  .slide-5 .box-title{width:calc(100% - 80px);margin-left:40px}
  .slide-6 .box-title:nth-child(1){width:100%;margin:auto}
  .slide-7 .box-title.right{margin-left:50px;float:left!important;width:100%}
  .page-info.page-news{padding-bottom:0}
  .box-3{display:inline-block;margin-left:0}
  .section.slide-1 .box-3{display:block;margin-left:0;margin-bottom:15px}
  li.info_sec4.hvr-sweep-to-right{height:240px}
  .page-info.page-menu {
    padding-bottom: 0;
}.content-menu {
        margin:80px 0 20px 0
    }
}
@media screen and (max-width:425px){
  .tab-menu{width:85%}
  .aboutus p,div#divPostContent div{font-size:17px}
  .address-form{margin-left:-40px;margin-right:-50px}
  h2.title-r{margin-bottom:44px}
  h2.aboutus-title,p.bold{margin-bottom:15px;padding-bottom:15px}
  h2.aboutus-title:before{height:33px}
  .box-title p{text-align:justify;font-size:18px}
  .slide-1 .box-title{margin-left:0;width:100%}
  .slide-1 .w_call{float:none}
  .slide-1 h2.title-r{font-size:40px}
  .contact h3{font-size:25px}
  .slogan{font-family:'CormorantGaramond-Bold';font-size:30px}
  .page-banner{min-height:450px}
  .menu.page-header .lang{display:none}
  .w_call .btn,.call_us a{font-size:17px}
  .call_us,.w_call .btn{width:170px}
  #slider-7 #frmContact_2 textarea{min-height:200px}
  .new-content h1{font-size:18px}
  .short-desc p{font-size:16px;line-height:1.3}
    .slide-4 .fp-tableCell {
        padding-bottom: 40px !important; /*duy 17/11*/
    }
}
@media screen and (max-width:375px){
  #fullpage .section-background,#fullpage .section-bg{min-height:317px;max-width:100%;margin:0 15px}
  img.btn-play{position:absolute;margin-top:146px;margin-left:50%;transform:translateX(-50%)}
  .slide-1 h2.title-r{font-size:32px;text-align:center}
  .btn-three{margin-bottom:15px}
  .details .btn{margin-left:32px}
  #scroll_box{height:560px}
  .image2{margin-bottom:15px}
  li.info_sec4.hvr-sweep-to-right{height:240px}
  .w_call{margin-top:130px}
  .slide-1 .w_call{margin-top:40%}
  .address_lo{display:inline-flex}
  .menu_list{margin-left:-15px}
  .menu.page-header.top-head-sticky{padding-bottom:9px;margin:0 0 20px}
  .menu.page-header.top-head-sticky .navbar-ex1-collapse{margin-top:50px}
  .menu.page-header.fixed.top-head-sticky.head_sticky .navbar-ex1-collapse{margin-top:0}
  .menu.page-header.top-head-sticky.head_sticky{padding-bottom:9px}
  .cont_slogan{top:33%}
  header.head_sticky .lang{top:-20px}
  .menu.page-header{padding-right:34px;margin-bottom:20px}
  header.head_sticky .lang{top:-20px}
  .slide-7 .box-title.right{margin-left:50px;float:left!important;width:calc(100% - 100px)}
}
@media screen and (max-width:360px){
  .menu_list{margin-left:-25px}
  li.info_sec4.hvr-sweep-to-right{height:240px}
}
@media screen and (max-width:320px){
  .slide-1 .call_us,.slide-1 .w_call .btn{margin-left:1%;margin:10px 1%}
  .call_us.text-center{margin-left:calc(1% + 4px)}
  .menu.page-header img{padding-right:30px;padding-bottom:20px}
}
@-ms-viewport{
  width:device-width}