.simple-social-icons svg[class^="social-"],
.simple-social-icons svg[class*=" social-"] {
display: inline-block;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.simple-social-icons {
overflow: hidden;
}
.simple-social-icons ul {
margin: 0;
padding: 0;
}
.simple-social-icons ul li {
background: none !important;
border: none !important;
float: left;
list-style-type: none !important;
margin: 0 6px 12px !important;
padding: 0 !important;
}
.simple-social-icons ul li a {
border: none !important;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
font-style: normal !important;
font-variant: normal !important;
font-weight: normal !important;
height: 1em;
line-height: 1em;
text-align: center;
text-decoration: none !important;
text-transform: none !important;
width: 1em;
}
.simple-social-icons ul.aligncenter {
text-align: center;
}
.simple-social-icons ul.aligncenter li {
display: inline-block;
float: none;
}
.simple-social-icons .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing {
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAO0lEQVQ4y2NgGHbgPxTjY+PWDAP42PgM+k8IwNRQZAg+A/5TYsB/UgBFBtDM/0QZQkxawGsI3QygLwAAbjZlqS88cqkAAAAASUVORK5CYII=) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x : 50%;
-webkit-perspective-origin-y : 50%;
-moz-perspective : 1200px;
-moz-perspective-origin-x : 50%;
-moz-perspective-origin-y : 50%;
perspective : 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {opacity: 1}
}
@-moz-keyframes empty {
0% {opacity: 1}
}
@keyframes empty {
0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
25% { opacity: .5; -webkit-transform: translateZ(-500px); }
75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
25% { opacity: .5; -moz-transform: translateZ(-500px); }
75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
25% { opacity: .5; transform: translateZ(-500px); }
75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -webkit-transform: translateZ(-500px); }
100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; -moz-transform: translateZ(-500px); }
100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
75% { opacity: .5; transform: translateZ(-500px); }
100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
from { transform: translateY(-100%); }
}
@-webkit-keyframes scaleUpFrom {
from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
from { opacity: 0; transform: scale(1.5); }
}
@-webkit-keyframes scaleUpTo {
to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
to { opacity: 0; transform: scale(1.5); }
}.apb-layout::after {
content: '';
display: table;
clear: both; } .awebooking *,
.awebooking *:after,
.awebooking *:before,
.awebooking-widget *,
.awebooking-widget *:after,
.awebooking-widget *:before {
box-sizing: border-box; } .apb-container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px; }
.apb-container::after {
content: '';
display: table;
clear: both; }
@media (min-width: 768px) {
.apb-container {
width: 750px; } }
@media (min-width: 992px) {
.apb-container {
width: 970px; } }
@media (min-width: 1200px) {
.apb-container {
width: 1170px; } } .apb-layout {
margin-left: -15px;
margin-right: -15px; }
.apb-widget-area,
.apb-content-area {
width: 100%;
min-height: 1px;
float: left;
position: relative;
padding-left: 15px;
padding-right: 15px; }
.apb-total-price-wrapper {
margin: 10px 0; }
@media (min-width: 992px) and (max-width: 1199px) {
.apb-widget-area {
width: 33.33333333%; }
.apb-content-area {
width: 66.66666667%; }
.apb-sidebar-left .apb-widget-area {
right: 66.66666667%; }
.apb-sidebar-left .apb-content-area {
left: 33.33333333%; } }
@media (min-width: 1200px) {
.apb-widget-area {
width: 25%; }
.apb-content-area {
width: 75%; }
.apb-sidebar-left .apb-widget-area {
right: 75%; }
.apb-sidebar-left .apb-content-area {
left: 25%; }
.apb-content-area .apb-content {
display: block; } } .awebooking-widget select,
.awebooking-widget input[type="text"],
.awebooking-widget input[type="email"],
.awebooking-wrapper select,
.awebooking-wrapper input[type="text"],
.awebooking-wrapper input[type="email"],
.apb-widget-area select,
.apb-widget-area input[type="text"],
.apb-widget-area input[type="email"] {
width: 100%; }
.awebooking-widget button,
.awebooking-widget input[type="button"],
.awebooking-widget input[type="submit"],
.awebooking-wrapper button,
.awebooking-wrapper input[type="button"],
.awebooking-wrapper input[type="submit"],
.apb-widget-area button,
.apb-widget-area input[type="button"],
.apb-widget-area input[type="submit"] {
width: 100%; } .apb-field {
margin-top: 0;
margin-bottom: 15px; } .apb-calendar .ui-datepicker-inline {
width: 100% !important; } #awe-plugin-booking {
margin: 30px 0; }
.apb-checkout-page .apb-widget-area {
right: 0;
width: 100%; }
.apb-checkout-page .apb-content-area {
left: 0;
width: 100%; } .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.in {
opacity: 1; }
.tab-content > .tab-pane {
display: block;
overflow-y: hidden;
height: 0; }
.tab-content > .active {
height: auto; } .collapse {
display: none; }
.collapse.in {
display: block; }
tr.collapse.in {
display: table-row; }
tbody.collapse.in {
display: table-row-group; }
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; } .apb-modal-open {
overflow: hidden; }
.apb-modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
background-color: rgba(255, 255, 255, 0.35); }
.apb-modal .apb-modal-dialog {
-webkit-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
.apb-modal.in .apb-modal-dialog {
-webkit-transform: translate(0, 0);
transform: translate(0, 0); }
.apb-modal-open .apb-modal {
overflow-x: hidden;
overflow-y: auto; }
.apb-modal-dialog {
position: relative;
width: auto;
margin: 15px; }
.apb-modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #eee;
background-clip: padding-box;
outline: 0; }
.apb-modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px;
position: relative; }
.apb-modal-header .close {
margin-top: -2px; }
.apb-modal-title {
margin: 0;
line-height: 1.42857143; }
.apb-modal-body {
position: relative;
padding: 15px; }
.apb-modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5; }
@media (min-width: 601px) {
.apb-modal-dialog {
margin: 50px 30px; } }
@media (min-width: 783px) {
.apb-modal-dialog {
width: 600px;
margin: 120px auto 30px; }
.apb-modal-content {
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.15); } }
.abp-close-modal {
color: #999;
width: 24px;
height: 24px;
display: inline-block;
position: absolute;
right: 12px;
top: 12px;
text-align: center;
line-height: 24px;
font-size: 14px;
font-family: serif;
border-radius: 2px; }
.abp-close-modal:hover, .abp-close-modal:focus {
outline: 0;
background-color: #f9f9f9; }  .ui-helper-hidden {
display: none; }
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.ui-helper-clearfix:after {
clear: both; }
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100; } .ui-state-disabled {
cursor: default !important; }  .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none; }
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px; }
.ui-datepicker .ui-datepicker-prev {
left: 2px; }
.ui-datepicker .ui-datepicker-next {
right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px; }
.ui-datepicker .ui-datepicker-next-hover {
right: 1px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px; }
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center; }
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%; }
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em; }
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0; }
.ui-datepicker td {
border: 0;
padding: 1px; }
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left; } .ui-datepicker.ui-datepicker-multi {
width: auto; }
.ui-datepicker-multi .ui-datepicker-group {
float: left; }
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left; }
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0; } .ui-datepicker-rtl {
direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px; } .ui-datepicker.apb-datepicker {
background-color: white; } .fc-widget-header table {
margin-bottom: 0; }
@media (min-width: 992px) {
.apb-month {
float: left;
padding: 10px;
width: 49%; } } .fc-day-grid .fc-row {
height: 42px; }
@media (min-width: 480px) {
.fc-day-grid .fc-row {
height: 58px; } }
.apb-loading {
z-index: 1994;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0; } .apb-product_tab {
padding-top: 30px;
padding-bottom: 30px; }
.apb-product_tab-panel {
overflow: hidden; }
.apb-product_tab-header {
margin: 0 0 30px;
padding-left: 0;
list-style: none; }
.apb-product_tab-header > li {
display: inline-block; }
.apb-product_tab-header > li > a {
position: relative;
display: inline-block; }
.apb-product_tab-header > li > a:focus, .apb-product_tab-header > li > a:hover {
outline: 0;
text-decoration: none; }
.apb-step ul {
display: table;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none; }
@media (min-width: 769px) {
.apb-step ul > li {
width: 1%;
display: table-cell;
position: relative; } }
.apb-pagination {
margin: 25px 0;
padding-left: 0;
border-radius: 0;
display: inline-block; }
.apb-pagination > li {
display: inline; }
.apb-pagination > li > a,
.apb-pagination > li > span {
float: left;
position: relative;
padding: 7px 14px;
display: inline-block;
text-decoration: none;
margin-right: 5px; } .apb-sidebar_group {
margin-bottom: 20px; }
.apb-sidebar_group .label-group {
display: block; }
.apb-sidebar_group .apb-field_group {
overflow: hidden;
margin-left: -5px;
margin-right: -5px; }
.apb-sidebar_group .apb-field {
float: left;
width: 50%;
margin-bottom: 0;
padding-left: 5px;
padding-right: 5px; }
@media (min-width: 480px) {
.awebooking-wrapper.inline .apb-field {
display: inline-block;
margin-bottom: 0;
margin-right: 10px; }
.awebooking-wrapper.inline .apb-btn {
width: auto;
display: inline-block;
padding: 8px 15px;
vertical-align: middle;
position: relative;
top: -1px; } }  .apb-room_item {
margin-bottom: 50px; }
.apb-room_item::after {
content: '';
display: table;
clear: both; }
.apb-room_img {
position: relative; }
.apb-room_img a {
display: block;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease; }
.apb-room_img a:empty {
display: none; }
.apb-room_img a:hover, .apb-room_img a:focus {
opacity: 0.85; }
.apb-room_img img {
width: 100%; }
@media (min-width: 768px) {
.apb-room_img {
width: 370px;
float: left;
margin-right: 30px; } }
@media (max-width: 767px) {
.apb-room_img {
margin-bottom: 15px; } }
.apb-sale-icon {
position: absolute;
display: inline-block;
width: 64px;
top: 0;
left: 0; }
.apb-room_text {
overflow: hidden;
line-height: 1.567;
text-align: left; }
.apb-room_text ul {
padding-left: 15px; }@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic&subset=latin,vietnamese");
@font-face {
font-family: 'Awebooking';
src: url(//ngohousehoian.com/wp-content/plugins/awebooking/assets/frontend/fonts/apbf.ttf?7wxjk4) format("truetype"), url(//ngohousehoian.com/wp-content/plugins/awebooking/assets/frontend/fonts/apbf.woff?7wxjk4) format("woff"), url(//ngohousehoian.com/wp-content/plugins/awebooking/assets/frontend/fonts/apbf.svg?7wxjk4#apbf) format("svg");
font-weight: normal;
font-style: normal; }
.apb-product_thumb .owl-prev, .awebooking .apbfc-prev > span,
.awebooking .ui-datepicker-prev > span,
.ui-datepicker.apb-datepicker .apbfc-prev > span,
.ui-datepicker.apb-datepicker .ui-datepicker-prev > span, .apb-fc-prev,
.apb-product_thumb .owl-next,
.awebooking .apbfc-next > span,
.awebooking .ui-datepicker-next > span,
.ui-datepicker.apb-datepicker .apbfc-next > span,
.ui-datepicker.apb-datepicker .ui-datepicker-next > span,
.apb-fc-next {
font-family: 'Awebooking';
color: #b7b7b7; }
.apb-product_thumb .owl-prev:after, .awebooking .apbfc-prev > span:after,
.awebooking .ui-datepicker-prev > span:after,
.ui-datepicker.apb-datepicker .apbfc-prev > span:after,
.ui-datepicker.apb-datepicker .ui-datepicker-prev > span:after, .apb-fc-prev:after,
.apb-product_thumb .owl-next:after,
.awebooking .apbfc-next > span:after,
.awebooking .ui-datepicker-next > span:after,
.ui-datepicker.apb-datepicker .apbfc-next > span:after,
.ui-datepicker.apb-datepicker .ui-datepicker-next > span:after,
.apb-fc-next:after {
font-size: 12px; }
.apb-product_thumb .owl-prev:after, .awebooking .apbfc-prev > span:after,
.awebooking .ui-datepicker-prev > span:after,
.ui-datepicker.apb-datepicker .apbfc-prev > span:after,
.ui-datepicker.apb-datepicker .ui-datepicker-prev > span:after, .apb-fc-prev:after {
content: "\e901"; }
.apb-product_thumb .owl-next:after, .awebooking .apbfc-next > span:after,
.awebooking .ui-datepicker-next > span:after,
.ui-datepicker.apb-datepicker .apbfc-next > span:after,
.ui-datepicker.apb-datepicker .ui-datepicker-next > span:after, .apb-fc-next:after {
content: "\e900"; } .apbf {
font-family: 'Awebooking' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: inline-block; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.apbf-calendar:before {
content: "\f133"; }
.apbf-select:before {
content: "\e902"; }
.apbf-next:before {
content: "\e900"; }
.apbf-prev:before {
content: "\e901"; } .awebooking,
.apb-datepicker,
.awebooking-widget {
font-family: "Roboto", sans-serif;
line-height: 1.42857;
color: #333;
font-size: 14px;
font-weight: 400; }
.awebooking h1, .awebooking h2, .awebooking h3, .awebooking h4, .awebooking h5, .awebooking h6,
.apb-datepicker h1,
.apb-datepicker h2,
.apb-datepicker h3,
.apb-datepicker h4,
.apb-datepicker h5,
.apb-datepicker h6,
.awebooking-widget h1,
.awebooking-widget h2,
.awebooking-widget h3,
.awebooking-widget h4,
.awebooking-widget h5,
.awebooking-widget h6 {
margin-top: 0;
font-family: inherit;
font-weight: 700; }
.awebooking a,
.awebooking a:focus,
.apb-datepicker a,
.apb-datepicker a:focus,
.awebooking-widget a,
.awebooking-widget a:focus {
text-decoration: none; }
.awebooking a:active,
.awebooking a:hover,
.apb-datepicker a:active,
.apb-datepicker a:hover,
.awebooking-widget a:active,
.awebooking-widget a:hover {
outline: 0;
text-decoration: none; }
.awebooking ul, .awebooking ol,
.apb-datepicker ul,
.apb-datepicker ol,
.awebooking-widget ul,
.awebooking-widget ol {
margin-left: 0; }
.awebooking img,
.apb-datepicker img,
.awebooking-widget img {
border: 0;
max-width: 100%;
height: auto; }
.awebooking button,
.apb-datepicker button,
.awebooking-widget button {
overflow: visible; }
.awebooking button,
.awebooking input[type="reset"],
.awebooking input[type="submit"],
.apb-datepicker button,
.apb-datepicker input[type="reset"],
.apb-datepicker input[type="submit"],
.awebooking-widget button,
.awebooking-widget input[type="reset"],
.awebooking-widget input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
.awebooking button::-moz-focus-inner,
.awebooking input::-moz-focus-inner,
.apb-datepicker button::-moz-focus-inner,
.apb-datepicker input::-moz-focus-inner,
.awebooking-widget button::-moz-focus-inner,
.awebooking-widget input::-moz-focus-inner {
border: 0;
padding: 0; }
.awebooking input[type="checkbox"],
.awebooking input[type="radio"],
.apb-datepicker input[type="checkbox"],
.apb-datepicker input[type="radio"],
.awebooking-widget input[type="checkbox"],
.awebooking-widget input[type="radio"] {
box-sizing: border-box;
padding: 0; }
.awebooking textarea,
.apb-datepicker textarea,
.awebooking-widget textarea {
overflow: auto; } .apb-select,
.apb-input.apb-calendar {
background-color: #FFF;
border-color: #e4e4e4;
border-width: 1px;
border-style: solid;
color: #333;
padding: 7px 15px;
font-size: 12px;
line-height: 1.42857;
background-image: none; }
.apb-select:focus, .apb-select:active,
.apb-input.apb-calendar:focus,
.apb-input.apb-calendar:active {
outline: 0;
border-color: #E93C4F;
background-color: #FFF; } .apb-select,
.apb-input.apb-calendar {
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 50px; } .apb-field {
margin-bottom: 20px; }
.apb-field > label {
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.apb-field-group {
position: relative; }
.apb-field-group .fa,
.apb-field-group .apbf,
.apb-field-group .icon {
top: 10px;
right: 10px;
position: absolute;
font-size: 14px;
color: #b7b7b7; }
.apb-field-group .apbf-select {
top: 12px;
right: 12px;
font-size: 10px; } .awebooking .apb-btn {
border: none;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding: 12px 20px;
display: inline-block;
line-height: 1; }
.awebooking .apb-btn, .awebooking .apb-btn:visited {
color: #FFF;
background-color: #E93C4F; }
.awebooking .apb-btn:hover, .awebooking .apb-btn:focus {
border: none;
box-shadow: none;
background-color: #ee6a78;
background-image: none; }
.awebooking .apb-btn:active {
padding: 12px 20px; }
.apb-alert {
font-size: 14px;
padding: 15px 20px;
background-color: #f7f7f7; }
.apb-alert.success {
color: #48710e;
background-color: #f2fae3; }
.apb-alert.alert {
color: #e28327;
background-color: #fffceb; }
.apb-modal-title {
text-transform: uppercase; }
.apb-modal-body {
padding: 0; }
.apb-modal-body .apb-list-price {
margin-bottom: 15px; }
.apb-modal-body .apb-list-price h6 {
margin-top: 0;
margin-bottom: 15px;
padding: 10px 15px;
font-size: 12px;
text-transform: uppercase;
background-color: #f7f7f7; }
.apb-modal-body .apb-list-price-list {
padding-left: 0;
margin-bottom: 0;
list-style: none;
overflow: hidden; }
.apb-modal-body .apb-list-price-list li {
padding: 5px 15px;
width: 50%;
float: left; }
.apb-modal-body .list-price-item span {
font-weight: 700;
color: #E93C4F; }  .apb-product_image:not(.apb-owl-carousel),
.apb-product_thumb:not(.apb-owl-carousel) {
overflow: hidden;
position: relative;
z-index: 5; }
.apb-product_image:not(.apb-owl-carousel):after,
.apb-product_thumb:not(.apb-owl-carousel):after {
content: '';
z-index: 10;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(//ngohousehoian.com/wp-content/plugins/awebooking/assets/frontend/img/loading.gif) no-repeat center rgba(255, 255, 255, 0.95);
background-size: 32px; }
.apb-product_image:not(.apb-owl-carousel) .apb-product_thumb_item,
.apb-product_image:not(.apb-owl-carousel) .apb-product_image_item,
.apb-product_thumb:not(.apb-owl-carousel) .apb-product_thumb_item,
.apb-product_thumb:not(.apb-owl-carousel) .apb-product_image_item {
float: left; }
.apb-product_image:not(.apb-owl-carousel) {
height: 550px; }
.apb-product_image:not(.apb-owl-carousel) .apb-product_image_item {
width: 100%; }
.apb-product_thumb:not(.apb-owl-carousel) {
height: 80px; } .apb-product_image {
margin-bottom: 10px; }
.apb-product_image .apb-product_image_item {
background-color: #f7f7f7;
text-align: center;
margin-left: 5px;
margin-right: 5px; }
.apb-product_thumb .apb-product_thumb_item {
padding-left: 5px;
padding-right: 5px; }
.apb-product_thumb .apb-product_thumb_item > a {
display: block;
position: relative; }
.apb-product_thumb .apb-product_thumb_item > a:after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: '';
background-color: rgba(255, 255, 255, 0.5);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease; }
.apb-product_thumb .apb-product_thumb_item > a img {
width: 100%; }
.apb-product_thumb .owl-item.synced > .apb-product_thumb_item > a:after {
opacity: 1;
visibility: visible; }
.apb-product_thumb .owl-next,
.apb-product_thumb .owl-prev {
top: 0;
z-index: 10;
position: absolute;
width: 30px;
height: 100%;
background-color: rgba(255, 255, 255, 0.75);
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -100px;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease; }
.apb-product_thumb .owl-prev {
left: 0; }
.apb-product_thumb .owl-next {
right: 0; }
@media (min-width: 992px) {
.apb-product_thumb .owl-next,
.apb-product_thumb .owl-prev {
opacity: 0;
visibility: hidden; }
.apb-product_thumb .owl-prev {
-webkit-transform: translateX(10px);
transform: translateX(10px); }
.apb-product_thumb .owl-next {
-webkit-transform: translateX(-10px);
transform: translateX(-10px); }
.apb-product_thumb:hover .owl-next,
.apb-product_thumb:hover .owl-prev {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0); } } .apb-heading {
font-size: 16px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 15px;
border-bottom: 1px solid #e4e4e4; }  .apb-calendar_wrap {
padding: 7px 15px 15px 15px;
background-color: #f7f7f7; }
@media (min-width: 768px) {
.apb-calendar_wrap {
padding: 10px 20px 20px 20px; } } .apb-calendar .ui-datepicker,
.ui-datepicker.apb-datepicker {
padding: 0;
border: none;
border-radius: 0; }
.apb-calendar .ui-datepicker.ui-widget-content,
.ui-datepicker.apb-datepicker.ui-widget-content {
color: inherit;
background-image: none !important; }
.apb-calendar .ui-datepicker.ui-datepicker-multi .ui-datepicker-calendar,
.ui-datepicker.apb-datepicker.ui-datepicker-multi .ui-datepicker-calendar {
margin-top: 10px; }
.apb-calendar .ui-datepicker .ui-widget-header,
.ui-datepicker.apb-datepicker .ui-widget-header {
background-image: none;
background-color: transparent;
border: none; }
.apb-calendar .ui-datepicker .ui-widget-header .ui-icon,
.ui-datepicker.apb-datepicker .ui-widget-header .ui-icon {
font-size: 0;
text-indent: 0;
background-image: none; }
.apb-calendar .ui-datepicker table,
.ui-datepicker.apb-datepicker table {
margin: 0;
border: none;
line-height: 1;
width: 100%;
border-spacing: 0;
border-collapse: collapse; }
.apb-calendar .ui-datepicker th,
.ui-datepicker.apb-datepicker th {
color: #333;
background-color: transparent;
text-transform: uppercase; }
.apb-calendar .ui-datepicker td,
.ui-datepicker.apb-datepicker td {
padding: 3px; }
.apb-calendar .ui-datepicker .ui-state-disabled span,
.ui-datepicker.apb-datepicker .ui-state-disabled span {
background: transparent;
opacity: 0.2; }
.apb-calendar .ui-datepicker td a,
.apb-calendar .ui-datepicker td span,
.apb-calendar .ui-datepicker th span,
.ui-datepicker.apb-datepicker td a,
.ui-datepicker.apb-datepicker td span,
.ui-datepicker.apb-datepicker th span {
background-image: none;
font-size: 12px; }
.apb-calendar .ui-datepicker td a,
.ui-datepicker.apb-datepicker td a {
color: #333; }
.apb-calendar .ui-datepicker td a:focus,
.ui-datepicker.apb-datepicker td a:focus {
outline: 0; }
.apb-calendar .ui-datepicker .ui-datepicker-title,
.ui-datepicker.apb-datepicker .ui-datepicker-title {
text-transform: uppercase;
color: #333;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 30px; }
.apb-calendar .ui-datepicker .ui-datepicker-title,
.apb-calendar .ui-datepicker .ui-datepicker-title span,
.ui-datepicker.apb-datepicker .ui-datepicker-title,
.ui-datepicker.apb-datepicker .ui-datepicker-title span {
font-size: 14px;
font-weight: 400; }
.apb-calendar .ui-datepicker .ui-datepicker-prev,
.apb-calendar .ui-datepicker .ui-datepicker-next,
.ui-datepicker.apb-datepicker .ui-datepicker-prev,
.ui-datepicker.apb-datepicker .ui-datepicker-next {
width: 24px;
height: 24px;
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
border: solid 1px #b7b7b7; }
.apb-calendar .ui-datepicker .ui-datepicker-prev:hover, .apb-calendar .ui-datepicker .ui-datepicker-prev:focus,
.apb-calendar .ui-datepicker .ui-datepicker-next:hover,
.apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.apb-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.apb-datepicker .ui-datepicker-prev:focus,
.ui-datepicker.apb-datepicker .ui-datepicker-next:hover,
.ui-datepicker.apb-datepicker .ui-datepicker-next:focus {
border: solid 1px #E93C4F;
color: #E93C4F; }
.apb-calendar .ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.apb-calendar .ui-datepicker .ui-datepicker-next.ui-state-disabled,
.ui-datepicker.apb-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker.apb-datepicker .ui-datepicker-next.ui-state-disabled {
opacity: 0.1; }
.apb-calendar .ui-datepicker .ui-datepicker-prev,
.ui-datepicker.apb-datepicker .ui-datepicker-prev {
top: 3px;
left: 3px; }
.apb-calendar .ui-datepicker .ui-datepicker-prev:hover, .apb-calendar .ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker.apb-datepicker .ui-datepicker-prev:hover,
.ui-datepicker.apb-datepicker .ui-datepicker-prev:focus {
top: 3px;
left: 3px; }
.apb-calendar .ui-datepicker .ui-datepicker-next,
.ui-datepicker.apb-datepicker .ui-datepicker-next {
top: 3px;
right: 3px; }
.apb-calendar .ui-datepicker .ui-datepicker-next:hover, .apb-calendar .ui-datepicker .ui-datepicker-next:focus,
.ui-datepicker.apb-datepicker .ui-datepicker-next:hover,
.ui-datepicker.apb-datepicker .ui-datepicker-next:focus {
top: 3px;
right: 3px; } .awebooking .apbfc-next > span,
.awebooking .apbfc-prev > span,
.awebooking .ui-datepicker-prev > span,
.awebooking .ui-datepicker-next > span,
.ui-datepicker.apb-datepicker .apbfc-next > span,
.ui-datepicker.apb-datepicker .apbfc-prev > span,
.ui-datepicker.apb-datepicker .ui-datepicker-prev > span,
.ui-datepicker.apb-datepicker .ui-datepicker-next > span {
width: 24px;
height: 24px;
margin-left: -12px;
margin-top: -12px;
line-height: 24px;
text-align: center; }
.awebooking .apbfc-next > span:hover:after,
.awebooking .ui-datepicker-next > span:hover:after,
.ui-datepicker.apb-datepicker .apbfc-next > span:hover:after,
.ui-datepicker.apb-datepicker .ui-datepicker-next > span:hover:after {
color: #E93C4F; }
.awebooking .apbfc-prev > span:hover:after,
.awebooking .ui-datepicker-prev > span:hover:after,
.ui-datepicker.apb-datepicker .apbfc-prev > span:hover:after,
.ui-datepicker.apb-datepicker .ui-datepicker-prev > span:hover:after {
color: #E93C4F; } .apb-calendar .ui-datepicker-inline {
background-color: transparent; }
.apb-calendar .ui-datepicker-inline td a,
.apb-calendar .ui-datepicker-inline td span {
border: none;
padding: 8px;
background-color: #FFF; }
@media (min-width: 768px) {
.apb-calendar .ui-datepicker-inline td a,
.apb-calendar .ui-datepicker-inline td span {
padding: 10px; } }
.apb-calendar .ui-datepicker-inline td a:hover,
.apb-calendar .ui-datepicker-inline td a:focus,
.apb-calendar .ui-datepicker-inline td.apb-highlight a {
color: #fff;
background-color: #E93C4F; }
@media (max-width: 767px) {
.apb-calendar .ui-datepicker-inline.ui-datepicker-multi-2 .ui-datepicker-group {
width: 100%; } } .ui-datepicker.apb-datepicker {
width: 20em;
padding: 5px 10px 10px;
background-color: #FFF;
box-shadow: 0 1px 25px rgba(0, 0, 0, 0.1); }
.ui-datepicker.apb-datepicker td a,
.ui-datepicker.apb-datepicker td span {
padding: 7px;
text-align: center;
border: solid 1px #e4e4e4;
background-color: transparent; }
.ui-datepicker.apb-datepicker td a:hover,
.ui-datepicker.apb-datepicker td a:focus,
.ui-datepicker.apb-datepicker td.apb-highlight a {
color: #E93C4F;
border-color: #E93C4F; }
.ui-datepicker.apb-datepicker.ui-datepicker-multi td a,
.ui-datepicker.apb-datepicker.ui-datepicker-multi td span {
padding: 5px; }
.ui-datepicker.apb-datepicker .ui-datepicker-header {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: solid 1px #e4e4e4; }
.ui-datepicker.apb-datepicker .ui-datepicker-title {
padding-left: 50px;
padding-right: 50px; }
.ui-datepicker.apb-datepicker .ui-datepicker-prev {
left: 18px; }
.ui-datepicker.apb-datepicker .ui-datepicker-prev:hover, .ui-datepicker.apb-datepicker .ui-datepicker-prev:focus {
left: 18px; }
.ui-datepicker.apb-datepicker .ui-datepicker-next {
right: 18px; }
.ui-datepicker.apb-datepicker .ui-datepicker-next:hover, .ui-datepicker.apb-datepicker .ui-datepicker-next:focus {
right: 18px; }
.ui-datepicker.apb-datepicker .fc-toolbar h2 {
font-size: 16px;
text-transform: uppercase; }
.apb-fc-nav {
width: 24px;
height: 24px;
font-size: 0;
line-height: 24px;
text-align: center;
overflow: hidden;
display: inline-block;
border: solid 1px #eee;
background-color: transparent;
background-repeat: no-repeat;
background-position: center; }
.apb-fc-nav:hover, .apb-fc-nav:focus {
border-color: #333; }
.apb-fc-next {
float: right; }
.apb-fc-prev {
float: left; } .apb-loading {
background-color: rgba(255, 255, 255, 0.95); }
.apb-loading > span {
background: url(//ngohousehoian.com/wp-content/plugins/awebooking/assets/frontend/img/loading.gif) no-repeat center center;
background-size: 30px 30px;
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin: -15px 0 0 -15px;
overflow: hidden;
text-indent: -2048px;
display: inline-block; } .apb-product_tab-header {
margin: 0 0 30px;
padding-left: 0;
text-align: center;
border-bottom: solid 2px #f7f7f7; }
.apb-product_tab-header > li > a {
font-weight: 700;
padding: 10px 15px;
color: #333;
text-transform: uppercase; }
.apb-product_tab-header > li.active > a:after {
content: '';
height: 2px;
background-color: #E93C4F;
display: block;
position: absolute;
width: 100%;
bottom: -2px;
left: 0; } .apb-step {
color: #b7b7b7;
padding: 12px 25px;
background-color: #f7f7f7;
margin-bottom: 40px; }
.apb-step ul > li {
text-transform: uppercase;
margin-bottom: 5px;
color: #333; }
.apb-step ul > li > span {
color: #fff;
background-color: #b7b7b7;
font-size: 12px;
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
margin-right: 12.5px;
text-align: center;
border-radius: 50%; }
@media (max-width: 767px) {
.apb-step ul > li {
font-size: 11px; } }
.apb-step ul > li.active,
.apb-step ul > li.step-complete {
color: #E93C4F; }
.apb-step ul > li.active > span,
.apb-step ul > li.step-complete > span {
background-color: #E93C4F; }
.apb-step ul > li.step-complete {
overflow: hidden; }
.apb-step ul > li.step-complete > span {
text-indent: -1000px;
background-size: 15px;
background-repeat: no-repeat;
background-position: center center;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAABm1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////861ouVAAAAiHRSTlMAAQIDBQYHCAoLDQ4PEBETFBcaGxweHyAhIiMnKCkrNTw/QUJERkhOUFFSVFVcXl9iZWZna2xub3B0dXh5e3x9fn+AhoeJiouMj5CRk5WXmJmcnaCnqayur7GytLW2vL2+wMLDxMfJy83Oz9HT1dbX2Nnb3N3e4OLj6Ors7fDx8/T19/j5+vv92LIm4AAAAXhJREFUeAFt0en3CnEcxfGrEmWXJUl2k1DIUnaiiJJIMtFiSVkqJVmSLLl/tt/pOzPNMq8nc895nzMPPl9o9lxv/+H8H2fPzm2G2d4m+TIbDx9LFLvkw+3Gep/fE1ugCNwhT2NpTYs3V0Fn02MWoHL3eBAmSZbU2WYQFlHeFSPHQ7BxjRJWhJiBrc7UBaD1A/b8vAoEeNZa1l6OAaj9Bm7QY6nuJp8AOMB9eP/GUh11jnYBcDKNvxlLrXEsjtptgHFT9TY43ilmeYS5ZKzbeuz4IWQmmIcXa3XxoqhDvvZCkfsGJkQmUwB8Q75wQ1X9iF95MSUyjY0DNl3QjGQ0xhAiZOEd67q6jhdwhlshHCdZcWApxiDW8x4UR7/I0Ot9BvBoeVUxVIcZAbCBVdhx/uwvvqd43i7L3CFGgVFrfcAT6iwxZX7wMpPQZPlqt76GZ8YfShM+PaLc2nfyA1tBGHiuTMm3ldt5uU/2I7Daf+v5p8nXQeVSCJr/85ZbETTRHpAAAAAASUVORK5CYII=); }
.apb-pagination > li > a,
.apb-pagination > li > span {
color: #b7b7b7;
line-height: 1.42857;
background-color: #f7f7f7;
border: 1px solid transparent; }
.apb-pagination > li > a:hover, .apb-pagination > li > a:focus,
.apb-pagination > li > span:hover,
.apb-pagination > li > span:focus {
color: #b7b7b7;
background-color: #f7f7f7; }
.apb-pagination > li.active > a,
.apb-pagination > li.active > span {
color: #b7b7b7;
background-color: #f7f7f7; } .room-detail_book,
.awebooking-wrapper {
background-color: #f7f7f7; }
.room-detail_form,
.apb-content {
padding: 20px; }
.apb-content-area .apb-content {
padding: 0; }
.apb-content-area .apb-content .apb-heading {
background-color: #f7f7f7; }
.apb-sidebar_title {
color: #f7f7f7;
font-size: 14px;
text-transform: uppercase;
margin-top: 0;
padding-top: 10px;
margin-bottom: 25px; }
.apb-sidebar_title:first-child {
padding-top: 0; } .apb-sidebar_group .label-group {
float: left;
font-weight: 700;
font-size: 12px;
width: 55px;
position: relative;
top: 26px; } .room-detail_total {
padding: 20px;
border-bottom: solid 1px #e4e4e4; }
.room-detail_total h6 {
margin-bottom: 15px;
font-size: 16px; }
.room-detail_total .price {
font-size: 18px;
line-height: 1;
margin-bottom: 0;
margin-top: 10px; }
.room-detail_total .price .amount {
font-size: 40px;
font-weight: bold; } .apb-room-selected {
margin-bottom: 30px;
background-color: #f7f7f7; }
.apb-room-selected_item,
.apb-room-seleted_current {
padding: 20px; }
.apb-room-selected_item.apb-bg_blue,
.apb-room-seleted_current.apb-bg_blue {
color: #E93C4F; }
.apb-room-selected_item h6,
.apb-room-seleted_current h6 {
margin-top: 0;
margin-bottom: 10px;
font-size: 12px; }
.apb-room-selected_item span,
.apb-room-seleted_current span {
font-size: 12px;
display: block; } .apb-room-selected_item h6 {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0 10px 0 0;
line-height: 1.428em; }
.apb-room-selected_item .apb-option {
display: inline-block;
vertical-align: middle;
line-height: 1.428em;
font-size: 12px; }
.apb-room-selected_item .apb-room-seleted_name {
overflow: hidden;
margin-top: 10px; }
.apb-room-selected_item .apb-room-seleted_name h2 {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-right: 80px;
float: left;
margin: 0; }
.apb-room-selected_item .apb-room-seleted_name h2 a {
color: #333; }
.apb-room-selected_item .apb-room-seleted_name h2 a:hover {
color: #f7f7f7; }
.apb-room-selected_item .apb-room-seleted_name .apb-amount {
float: right;
font-weight: bold;
font-size: 14px; }
.apb-room-selected_item .apb-room-seleted_name.has-package h2 {
font-size: 16px; }
.apb-room-selected_item .apb-room-seleted_name.has-package h2 a {
color: #f7f7f7; }
.apb-room-selected_item .apb-room-seleted_change {
color: #b7b7b7;
font-size: 12px;
font-style: italic;
display: inline-block;
margin-top: 7px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease; }
.apb-room-selected_item .apb-room-seleted_change:hover {
text-decoration: underline; }
.apb-room-selected_item .apb-room-seleted_package {
border-top: 1px solid #f7f7f7;
margin-top: 15px;
padding-top: 5px; }
.apb-room-selected_item .apb-room-seleted_package ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
padding-bottom: 2px;
margin-top: 5px; }
.apb-room-selected_item .apb-room-seleted_package ul li {
font-size: 12px;
overflow: hidden;
padding: 5px 0; }
.apb-room-selected_item .apb-room-seleted_package ul li .apb-amount {
float: right;
font-weight: bold;
text-transform: uppercase; }
.apb-room-selected_item .apb-room-seleted_package ul + ul {
border-top: 1px solid #f7f7f7;
padding-top: 8px; }
.apb-room-selected_item .apb-room-seleted_total-room {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
border-top: 1px solid #f7f7f7;
padding-top: 15px;
padding-bottom: 10px; }
.apb-room-selected_item .apb-room-seleted_total-room .apb-amount {
float: right; }
.apb-room-selected_item .apb-room-seleted_date {
float: left; }
.awebooking ::-webkit-input-placeholder {
color: #333; }
.awebooking :-moz-placeholder {
color: #333; }
.awebooking ::-moz-placeholder {
color: #333;
opacity: 1; }
.awebooking :-ms-input-placeholder {
color: #333; } .apb-room_name {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
margin-right: 50px;
margin-top: 0;
margin-bottom: 30px; }
.apb-room_name a,
.apb-room_name a:visited {
color: #333;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease; }
.apb-room_name a:hover,
.apb-room_name a:focus {
color: #E93C4F;
text-decoration: none; }
.apb-room_price {
font-size: 14px;
margin: 0 15px 0 0; }
.apb-room_price .apb-room_amount {
font-weight: bold;
font-size: 30px;
margin-left: 15px; }
.readmore-price {
cursor: pointer;
font-weight: bold;
font-style: italic;
text-transform: capitalize;
text-decoration: underline !important; }
.apb-room_view-more {
display: inline-block;
clear: both;
font-size: 12px;
margin-top: 0;
margin-bottom: 15px;
font-style: italic;
text-decoration: underline !important; }
.apb-room_desc.apb-extra {
padding-top: 15px; }
.apb-remain-room {
color: #f00; } .apb-room_package-more {
display: block;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #b7b7b7;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
padding: 15px;
position: relative; }
.apb-room_package-more:hover, .apb-room_package-more:focus {
color: #E93C4F;
border-color: #E93C4F;
outline: 0; }
.apb-room_package-more:after {
content: '';
width: 16px;
height: 16px;
display: inline-block;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
background: url(data:image/gif;base64,R0lGODlhIQATAKIFAO/v7xAQEM/Pz5+fnwAAAP///wAAAAAAACH5BAEAAAUALAAAAAAhABMAAANfWCWi/jBGpkQITWptMQgEgW2kY4VBMYRiVkpnOCgr6r4mKD91i+esGaQ3wsUIwgjxxtEhSUvSMbmJwpxUKKv4mP5o25v3C7ZVsGReeJx2ENHtISsYl/SedfsurxlkSQkAOw==) no-repeat center center;
background-size: 16px;
position: absolute;
right: 15px; }
.apb-room_package-more[aria-expanded="true"]:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } .apb-room_package {
padding-top: 30px;
overflow: hidden;
clear: left; }
.apb-room_package a {
color: #b7b7b7; }
.apb-room_package-content {
padding: 0 30px; } .apb-package_item {
overflow: hidden;
padding-top: 25px; }
.apb-package_item + .apb-package_item {
margin-top: 25px;
border-top: solid 1px #e4e4e4; }
.apb-package_img {
float: left;
margin-right: 30px; }
.apb-package_img img {
width: 100%; }
.apb-package_text {
overflow: hidden;
position: relative; }
.apb-package_text h4 {
margin-top: 0;
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
text-transform: uppercase; }
.apb-package_text h4 a {
color: #333; }
.apb-package_text h4 a:hover, .apb-package_text h4 a:focus {
color: #E93C4F;
text-decoration: none; }
.apb-package_text p {
margin-bottom: 15px;
font-size: 12px; }
.apb-select-package input[type="text"] {
width: 80px;
margin-right: 15px;
float: left;
border: solid 1px #e4e4e4; }
.apb-package_book-price {
display: inline-block;
vertical-align: middle; }
.apb-package_book-price .apb-package_price {
margin: 0;
font-size: 12px; }
.apb-package_book-price .apb-package_price .amount {
font-size: 20px;
font-weight: 700; } .apb-room-select-item {
padding: 28px 12px;
border-bottom: 1px solid #f7f7f7;
overflow: hidden; }
.apb-room-select-item:after {
content: '';
display: table;
clear: both; }
.apb-room-select-item .apb-desc,
.apb-room-select-item .apb-room-select-package,
.apb-room-select-item .apb-room-select-price {
margin: 10px 0;
border-bottom: 1px solid #ddd;
padding: 10px 0; }
.apb-room-select-item .apb-room-select-price {
border-bottom: 0; }
.apb-room-select-item .room-select-th {
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
display: block; }
.apb-room-select-item .apb-desc h4 {
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
margin-top: 12px; }
.apb-room-select-item .apb-desc p {
font-size: 12px;
margin-bottom: 10px; }
.apb-room-select-item .apb-room-select-package span {
text-transform: uppercase;
font-size: 13px;
font-weight: bold; }
.apb-room-select-item .apb-room-select-package ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
margin-top: 8px; }
.apb-room-select-item .apb-room-select-package ul li {
font-size: 12px; }
.apb-room-select-item .apb-room-select-package ul li:before {
content: '-';
margin-right: 5px; }
.apb-room-select-item .apb-room-select-package ul li span {
color: #E93C4F;
margin-left: 20px;
font-weight: bold;
font-size: 14px; }
.apb-room-select-item .apb-room-select-price .price {
color: #E93C4F;
font-size: 16px;
font-weight: bold;
margin-top: 8px;
display: block; }
.apb-room-select-item .apb-room-select-price a {
font-style: italic;
font-size: 12px;
margin-top: 15px;
display: inline-block; }
.apb-room-select-item .apb-room-select-price a:hover {
text-decoration: underline; }
.apb-room-select-footer {
padding: 20px 25px;
overflow: hidden;
background-color: #f7f7f7; }
.apb-room-select-footer .link-other-room {
font-style: italic;
font-size: 12px;
color: #b7b7b7;
margin-top: 5px;
display: inline-block; }
.apb-room-select-footer .link-other-room:hover {
text-decoration: underline; }
.apb-room-select-footer .apb-btn {
float: right;
color: #fff; }
@media (min-width: 768px) {
.apb-room-select-item {
display: table;
width: 100%; }
.apb-room-select-item .img,
.apb-room-select-item .apb-desc,
.apb-room-select-item .apb-room-select-package,
.apb-room-select-item .apb-room-select-price {
border-bottom: 0;
display: table-cell;
vertical-align: top; } }