#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}h3[data-v-4154677c]{margin:40px 0 0}ul[data-v-4154677c]{list-style-type:none;padding:0}li[data-v-4154677c]{display:inline-block;margin:0 10px}a[data-v-4154677c]{color:#42b983}#hero .col-lg-12,.rec-list-city .col-lg-3{position:relative;color:#fff;justify-content:center}#hero .col-lg-12.banner{background:url(/houtel-project/img/banner.f452aede.png);width:100%;height:395px;background-size:cover;border-radius:10px}#hero .col-lg-12.banner .text-banner{width:375px;margin-top:90px;margin-left:53px}#hero form input{width:600px}.rec-list-city .col-lg-3 .img-city{width:100%;height:382px;background-size:cover;border-radius:10px}.rec-list-city .col-lg-3 .text-banner h5{text-align:left;margin-bottom:10px}@media only screen and (max-width:768px){#title-city .all-list{text-align:center;font-weight:600}}@media only screen and (min-width:768px){#title-city .row{position:relative}#title-city .all-list{text-align:right;font-weight:600;position:absolute}}@media only screen and (max-width:768px){#title-hotel .all-list{text-align:center;font-weight:600}}@media only screen and (min-width:768px){#title-hotel .row{position:relative}#title-hotel .all-list{text-align:right;font-weight:600;position:absolute}}@media only screen and (min-width:992px){#search .col-lg-12{transform:translateY(-50%)}#search form input{width:610px;border-radius:10px;height:70px;box-shadow:0 8px 16px rgba(0,0,0,.15)}#search form input[type=search]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7VTdcYMwDBZmAUZwON6TTlAyAdmgI4ROUJigZYN0g3aCZIPyzh1lhE4A/UTlu4aC7ebymO/OF8VI+mT9Ed3gQGD7mCRJ2vf9DmKGo+W65oP7sgPoEgKtdaSUeoKYkx0vQvS1pKDmnAdBcBTnbFjCybZt24AP5LthGF5FPWddtiHfF8Rx/CzOO3a8lAY41ewcR/NLQP7oJGAjpOaTZThfuXIs+h8QIwnmNNU5SxGiKUQ8+BRQdKrRkVK7OZ0pwVqir8gT0D2JmDkJgI1EVpMnfqVF+xBcHWcEaL+Of1G7lDwB3Y2ItZMANXgfL5VKyROwyb0JULA3EffcguSAzMKD2JZOAikYdxCviqONxAya/F1s62DGMJIJNbk9hGFYNU0zpkAW4D39TLtZEYtTb1t2BcQ92VGhMTJZF7Mk1nUtaSggrs2LuNO4GbhenNLJTvpDYiXwxZQEi29lvl1l0DhivGxr5uiGf+EbmmXATwG8I2MAAAAASUVORK5CYII=);background-position:20px 50%;background-repeat:no-repeat;padding:12px 85px}#search form input::-moz-placeholder{color:#cdcdcd}#search form input::placeholder{color:#cdcdcd}}@media only screen and (max-width:992px){#search .col-lg-12{transform:translateY(-50%)}#search form input{width:610px;border-radius:10px;height:70px;box-shadow:0 8px 16px rgba(0,0,0,.15)}#search form input[type=search]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgB7VTdcYMwDBZmAUZwON6TTlAyAdmgI4ROUJigZYN0g3aCZIPyzh1lhE4A/UTlu4aC7ebymO/OF8VI+mT9Ed3gQGD7mCRJ2vf9DmKGo+W65oP7sgPoEgKtdaSUeoKYkx0vQvS1pKDmnAdBcBTnbFjCybZt24AP5LthGF5FPWddtiHfF8Rx/CzOO3a8lAY41ewcR/NLQP7oJGAjpOaTZThfuXIs+h8QIwnmNNU5SxGiKUQ8+BRQdKrRkVK7OZ0pwVqir8gT0D2JmDkJgI1EVpMnfqVF+xBcHWcEaL+Of1G7lDwB3Y2ItZMANXgfL5VKyROwyb0JULA3EffcguSAzMKD2JZOAikYdxCviqONxAya/F1s62DGMJIJNbk9hGFYNU0zpkAW4D39TLtZEYtTb1t2BcQ92VGhMTJZF7Mk1nUtaSggrs2LuNO4GbhenNLJTvpDYiXwxZQEi29lvl1l0DhivGxr5uiGf+EbmmXATwG8I2MAAAAASUVORK5CYII=);background-position:20px 50%;background-repeat:no-repeat;padding:12px 85px}#search form input::-moz-placeholder{color:#cdcdcd}#search form input::placeholder{color:#cdcdcd}}#ListHotel #search .col-lg-12{transform:none}#ListHotel #search form input{box-shadow:none}#ListHotel .title-box{background:#b4dbff;color:#39a0ff;text-align:center;padding:20px;font-weight:600}#ListHotel .title-box p{margin:0}#detail-title .col-lg-6 img{width:100%;border-radius:10px}#detail-title .col-lg-5 .ratings{gap:20px}@media only screen and (max-width:992px){#detail-title .col-lg-5{text-align:center;margin-top:20px}}#payment-title .col-lg-4 img{width:100%;border-radius:10px}#payment-title .col-lg-5 .ratings{gap:20px}@media only screen and (max-width:992px){#payment-title .col-lg-5{text-align:center;margin-top:20px}#payment-title .col-lg-5 .ratings{justify-content:center}#order-details h1{text-align:center}#order-details .payment{flex-direction:column}}#payment-page #detail-title{width:80%}@media only screen and (max-width:992px){#confirm-form h1{text-align:center}#confirm-form .payment{flex-direction:column}}