/* TABLE OF CONTENTS

    Author: xpeedstudio
    Template: Accommodation (Landing Page)
    Version: 1.0
    URL: http://themeforest.net/user/xpeedstudio

    1. Default Configs
    2. Labels
    3. Tooltip
    4. Top Navbar
    5. Teaser Slider
    6. Call to Action
    7. Features
    8. Room Tabs
    9. Location
    10. Attractions
    11. Newsletter
    12. Reviews
    13. About
    14. Counter
    15. Rates
    16. Services
    17. Content
    18. Partners
    19. Contact
    20. Address
    21. Footer
    22. Scroll Up Button
    23. Inquiry Modal
    24. Breakpoints / Media Queries
    25. Helper Classes
    26. Change default Nav Breakpoint
*/
html {
    -webkit-font-smoothing: antialiased;
}
body {
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    line-height: 25px;
    font-weight: 400;
}
.form-control::-webkit-input-placeholder, .awebooking-input::-webkit-input-placeholder {
    color: #57bcca;
}
.form-control:-moz-placeholder, .awebooking-input:-moz-placeholder {
    color: #57bcca;
    opacity: 1;
}
.form-control::-moz-placeholder, .awebooking-input::-moz-placeholder {
    color: #57bcca;
    opacity: 1;
}
.form-control:-ms-input-placeholder, .awebooking-input:-ms-input-placeholder {
    color: #57bcca;
}
.btn:focus, textarea:focus, input:focus, a:focus{
    outline: 0!important;
    box-shadow: none!important;
}
a, a:focus, a:hover{
    color: #57bcca;
}

/* 1. Default Configs
-------------------------------------*/
.content-after-slider {
    z-index: 1;
    background-color: #fff;
    position: relative;
}
.section-spacing{
    padding-top: 85px;
    padding-bottom: 85px;
}
.min-spacing {
    padding-top: 25px;
    padding-bottom: 25px;
}
.section{
    position: relative;
}
.section-title h2 {
    font-size: 48px;
    font-weight: lighter;
    margin: 0 0 78px 0;
    padding: 0;
    color: #4a4a4a;
}
.section-title h3 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: 0;
    color: #4a4a4a;
}
.simple-title .fw-title {
    font-weight: 300;
    margin-bottom: 30px;
    margin-top: 0;
    line-height: 1;
    color: #4a4a4a;
}
.simple-title h2.fw-title{
    font-size: 36px;
    display: block;
}
.simple-title .sub {
    margin-bottom: 25px;
    font-size: 20px;
    color: #57bcca;
    font-weight: normal;
    line-height: 1.6;
    display: block;
}

.space-sm{
    height: 25px;
}
.space-md{
    height: 85px;
}
.space-lg{
    height: 115px;
}
.heading-min-spacing h2, .heading-min-spacing h3{
    margin: 0!important;
}
.btn-inline {
    display: inline-block;
}
.btn,
.wpcf7-submit {
    border-radius: 3px;
    border: none;
    padding: 13px 23px;
    -webkit-transition: all 0.08s ease-in;
    transition: all 0.08s ease-in;
}
.btn-primary,
.wpcf7-submit {
    background-color: #57bcca;
    color: #fff!important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-primary:hover, .btn-primary:focus ,
.wpcf7-submit:hover, .wpcf7-submit:focus {
    background-color: #219eaf;
    color: #fff;
}
#awe-plugin-booking .awe-btn{
    background-color: #57bcca;
    border: 0;
    color: #fff!important;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.awebooking .apb-btn{
    border-radius: 3px;
    font-size: 18px;
    text-transform: none;
}
.awe-btn:hover{
    opacity: .7;
}
.awe-single-room  span.fc-title {
    margin-left: 5px;
}
.awe-single-room .fc-scroller{
    height:initial !important;
    overflow: auto !important;
}

#inquiryModal .wpbs-container{
    float:none!important;
    width: 250px;
    margin: auto;
}
#inquiryModal .wpbs-calendar{
    margin-left:0;
}
#inquiryModal.wpbsm .modal-dialog{
    max-width:400px;
}

#inquiryModal .wpbs-form-form textarea{
    width:100%!important;
}
#inquiryModal .wpbs-form-form input[type="text"],
#inquiryModal .wpbs-form-form input[type="email"]{
    background-color: #f1f1f1!important;
    border-color: #f1f1f1!important;
    padding: 13px 10px!important;
    height: 47px!important;
    width:100%!important;
}
.wpbs-form-form textarea{
    background-color: #f1f1f1!important;
    border-color: #f1f1f1!important;
    padding: 13px 10px!important;
}
.wpbs-form-form label, .wpbs-form-form p{
    font-weight:normal!important;
}
#inquiryModal.wpbsm .modal-dialog .modal-content .modal-body{
    padding:15px!important;
}
.wpbs-form-form .wpbs-form-submit {
    border: none!important;
    font-size: 16px!important;
    padding: 8px 35px!important;
    vertical-align: top!important;
    height: auto!important;
    border-radius: 3px!important;
    -webkit-transition: all 0.08s ease-in;
    transition: all 0.08s ease-in;
    color: #fff!important;
}
.fc-row .fc-content-skeleton {
    height: 55px;
}
.fc-end {
    margin-right: 35px!important;
}
.btn-default {
    background-color: #979797;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.btn-default:hover, .btn-default:hover {
    background-color: #7d7a7a;
    color: #fff;
}
.btn-link, .btn-link:hover, .btn-link:hover {
    color: #219eaf;
}
.form-control{
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin-bottom: 15px;
    border-radius: 0;
}
.sc-animate {
    visibility: hidden;
}
.img-responsive {
    width: 100%;
}
.modal-open {
    padding-right: 0 !important;
}
.datepicker table tr td.today {
    background: #57bcca;
    background-image: none;
}
.navbar-default .navbar-toggle {
    border-color: transparent!important;
    background-color: transparent!important;
}
.navbar-default .nav-logo {
    padding: 15.5px 0 0 15px;
    -webkit-transition: padding .3s ease-out; /* Safari */
    transition: padding .3s ease-out;
}
.pkjtyp-checkbox input[type="checkbox"] {
    display: none;
}
.pkjtyp-checkbox label {
    font-size: 15px;
    font-weight: 600;
    margin-top: 9px;
}
.pkjtyp-checkbox label:before {
    content: "";
    display: inline-block;
    font-size: 15px;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-color: #57bcca;
    border-radius: 2px;
    line-height: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #f3f3f3;
    text-align: center;
    float: none;
    margin-bottom: -2px;
}
.pkjtyp-checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: #fff;
    font-size: 15px;
    text-shadow: none;
    margin-bottom: 0;
}

.cssload-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 47.284271247462px;
    height: 47.284271247462px;
    margin-left: -23.142135623731px;
    margin-top: -23.142135623731px;
    border-radius: 100%;
    animation-name: cssload-loader;
    -o-animation-name: cssload-loader;
    -ms-animation-name: cssload-loader;
    -webkit-animation-name: cssload-loader;
    -moz-animation-name: cssload-loader;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-duration: 4.6s;
    -o-animation-duration: 4.6s;
    -ms-animation-duration: 4.6s;
    -webkit-animation-duration: 4.6s;
    -moz-animation-duration: 4.6s;
}
.cssload-loader .cssload-side {
    display: block;
    width: 6px;
    height: 19px;
    background-color: rgb(255,255,255);
    margin: 2px;
    position: absolute;
    border-radius: 50%;
    animation-duration: 1.73s;
    -o-animation-duration: 1.73s;
    -ms-animation-duration: 1.73s;
    -webkit-animation-duration: 1.73s;
    -moz-animation-duration: 1.73s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: ease;
    -o-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
}
.cssload-loader .cssload-side:nth-child(1),
.cssload-loader .cssload-side:nth-child(5) {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    animation-name: cssload-rotate0;
    -o-animation-name: cssload-rotate0;
    -ms-animation-name: cssload-rotate0;
    -webkit-animation-name: cssload-rotate0;
    -moz-animation-name: cssload-rotate0;
}
.cssload-loader .cssload-side:nth-child(3),
.cssload-loader .cssload-side:nth-child(7) {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    animation-name: cssload-rotate90;
    -o-animation-name: cssload-rotate90;
    -ms-animation-name: cssload-rotate90;
    -webkit-animation-name: cssload-rotate90;
    -moz-animation-name: cssload-rotate90;
}
.cssload-loader .cssload-side:nth-child(2),
.cssload-loader .cssload-side:nth-child(6) {
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    animation-name: cssload-rotate45;
    -o-animation-name: cssload-rotate45;
    -ms-animation-name: cssload-rotate45;
    -webkit-animation-name: cssload-rotate45;
    -moz-animation-name: cssload-rotate45;
}
.cssload-loader .cssload-side:nth-child(4),
.cssload-loader .cssload-side:nth-child(8) {
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    animation-name: cssload-rotate135;
    -o-animation-name: cssload-rotate135;
    -ms-animation-name: cssload-rotate135;
    -webkit-animation-name: cssload-rotate135;
    -moz-animation-name: cssload-rotate135;
}
.cssload-loader .cssload-side:nth-child(1) {
    top: 23.142135623731px;
    left: 47.284271247462px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(2) {
    top: 40.213203431093px;
    left: 40.213203431093px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(3) {
    top: 47.284271247462px;
    left: 23.142135623731px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(4) {
    top: 40.213203431093px;
    left: 7.0710678163691px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(5) {
    top: 23.142135623731px;
    left: 0px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(6) {
    top: 7.0710678163691px;
    left: 7.0710678163691px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(7) {
    top: 0px;
    left: 23.142135623731px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}
.cssload-loader .cssload-side:nth-child(8) {
    top: 7.0710678163691px;
    left: 40.213203431093px;
    margin-left: -3px;
    margin-top: -10px;
    animation-delay: 0;
    -o-animation-delay: 0;
    -ms-animation-delay: 0;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
}










@keyframes cssload-rotate0 {
    0% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@-o-keyframes cssload-rotate0 {
    0% {
        -o-transform: rotate(0deg);
    }
    60% {
        -o-transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(180deg);
    }
}

@-ms-keyframes cssload-rotate0 {
    0% {
        -ms-transform: rotate(0deg);
    }
    60% {
        -ms-transform: rotate(180deg);
    }
    100% {
        -ms-transform: rotate(180deg);
    }
}

@-webkit-keyframes cssload-rotate0 {
    0% {
        -webkit-transform: rotate(0deg);
    }
    60% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}

@-moz-keyframes cssload-rotate0 {
    0% {
        -moz-transform: rotate(0deg);
    }
    60% {
        -moz-transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(180deg);
    }
}

@keyframes cssload-rotate90 {
    0% {
        transform: rotate(90deg);
        transform: rotate(90deg);
    }
    60% {
        transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-o-keyframes cssload-rotate90 {
    0% {
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    60% {
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-ms-keyframes cssload-rotate90 {
    0% {
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    60% {
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-webkit-keyframes cssload-rotate90 {
    0% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    60% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@-moz-keyframes cssload-rotate90 {
    0% {
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    60% {
        -moz-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -moz-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}

@keyframes cssload-rotate45 {
    0% {
        transform: rotate(45deg);
        transform: rotate(45deg);
    }
    60% {
        transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-o-keyframes cssload-rotate45 {
    0% {
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    60% {
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-ms-keyframes cssload-rotate45 {
    0% {
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    60% {
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        -ms-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-webkit-keyframes cssload-rotate45 {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    60% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@-moz-keyframes cssload-rotate45 {
    0% {
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    60% {
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    100% {
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
    }
}

@keyframes cssload-rotate135 {
    0% {
        transform: rotate(135deg);
        transform: rotate(135deg);
    }
    60% {
        transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-o-keyframes cssload-rotate135 {
    0% {
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    60% {
        -o-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        -o-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-ms-keyframes cssload-rotate135 {
    0% {
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    60% {
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-webkit-keyframes cssload-rotate135 {
    0% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    60% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        -webkit-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@-moz-keyframes cssload-rotate135 {
    0% {
        -moz-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    60% {
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    100% {
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
}

@keyframes cssload-loader {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-loader {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-loader {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* 2. Labels
--------------------------------------------*/
.label {
    font-size: 80%;
    font-weight: 600;
    padding-top: 4px;
}
.label-default {
    background-color: #57bcca;
}
/* 3. Tooltip
--------------------------------------------*/
.tooltip .tooltip-inner {
    background-color: #57bcca;
    padding: 5px 10px;
    font-size: 14px;
    opacity: 1;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #57bcca !important;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #57bcca !important;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #57bcca !important;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #57bcca !important;
}
.my-tooltip {
    border-bottom: 1px dotted #57bcca;
    color: #57bcca;
}
/* 4. Top Navbar
-------------------------------------*/
.top-navbar {
    min-height: 100px;
    z-index: 2;
}
.top-navbar:after{
    background-color: #57bcca;
    content: "";
    width: 100%;
    bottom: 0;
    top: 0;
    height: 5px;

}

.top-navbar .navbar-brand {
    margin-top: 6px;
}
.top-navbar .navbar-default {
    border: none;
    background-color: #ffffff;
    border-radius: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.top-navbar .navbar-default .navbar-nav {
    margin-top: 25px;
    margin-right: 0;
}
.top-navbar .navbar-default .navbar-nav a {
    color: #4a4a4a;
    font-weight: 500;
}
.top-navbar .navbar-default .navbar-nav .active > a {
    background-color: #ffffff;
    /*font-size: 16px;*/
    color: #57bcca;
    text-decoration: none;
}
.top-navbar .navbar-default .navbar-nav .active > a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #57bcca;
    position: absolute;
    left: 50%;
    bottom: -22px;
    margin-left: -5px;
}
.top-navbar .navbar-default .navbar-nav .language-select {
    margin-top: 13px;
    margin-left: 10px;
    position: relative;
}
.top-navbar .navbar-default .navbar-nav .language-select a {
    border: 1px solid #ebebeb;
    padding: 5px 15px 5px 8px;
    color: #585858;
    text-decoration: none;
}
.top-navbar .navbar-default .navbar-nav .language-select a img {
    margin-top: -3px;
}
.top-navbar .navbar-default .navbar-nav .language-select a i {
    color: #57bcca;
    margin-left: 10px;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-menu-language-select {
    box-shadow: none;
    position: absolute;
    top: 23px;
    left: 0;
    right: auto;
    border-radius: 0;
}
.call-to-action-button.show-inquiry-modal {
    margin-right: 55px;
    margin-left: 55px;
    margin-bottom: 20px;
}
.call-to-action-container{
    background-color: #F1F1F1;
}
.top-navbar .navbar-default .navbar-nav .language-select .dropdown-menu-language-select a {
    border: none;
}
.top-navbar .navbar-default .navbar-nav .dropdown-menu {
    border-radius: 0;
    box-shadow: none;
}
.revoBody .call-to-action{
    margin-top: -100px!important;
}
.revomenu .top-navbar .navbar-default{
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.59);
}
.revomenu .navbar-default .navbar-nav>li>a{
    color: #fff;
}
.revomenu .top-navbar:after{
    opacity: 0;
    margin-top: 10px;
}
.revomenu .fa-shopping-cart{
    color: #fff!important;
}
.navbar-default .navbar-nav>li>a,
.top-navbar:after,
.top-navbar .navbar-default{
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
img.for-transparentheader{
    display: none;
}
.revomenu .for-transparentheader{
    display: block;
}
.revomenu .for-normalheader{
    display: none!important;
}


/* 5. Teaser Slider
-------------------------------------*/
.carousel {
    overflow: hidden;
}
.teaser-slider {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}
.teaser-slider .item {
    height: 650px;
    background-color: #f1f1f1;
}
.teaser-slider .item .carousel-caption {
    display: none;
}
.teaser-slider .item img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
}
.carousel-control{
    height: 100%;
    background-image: none!important;
}
.carousel-control {
    width: 58px;
    height: 74px;
    background-image: none;
    background-color: #57bcca;
    background-repeat: no-repeat;
    text-shadow: none;
    top: 50%;
    margin-top: -37px;
    padding-top: 25px;
}
.onepage-home .fw-container-fluid{
    padding: 0!important;
}
.teaser-slider-ph {
    height: 645px;
    pointer-events: none;
    background: transparent url('../img/transparent.png');
}
.revoBody .teaser-slider-ph{
    display: none;
}
.revoBody .teaser-slider{
    position: relative;
    overflow: hidden;
}
.onepage-home .fw-col-md-12{
    padding: 0;
}

/* 6. Call to Action
-------------------------------------*/
.call-to-action {
    position: relative;
    margin-top: -95px;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0;
    /*z-index: 1;*/
}
#call-to-action-fixer{
    height: 1px;
    margin-bottom: -11px;
}
.call-to-action .call-to-action-box {
    padding-top: 36px;
    border-bottom: 7px solid #57bcca;
    background-color: #ffffff;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding-bottom: 22px;
    display: inline-block;
    overflow: hidden;
}
.call-to-action .call-to-action-box:hover {
    border-bottom-color: #219eaf;
}
.call-to-action .call-to-action-button {
    border: none;
    font-size: 19px;
    padding: 20px 30px 15px;
    vertical-align: top;
}
.call-to-action .call-to-action-button i {
    font-size: 30px;
    margin: -4px 10px 0 0;
    display: block;
    float: left;
}
.call-to-action .call-to-action-phone {
    display: block;
    font-size: 17px;
    color: #4a4a4a;
    font-weight: 400;
    text-decoration: none;
}
.call-to-action .call-to-action-triangle {
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #ffffff;
    position: absolute;
    left: 50%;
    top: -30px;
    margin-left: -30px;
}
/* 7. Features
-------------------------------------*/

.iconbox .btn{
    margin-bottom: 15px;
}
.iconbox.iconbox-style1 {
    border-bottom: 7px solid #57bcca;
    background-color: #fff;
    padding-top: 34px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.iconbox.iconbox-style1 .iconbox-icon .fa{
    top: -5px;
    position: relative;
    left: 1px;
}
.iconbox.iconbox-style1 .iconbox-icon {
    width: 142px;
    height: 142px;
    margin: 0 auto;
    border: 2px solid #57bcca;
    border-radius: 71px;
    text-align: center;
    font-size: 50px;
    color: #57bcca;
    line-height: 142px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.iconbox.iconbox-style1 .iconbox-icon:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #57bcca;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -8px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.iconbox.iconbox-style1 h3 {
    margin: 30px 0;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
    color: #4a4a4a;
}
.iconbox.iconbox-style1 p {
    margin: 0 10px 30px 10px;
    font-size: 14px;
}
.iconbox .btn-link{
    padding-left: 0;
    padding-right:0;
}
.iconbox.iconbox-style1:hover {
    border-bottom-color: #219eaf;
}
.iconbox.iconbox-style1:hover .iconbox-icon {
    border-color: #219eaf;
    color: #219eaf;
}
.iconbox.iconbox-style1:hover .iconbox-icon i {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.iconbox.iconbox-style1:hover .iconbox-icon:after {
    border-bottom-color: #219eaf;
}
/* 8. Room Tabs
-------------------------------------*/

.room-tabs-info {
    margin-bottom: 12px;
}
.room-tabs-info img {
    float: left;
}
.nav-tabs {
    margin-bottom: 47px;
    margin-top: 10px;
    font-size: 18px;
    border-bottom: 7px solid #e3e3e3;
}
.nav-tabs li {
    margin-bottom: -7px;
    border-right: 2px solid #fff;
}
.nav-tabs li a {
    margin: 0;
    color: #4a4a4a;
    background-color: #fff;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 7px solid #e3e3e3;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
    background-color: #eaf5f7;
    border-bottom: 7px solid #e3e3e3;
}
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #585858;
    background-color: #fff;
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 7px solid #57bcca;
    border-width: 7px!important;
}
.room-tabs-gallery .room-tabs-gallery-thumbnails {
    width: 75px;
    float: left;
    max-height: 420px;
    overflow: hidden;
}
.room-tabs-gallery .room-tabs-gallery-thumbnails a {
    margin-bottom: 10px;
    display: block;
}
.room-tabs-gallery .room-tabs-gallery-thumbnails a:last-child {
    margin-bottom: 0;
}
.room-tabs-gallery .room-tabs-gallery-image {
    width: 472px;
    float: right;
}
.room-tabs-gallery .room-tabs-gallery-image .room-tabs-gallery-preview-container {
    height: 365px;
    overflow: hidden;
    display: block;
    position: relative;
}
.room-tabs-gallery .room-tabs-gallery-caption {
    position: relative;
    background-color: #57bcca;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 13px 20px 0 20px;
    height: 55px;
    font-size: 14px;
    z-index: 20;
    border-bottom: 1px solid #fff;
}
.room-tabs-gallery .room-tabs-gallery-caption .btn-room-check, .apb-room_view-more {
    float: right;
    color: #fff;
    background-color: #57bcca;
    border: 1px solid #fff;
    font-size: 14px;
    margin-top: -5px;
    font-weight: 400;
    padding: 6px 12px;
}
.room-tabs-gallery .room-tabs-gallery-caption .btn-room-check i {
    margin-right: 5px;
}
.apb-room_view-more{
    text-decoration: none!important;
    font-style: normal;
    color: #fff!important;
    margin-top: 0px;
}
.room-tabs-gallery .room-tabs-gallery-caption .btn-room-check:hover, .apb-room_view-more:hover {
    background-color: #219eaf;
    color: #fff;
}
.room-tabs-gallery .room-tabs-gallery-caption:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -16px;
}
.room-tabs-gallery .room-tabs-gallery-caption:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
}
.tab-content h3 {
    font-size: 22px;
    color: #57bcca;
    margin-bottom: 20px;
    margin-top: 0;
}
.room-tabs-checklist {
    margin-top: 15px;
    margin-bottom: 0;
}
.room-tabs-checklist li {
    border: none;
    padding: 0 0 6px 0;
    font-weight: 600;
}
.room-tabs-checklist li:last-of-type {
    padding-bottom: 0;
}
.room-tabs-checklist li i {
    color: #57bcca;
    font-size: 18px;
    float: left;
    margin-right: 8px;
    display: block;
    margin-top: 6px;
}
.modal-backdrop.in {
    opacity: 0.9;
    background-color: #213437;
}
#roomTabsGalleryPreviewModal .modal-dialog {
    z-index: 100;
    min-width: 300px;
    margin-top: 100px;
}
#roomTabsGalleryPreviewModal .modal-dialog .modal-content .modal-nav {
    position: absolute;
    top: -42px;
    width: 100%;
    color: #fff;
}
#roomTabsGalleryPreviewModal .modal-dialog .modal-content .modal-nav .title {
    margin-top: 9px;
}
#roomTabsGalleryPreviewModal .modal-dialog .modal-content .modal-nav .close {
    height: 43px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    opacity: 1;
}
#roomTabsGalleryPreviewModal .modal-dialog .modal-content .modal-body {
    padding: 0;
}
#roomTabsGalleryPreviewModal .modal-dialog .modal-content .modal-body img {
    border: 1px solid #fff;
}
.mini-call-to-action{
    position: relative;
    text-align: center;
}
.mini-call-to-action .btn {
    height: 50px;
    font-size: 24px;
    font-weight: 400;
    padding: 6px 12px;
}
.mini-call-to-action:before{
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
}
/* 9. Location
-------------------------------------*/
.fw-container-fluid .fw-map{
    margin-left: -15px;
    margin-right: -15px;
}
.location .location-map-container {
    height: 500px;
}
.location .location-address {
    background-color: #57bcca;
    color: #fff;
    font-size: 20px;
    height: 80px;
    opacity: 0.9;
    margin-top: -80px;
}
.location .location-address address {
    padding-top: 20px;
}
.location .location-address i {
    font-size: 36px;
}
/** fix infowindow dimensions **/
.fw-map-canvas .unyson-shortcode-map-content {
    /*max-width: 420px;*/
    min-width: 274px;
    padding: 5px 4px ;
}
.fw-map-canvas img {
    max-width: none !important;

}
.fw-map-canvas .gm-style-iw{
    /*min-height: 70px;*/
    overflow: hidden;
}
/** .fix infowindow dimensions **/

.fw-map-canvas .infowindow a {
    text-decoration: none;
    font-weight: bold;
    color: #568EC7;
}
.fw-map-canvas .infowindow-thump img {
    width: 100px;
    height: 60px;
    margin-right: 10px;
}
.fw-map-canvas .infowindow-thump {
    float: left;
}
.fw-map-canvas .infowindow-title {
    line-height: 27px;
}
.fw-map-canvas .infowindow-description {
    color: #AFAFAF;
    font-size: 11px;
    font-style: italic;
}
.fw-map-canvas .infowindow-content {
    float: left;
    max-width: 130px;
}
/* 10. Attractions
-------------------------------------*/
.attractions{
    margin-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
}
.attractions .grid-sizer { width: 25%; }
.attractions .grid-item { width: 25%; }
.attractions .grid-item--width2 { width: 50%; }
.attractions .grid-item { height: 224px; }
.attractions .grid-item--height2 { height: 478px; }
.attractions .grid-item{
    margin-bottom: 30px;
}
.attractions .attraction-link {

    margin-right: 15px;
    margin-left: 15px;
}
.attractions .attraction-link, .attractions .attraction-link *{
    height: 100%;
    display: block;

}
.attractions .attraction-link a .attraction-img {
    position: relative;
    overflow: hidden;
}
.attractions .attraction-link a .attraction-img .the-img {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.attractions .attraction-link a .attraction-img .attraction-overlay {
    position: absolute;
    background-color: rgba(87, 188, 202, 0);
    border: none;
    width: 100%;
    height: 100%;
    top: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.attractions .attraction-link a .attraction-img .attraction-overlay i {
    font-size: 46px;
    color: #fff;
    position: relative;
    top: 50%;
    margin-top: -50px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.attractions .attraction-link a .attraction-caption {
    position: relative;
    background-color: #57bcca;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 15px 20px 0 20px;
    height: 55px;
    font-size: 14px;
    top: -55px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.attractions .attraction-link a .attraction-caption .attraction-caption-title {
    float: left;
    font-weight: 600;
}
.attractions .attraction-link a .attraction-caption .attraction-distance {
    float: right;
}
.attractions .attraction-link a .attraction-caption:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -16px;
}
.attractions .attraction-link a .attraction-caption:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.attractions .attraction-link a:hover .attraction-img .the-img {
    -webkit-transform: scale(1.24);
    -ms-transform: scale(1.24);
    transform: scale(1.24);
}
.attractions .attraction-link a:hover .attraction-img .attraction-overlay {
    background-color: rgba(87, 188, 202, 0.7);
}
.attractions .attraction-link a:hover .attraction-img .attraction-overlay i {
    opacity: 1;
}
.attractions .attraction-link a:hover .attraction-caption {
    background-color: #219eaf;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.attractions .attraction-link a:hover .attraction-caption:after {
    border-bottom-color: #219eaf;
}
.fw-page-builder-content .embed-responsive{
    border-bottom: 7px solid;
    border-color: #57bcca; 
}
.fw-page-builder-content .embed-responsive iframe{
    border-bottom: 1px solid #fff;
}
.embed-thumb {
    height: auto!important;
    padding-bottom: 1px;
    position: relative;
    cursor: pointer;
}
.embed-thumb .video-play-button {
    width: 112px;
    height: 112px;
    background-color: #fff;
    border-radius: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -56px 0 0 -56px;
    text-align: center;
    color: #585858;
    line-height: 112px;
    font-size: 48px;
    padding-left: 10px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.embed-thumb:hover .video-play-button {
    opacity: 0.5;
}
/* 11. Newsletter
-------------------------------------*/
.newsletter-box {
    position: relative;
    background-color: #eaf5f7;
    padding: 85px 15px;
    min-height: 300px;
}
.resulted:after{
    display: none;
}
.newsletter-box .newsletter-box-icon {
    position: absolute;
    width: 110px;
    height: 110px;
    top: -55px;
    left: 50%;
    margin-left: -55px;
    background-color: #fff;
    border: 2px solid #57bcca;
    border-radius: 55px;
    text-align: center;
    font-size: 50px;
    color: #57bcca;
    line-height: 110px;
}
.cssload-container {
    width: 29px;
    height: 29px;
    text-align: center;
    position: absolute;
    display: block;
    top: 11px;
    opacity:0;
    right: 20px;
}
#newsrdx .sub-form-error {
    position: absolute;
    top: -75px;
    z-index: 99;
}
.fw-flash-type-error{
    list-style:none;
}
.cssload-speeding-wheel {
    display:block;
    width: 29px;
    height: 29px;
    margin: 0 auto;
    border: 2px solid rgb(255,255,255);
    border-radius: 50%;
    border-left-color: transparent;
    border-right-color: transparent;
    animation: cssload-spin 575ms infinite linear;
    -o-animation: cssload-spin 575ms infinite linear;
    -ms-animation: cssload-spin 575ms infinite linear;
    -webkit-animation: cssload-spin 575ms infinite linear;
    -moz-animation: cssload-spin 575ms infinite linear;
}



@keyframes cssload-spin {
    100%{ transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes cssload-spin {
    100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-ms-keyframes cssload-spin {
    100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes cssload-spin {
    100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes cssload-spin {
    100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
.newsletter-box .newsletter-box-icon .fa{
    margin-top: 25px;
    display: block;
}
.newsletter-box h3 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 35px;
    text-align: center;
    color: #4a4a4a;
}
.newsletter-box h3 span {
    font-weight: 400;
    color: #57bcca;
}
.newsletter-box .input-group {
    background-color: #fff;
    padding: 10px 2px;
    height: 58px;
}
.newsletter-box .input-group .input-group-addon {
    background-color: #fff;
    color: #57bcca;
    border: none;
    font-size: 24px;
    border-right: 1px solid #57bcca;
}
.newsletter-box .input-group .form-control {
    background-color: #fff;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    font-weight: 400;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.newslatterfix {
    height: 140px;
    width: 100%;
    display: block;
}
.newsletter-box .newsletter-box-submit {
    width: 300px;
    position: absolute;
    left: 50%;
    margin-left: -150px;
    bottom: -85px;
}
.newsletter-box .newsletter-box-submit .newsletter-box-button .btn {
    height: 50px;
    font-size: 24px;
    font-weight: 400;
    padding: 6px 12px;
    position:relative;
}
.x-loading {
    position: absolute;
    margin: 0;
    width: 30px;
    top: 0;
    right: 0;
}

.newsletter-box .newsletter-box-submit .newsletter-box-button:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.newsletter-box .newsletter-box-submit .newsletter-box-button:hover:after {
    border-bottom-color: #219eaf;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia {
    margin-top: 20px;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia h4 {
    font-size: 18px;
    font-weight: 300;
    float: left;
    padding-left: 5px;
    margin-top: 10px;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: right;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia ul li {
    float: left;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia ul li a {
    width: 40px;
    height: 40px;
    border: 2px solid #57bcca;
    text-align: center;
    line-height: 40px;
    color: #57bcca;
    display: block;
    font-size: 19px;
    border-radius: 20px;
    margin: 0 5px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.newsletter-box .newsletter-box-submit .newsletter-box-socialmedia ul li a:hover {
    border-color: #219eaf;
    color: #219eaf;
}
/* 12. Reviews
-------------------------------------*/
.reviews {

}
.reviews .review-controls {
    text-align: right;
}
.reviews .carousel-control {
    position: relative;
    width: 36px;
    height: 36px;
    background-image: none;
    background-color: #57bcca;
    background-repeat: no-repeat;
    text-shadow: none;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 18px;
    padding: 0;
    margin: 0;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.reviews .carousel-control i {
    font-size: 22px;
    text-shadow: none;
    line-height: 33px;
}
.reviews .carousel-control.left i {
    margin-left: -3px;
}
.reviews .carousel-control.right i {
    margin-left: 3px;
}
.reviews .carousel-control:hover {
    background-color: #219eaf;
}
.reviews .carousel-inner {
    margin-top: 35px;
}
.reviews .review-box {
    background-color: #fff;
    padding: 30px;
    border-bottom: 7px solid #57bcca;
}
.reviews .review-box h3 {
    font-size: 18px;
    margin: 0 0 20px 0;
    padding: 0;
    color: #4a4a4a;
}
.reviews .review-box .review-person {
    margin: 30px 0 20px 0;
}
.reviews .review-box .review-person-image {
    float: left;
    border-radius: 42px;
}
.reviews .review-box .review-person-name {
    font-size: 24px;
    margin: 0 0 10px 105px;
    padding-top: 10px;
    color: #4a4a4a;
}
.reviews .review-box .review-person-location {
    margin-left: 100px;
    font-size: 17px;
    color: #57bcca;
    font-weight: 400;
}
/* 13. About
-------------------------------------*/

.image_border {
    padding-bottom: 1px;
    border-bottom: 7px solid #57bcca;
}
.about h2 {
    color: #4a4a4a;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 35px;
    margin-top: 0;
}
.about p {
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    color: #383838;
}
.about .about-signature {
    margin-top: 35px;
}
.about .about-signature img {
    width: auto;
}
/* 14. Counter
-------------------------------------*/
.counter-box .counter-icon {
    font-size: 64px;
    color: #57bcca;
    float: left;
    display: block;
    margin-right: 15px;
    width: 65px;
    height: 65px;
}
.counter-box .counter-number {
    font-size: 40px;
    color: #57bcca;
    margin-left: 80px;
    padding-top: 10px;
    padding-bottom: 8px;
}
.counter-box .counter-description {
    font-size: 15px;
    margin-left: 80px;
    font-weight: 400;
    color: #4a4a4a;
}
/* 15. Rates
-------------------------------------*/
.rates h2 {
    text-align: center;
    font-size: 48px;
    font-weight: lighter;
    margin: 0 0 85px 0;
    padding: 0;
    color: #4a4a4a;
}
.rates .rate {
    padding: 0;
}
.rates .rate-box {
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;

    text-align: center;
    padding: 30px 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    float: none;
    display: inline-block;
    width: 23%;
    margin-bottom:20px;
}
/* .fx .rate-box:first-child {
    border-left: 1px solid #bebebe;
} */
.rates .rate-box .rate-icon {
    color: #cccacc;
    font-size: 53px;
    line-height: 0;
}
.rates .rate-box .rate-icon .stars {
    font-size: 14px;
}
.rates .rate-box .rate-description {
    font-size: 18px;
    margin: 35px 0;
    display: block;
    text-transform: uppercase;
    color: #4a4a4a;
}
.rates .rate-box .rate-price {
    display: inline-block;
    color: #57bcca;
    line-height: 1;
    margin-bottom: 45px;
}
.rates .rate-box .rate-price .rate-price-currency {
    font-size: 20px;
    float: left;
    display: block;
    margin-top: 14px;
}
.rates .rate-box .rate-price .rate-price-amount {
    font-size: 93px;
    float: left;
    display: block;
    font-weight: 600;
}
.rates .rate-box .rate-price .rate-price-duration {
    font-size: 14px;
    float: left;
    display: block;
    margin-top: 70px;
}
.rates .rate-box .rate-action .btn {
    background-color: #57bcca;
    border:1px solid transparent;
    color: #fff;
    font-size: 16px;
    padding: 10px 13px;
}
.rates .rate-box .rate-action .btn i {
    font-size: 27px;
    margin: 0 7px 0 0;
    vertical-align: sub;
}
.rates .rate-box .rate-action .btn:hover {
    background-color: #219eaf;
}
.rates .rate-box:last-of-type {
    border-right: 1px solid #bebebe;
}

.rates .rate-box.highlight {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    z-index: 10;
    background-color: #57bcca;
    border-color: transparent!important;
}
.rates .rate-box.highlight .rate-icon {
    color: #eaf5f7;
}
.rates .rate-box.highlight .rate-description {
    color: #fff;
}
.rates .rate-box.highlight .rate-price {
    color: #fff;
}
.rates .rate-box.highlight .rate-action .btn {
    border-color: #fff;
}
.rates .rate-box.highlight + .rate-box {
    /* border-left: none; */
}
.rates .rates-payment-info {
    text-align: center;
    margin-top: 65px;
}
.rates .rates-payment-info p {
    font-size: 20px;
    display: inline-block;
    font-weight: 300;
    margin-right: 10px;
    margin-bottom: 0;
}
.rates .rates-payment-info img {
    vertical-align: middle;
    height: 40px;
    margin-top: -9px;
}
/* 16. Services
-------------------------------------*/
.services .fw-container {
    margin-bottom: -53px;
}
.iconbox.iconbox-style2 {
    margin-bottom: 53px;
}
.iconbox.iconbox-style2 .iconbox-icon {
    width: 60px;
    height: 60px;
    margin: -20px auto 0 auto;
    border: 2px solid #57bcca;
    border-radius: 31px;
    text-align: center;
    font-size: 22px;
    color: #57bcca;
    line-height: 57px;
    position: relative;
    float: left;
}
.iconbox.iconbox-style2 .iconbox-icon:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #57bcca;
    position: absolute;
    left: 50%;
    bottom: 0px;
    margin-left: -6px;
}
.iconbox.iconbox-style2 h4 {
    margin: 0 0 6px 77px;
    font-size: 20px;
    font-weight: 400;
    color: #4a4a4a;
}
.iconbox.iconbox-style2 p, .iconbox.iconbox-style2 .btn {
    margin: 0 0 0 77px;
}
/* 17. Content
-------------------------------------*/
.content p {
    margin-bottom: 25px;
}
.content p:last-of-type {
    margin-bottom: 0;
}
.content .btn {
    font-weight: 600;
}
.content .content-img-box {
    padding-bottom: 1px;
    border-bottom: 7px solid #57bcca;
}
.content .content-img-left,
.content .content-img-right {
    margin-bottom: 85px;
}
.content .content-img-left:last-of-type,
.content .content-img-right:last-of-type {
    margin-bottom: 0;
}
/* 18. Partners
-------------------------------------*/
.partners .partner-img {
    padding: 5px;
    background-color: #fff;
    display: block;
}
.partners h2 {
    font-size: 14px;
    margin: -40px 0 25px 0;
    color: #57bcca;
}
/* 19. Contact
-------------------------------------*/
.fw_form_fw_form .fw-heading.fw-heading-h1{
    display: none;
}
#contactform h2 {
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 0;
    color: #4a4a4a;
}
#contactform .form-builder-item label{
    display: none;
}
#contactform h3 {
    margin-bottom: 25px;
    font-size: 20px;
    font-weight: 600;
    color: #57bcca;
}
#contactform .contact-header {
    margin-bottom: 45px;
    padding-bottom: 22px;
    border-bottom: 1px solid #dcdcdc;
}
.wrpr:before{
    display: none;
}
#contactform .contact-img {
    float: left;
    margin-right: 20px;
    padding: 1px;
    border: 2px solid #d0cccc;
    width: 83px;
}
#contactform .contact-person {
    font-size: 20px;
    font-weight: 600;
}
#contactform .contact-title {
    font-weight: 400;
}
#contactform .contact-phone {
    font-size: 20px;
    font-weight: 600;
    color: #57bcca;
    margin-top: 8px;
}
#contactform .contact-phone i {
    font-size: 30px;
    margin-right: 10px;
    display: block;
    float: left;
    margin-top: -3px;
}
#contactform .input-group {
    border: 1px solid #f5f5f5;
    background-color: #f1f1f1;
    padding: 10px 2px;
    height: 58px;
    margin-bottom: 14px;
}
.fw-flash-type-success{
    list-style: none;
}
#contactform .input-group .input-group-addon {
    background-color: #f1f1f1;
    color: #57bcca;
    border: none;
    font-size: 24px;
    border-right: 1px solid #57bcca;
}
#contactform .form-control {
    background-color: #f1f1f1;
    border: none;
    box-shadow: none;
    font-size: 18px;
    font-weight: 400;
    min-height: 34px;
}
.btn .fa {
    top: 1px;
    position: relative;
}
.bg-highlight{
    background-color: #EAF5F7;
}
#contactform .input-group.textbox {
    width: 100%;
    padding-left: 55px;
    padding-bottom: 25px;
}
#contactform .input-group.textbox .input-group-addon {
    height: 44px;
    width: 55px;
    margin-left: -55px;
    display: block;
    float: left;
}
#contactform .input-group.textbox .input-group-addon i {
    vertical-align: middle;
}
#contactform .input-group.textbox textarea {
    float: left;
    width: 490px;
    height: 238px;
}
#contactform .contact-form-info {
    float: left;
    margin-top: 11px;
    color: #585858;
    font-size: 12px;
}
#contactform .btn-contact-form {
    float: right;
    font-weight: 600;
}
#contactform .btn-contact-form i {
    margin-top: -4px;
    margin-left: 2px;
}
/* 20. Address
-------------------------------------*/
.address img {
    margin-bottom: 15px;
}
.address .address-title {
    font-size: 20px;
    color: #57bcca;
    margin-bottom: 10px;
}
.address .address-info {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #4a4a4a;
}
.address .phones {
    margin-top: 30px;
    list-style: none;
    color: #57bcca;
    font-size: 24px;
    padding: 0;
}
.address .phones li {
    display: inline-block;
    padding: 0 15px;
}
.address .phones li i {
    font-size: 36px;
    vertical-align: sub;
    margin-right: 7px;
}
/* 21. Footer
-------------------------------------*/
.footer {
    background-color: #57bcca;
    color: #fff;
    position: relative;
    min-height: 85px;
}
.footer .footer-copyright {
    margin-top: 34px;
    font-size: 18px;
    font-weight: 300;
}
.footer .footer-social-media {
    list-style: none;
    font-size: 24px;
    margin-top: 30px;
}
.footer .footer-social-media li {
    display: inline-block;
    padding: 0 10px;
    float: right;
}
.footer .footer-social-media a {
    color: #fff;
}
.footer:after {
    content: ' ';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -30px;
    display: none;
    z-index: 99;
    margin-left: -30px;
}
.page-template-template-onepage .footer:after{
    display: block;
}
/* 22. Scroll Up Button
-------------------------------------*/
.scroll-up-btn {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    position: fixed;
    bottom: 64px;
    right: 34px;
    display: none;
    background-color: #57bcca;
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;

}
.scroll-up-btn i {
    color: #fff;
}
.scroll-up-btn:hover {
    background-color: #219eaf;
}
/* 23. Inquiry Modal
-------------------------------------*/
.vfb-time label{
    display: none;
}
#inquiryModal .modal-dialog {
    width: 748px;
}
#inquiryModal .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    border: 2px solid #fff;
}
#inquiryModal .modal-dialog .modal-content .modal-header {
    color: #fff;
    background-color: #57bcca;
    border-bottom: none;
    padding: 15px 5px 15px 15px;
}

#inquiryModal .modal-dialog .modal-content .modal-header .close {
    color: #fff;
    text-shadow: none;
    opacity: .6;
    font-size: 27px;
    margin: 4px 7px 0 0;
    line-height: 1!important;
}
#inquiryModal .modal-dialog .modal-content .modal-header .close:hover,
#inquiryModal .modal-dialog .modal-content .modal-header .close:focus {
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
}
#inquiryModal .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}
#inquiryModal .modal-dialog .modal-content .modal-body {
    padding: 0;
}
#inquiryModal .modal-dialog .modal-content .modal-body h2 {
    font-size: 18px;
    font-weight: 600;
    color: #57bcca;
    margin-top: 0;
    margin-bottom: 20px;
}
#inquiryModal .awebooking-wrapper{
    background-color: #fff;
}
#inquiryModal .apb-select, #inquiryModal .apb-input.apb-calendar {
    background-color: #f1f1f1!important;
    border-color: #f1f1f1;
    padding: 13px 10px!important;
    height: 47px!important;
}

#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .date-select {
    margin-bottom: 10px;
    float: left;
    width: 50%;
    padding-right: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .time-select {
    margin-bottom: 10px;
    float: right;
    width: 50%;
    overflow: hidden;
    position: relative;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .time-select:after {
    font-family: FontAwesome;
    content: '\f13a';
    position: absolute;
    right: 18px;
    bottom: 12px;
    color: #57bcca;
    z-index: 6;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .time-select select {
    background: transparent;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    box-shadow: none;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .time-select:before {
    display: block;
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 47px;
    width: 47px;
    margin: 0;
    background-color: #f1f1f1;
    z-index: 5;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .people-select {
    margin-bottom: 10px;
    float: right;
    width: 50%;
    overflow: hidden;
    position: relative;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .people-select:after {
    font-family: FontAwesome;
    content: '\f13a';
    position: absolute;
    right: 18px;
    bottom: 12px;
    color: #57bcca;
    z-index: 6;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .people-select select {
    background: transparent;
    line-height: 1;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: none;
    box-shadow: none;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .people-select:before {
    display: block;
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 47px;
    width: 47px;
    margin: 0 7px 0 0;
    background-color: #f1f1f1;
    z-index: 5;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .input-group-addon {
    border: none;
    color: #fff;
    background-color: #57bcca;
    font-size: 24px;
    border-radius: 0;
}
#inquiryModal .modal-dialog .modal-content .modal-body .room-and-date label {
    display: block;
}
#inquiryModal .modal-dialog .modal-content .modal-body hr {
    margin-top: 25px;
    margin-bottom: 35px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information {
    padding: 0px 0px 20px 0px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .first-name-group {
    float: left;
    width: 50%;
    padding-right: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .last-name-group {
    float: right;
    width: 50%;
    padding-left: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .zip-code-group {
    float: left;
    width: 30%;
    padding-right: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .city-group {
    float: right;
    width: 70%;
    padding-left: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .phone-group {
    float: left;
    width: 50%;
    padding-right: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .personal-information .email-group {
    float: right;
    width: 50%;
    padding-left: 7px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox {
    margin: 20px 0;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox .vfb-desc {
    display: none;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox input[type="checkbox"] {
    display: none;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox label {
    font-size: 18px;
    font-weight: 300;
    margin-left: -3px;
    margin-top: 15px;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox label:before {
    content: "";
    display: inline-block;
    font-size: 15px;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background-color: #57bcca;
    border-radius: 3px;
    line-height: 24px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    color: #f3f3f3;
    text-align: center;
    float: left;
}
#inquiryModal .modal-dialog .modal-content .modal-body .vfb-item-checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    color: #fff;
    font-size: 26px;
    text-shadow: none;
}
#inquiryModal .modal-dialog .modal-content .modal-footer {
    background-color: #eaf5f7;
    text-align: left;
    padding-top: 20px;
    border-top: none;
}
#inquiryModal .modal-dialog .modal-content .modal-footer .inquiry-info {
    font-size: 12px;
    float: left;
    color: #585858;
}
.xfooter{
    margin-left: -22px;
    margin-right: -22px;
    padding: 20px 30px 15px 30px;
}
#inquiryModal .modal-dialog .modal-content .modal-footer .inquiry-info p {
    line-height: 20px;
    margin-left: 20px;
}
#inquiryModal .modal-dialog .modal-content .modal-footer .inquiry-info p strong{
    font-weight: 600;
}
#inquiryModal .room-detail_form, #inquiryModal .apb-content{
    padding: 10px 30px 0 30px;
}
#inquiryModal .modal-dialog .modal-content .modal-footer .inquiry-info .inquiry-info-sign {
    font-size: 44px;
    color: #57bcca;
    float: left;
    line-height: 35px;
    margin-top: 1px;
}
#inquiryModal .modal-dialog .modal-content .modal-footer .btn-inquiry-submit {
    float: right;
    font-size: 16px;
    background-color: #57bcca;
    color: #fff;
    padding: 11px 35px;
    width: auto;
}
/* woocommerce
-------------------------------------*/
.woocommerce-checkout .left-content{
    width: 100%;
}
.woocommerce-checkout .right-content{
    display: none;
}
.woocommerce-checkout .apb-room-selected_item{
    background-color: #f1f1f1;
}
.woocommerce-checkout .form-row{
    padding-left: 0!important;
}
.woocommerce ul.order_details {
    background-color: #F1F1F1;
    padding: 20px;
    border-radius: 3px;
}
div.wpcf7-response-output{
    margin-left:0;
}
.woocommerce table.shop_table{
    border-radius: 3px;
}
.woocommerce .page-title,
.woocommerce ul.products li.product .added_to_cart,
.return-to-shop{
    display: none;
}
.woocommercecontainer{
    margin: 1.5em 0 0;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width:80px;
}
.woocommerce .title{
    margin-top: 0!important;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 3px solid #e3e2e2;
}
.woocommerce span.onsale {
    line-height: 33px;
    font-size: 12px;
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li{
    padding-top:4px;
}
.woocommerce ul.cart_list li a{
    line-height:2;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
    top: 12px;
    line-height: 1;
}
.woocommerce .quantity .qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce form input,
.woocommerce form select,
.select2-container .select2-choice,
.woocommerce form textarea {
    padding: 8px 5px 7px 5px;
    border-color: #f1f1f1;
    box-shadow: none;
    background-color: #f1f1f1;
    border-radius: 0;
}
.woocommerce .select2-container .select2-choice{
    padding: 2px 0 3px 8px;
}
.woocommerce ul.products li.product h3 {
    overflow: hidden;
    height: 39px;
}

.wcmenucart-contents {
    border: 1px solid #ebebeb;
    padding: 5px 10px!important;
    margin-top: 9px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
#coupon_code,
.cart_item .quantity .qty {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 2px solid #ebe9eb;
    background-color: transparent;
}
.woocommerce .quantity .qty{
    border-radius: 3px;
    background-color: transparent;
}
.woocommerce-cart table.cart td.actions .coupon .input-text{
    width: 85px;
    margin-right: 20px;
}
.woocommerce form textarea{
    min-height: 200px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
    -webkit-transition: all 0.08s ease-in;
    transition: all 0.08s ease-in;
}
.woocommerce #review_form #respond textarea{
    border-radius: 0;
}

.woocommerce #comments{
    margin: 20px 0;
}

.cart_item .quantity .qty{
    padding: 3px 0px!important;
    text-align: left;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    text-align: center;
    border: 1px solid #dedede;
    padding-bottom: 10px;
}
.woocommerce ul.products li.product .star-rating {
    margin-left: auto;
    margin-right: auto;
}
.woocommerce ul.products li.product a {
    display: block;
    margin: -1px;
}
.woocommerce ul.products li.product .button {
    margin: 1em 0 0 0;
    display: inline-block;
}
.woocommerce .widget_layered_nav_filters ul li {
    border: 1px solid #e3e2e2;
    padding: 3px 5px;
    line-height: 1.6!important;
    margin-right: 2px;
    font-size: 13px;
}

/* Teaser Blog
-------------------------------------*/
#teaser-blog {
    height: 195px;

    background-color: #F1F1F1;
    margin-top: 100px;
    overflow: hidden;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
#teaser-blog .title {
    color: #57bcca;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 300;
    margin: 0;
}
#teaser-blog .breadcrumbs {
    color: #4a4a4a;
    list-style: none;
    padding: 0;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
}
#teaser-blog .breadcrumbs li {
    display: inline-block;
    text-transform: uppercase;
}
#teaser-blog .breadcrumbs li:after {
    content: ">";
    padding: 0 2px 0 4px;
}
#teaser-blog .breadcrumbs li:last-of-type:after {
    content: "";
    padding: 0 0 0 5px;
}
#teaser-blog .breadcrumbs a {
    color: #4a4a4a;
}
#teaser-blog .breadcrumbs b {
    color: #57bcca;
}

#teaser-blog .post-head-meta{
    margin-top: 15px;
}
.single #teaser-blog .title{
    margin-top: -20px;
}
.page-overlay {
    background-color: rgba(255, 255, 255, 0.55);
    width: 100%;
    height: 100%;
    padding: 77px 0;
}

/* AWE Plugin
-------------------------------------*/
.ui-datepicker.apb-datepicker{
    width: auto;
}
.apb-calendar .ui-datepicker td span, .ui-datepicker.apb-datepicker td span{
    opacity: .5;
}
.apb-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a{
    color: #fff;
}
.apb-calendar .ui-datepicker-inline td a, .apb-calendar .ui-datepicker-inline td span{
    text-align: center;
}
.awebooking-widget {
    margin-bottom: 40px;
}
.apb-room-seleted_current h6,
.apb-room-seleted_current span {
    font-weight: inherit!important;
    color: #fff;
}
.apb-product_image_item img{
    width: 100%;
    height: auto!important;
}
.apb-product_tab{
    color: #585858;
}
.awebooking, .apb-datepicker, .awebooking-widget{
    font-family: inherit!important;
}
.apb-room-seleted_current h6{
    text-transform: uppercase;
    font-weight: bold!important;
}
.apb-field > label,
.apb-sidebar_group .label-group{
    text-transform: none;
    color: #585858;
    font-size: 14px;
    font-weight: inherit;
}
.apb-field_group label{
    font-size: 12px;
}
#awe-plugin-booking{
    margin-top: 100px!important;
    padding: 60px 0 20px 0;
}
.apb-room_name a {
    text-decoration: none!important;
    font-style: normal!important;
}
.apb-checkout-page .apb-widget-area{
    padding-left:0;
    padding-right:0;
}


#awe-plugin-booking #teaser-room{
    overflow: hidden;
}
.apb-room-selected, .apb-step, .apb-sidebar, .apb-content{
    margin-top: 0;
}
.apb-step, .apb-field-group .fa, .apb-field-group .apbf, .apb-field-group .icon, .apb-room_package a, .apb-room-select-footer .link-other-room, .apb-room-selected_item .apb-room-seleted_change, .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{
    color: #777;
}
.apb-field-group .fa, .apb-field-group .apbf, .apb-field-group .icon{
    margin-top: 3px;
}
#inquiryModal .apb-field-group .fa, #inquiryModal .apb-field-group .apbf, #inquiryModal .apb-field-group .icon{
    margin-top: 6px;
}
.apb-room-selected_item{
    color: #585858;
}
.apb-step{
    margin-bottom: 20px;
}
.apb-product_tab-header > li:not(.active) > a,
.room-detail_total h6 {
    color: #585858;
}
.fc-unthemed .fc-today{
    background-color: #ccc;
}
.apb-calendar .ui-datepicker td span, .ui-datepicker.apb-datepicker td span,
.apb-calendar .ui-datepicker td a, .ui-datepicker.apb-datepicker td a {
    color: #585858!important;
}
.apb-product_tab {
    padding-top: 85px;
    padding-bottom: 30px;
}
.apb-select, .apb-input.apb-calendar{
    border-color: #fff;
}
.apb-room-select-item{
    background-color: #f1f1f1;
    border-bottom: 1px solid #e4e4e4;
    color: #585858;
}
.apb-product_image .apb-product_image_item{
    margin-left: 0;
    margin-right: 0;
}
.apb-product_thumb .owl-item:first-child  {
    margin-left: -5px;
}

#awe-plugin-booking .room-tabs-gallery .room-tabs-gallery-caption h2{
    margin: 0;
    line-height: 1;
    font-size: 26px;
    font-weight: normal;
}
.fc-basic-view .fc-event-container *, .fc-basic-view .fc-event-container a{
    border-radius: 0;
}
.fc td {
    background-color: #fff;
    border-color: #f1f1f1;
    border-width: 5px;
}
body .fc {
    background: #f1f1f1;
    padding: 15px;
}
.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
    border-color: #f1f1f1;
}
.fc th {
    background-color: #f1f1f1;
    font-size: 12px;
    text-transform: uppercase;
}
.fc-toolbar h2{
    font-size: 18px;
    text-transform: uppercase;
}
.apb-fc-nav{
    margin:17px 20px 0 20px;
}
.fc td.fc-today{
    border-style: solid;
}
.awe-btn {
    border-radius: 3px;
}
.apb-sidebar_content  .apb-select-wrapper select {
    color: #898989;
    width: 100%;
    font-size: 12px;
    border-width: 0;
    padding: 0 0 0 10px;
    height: 30px;
    background-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-user-focus: none;
}
.sidebar .apb-sidebar_content {
    margin-bottom: 40px;
}
#awe-plugin-booking .room-tabs-gallery-caption:before, #awe-plugin-booking .room-tabs-gallery-caption:after{
    border-top: 15px solid #57bcca;
    border-bottom: 0;
    top: inherit;
    bottom: -15px;
    z-index: 10;
}
#awe-plugin-booking .room-tabs-gallery-caption:before{
    z-index: 9;
    border-top-color: #fff;
    bottom: -16px;
}

#awe-plugin-booking .room-tabs-gallery img {
    max-width: 100%;
    width: 100%!important;
    height: inherit!important;
    left: 0!important;
}
.apb-sidebar .apb-sidebar_content .apb-btn{
    width: 100%;
}


.apb-room-pkj .readmore-price {
    margin-left: 0!important;
    position: relative;
    display: block;
    color: #FFFFFF;
    font-weight: 300!important;
    font-size: 11px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    top: -11px;
    border-radius: 20px;
    padding: 0px 3px 1px 3px;
    background-color: #8C8C8C;
    text-decoration: none!important;
    font-style: normal;
}
.apb-sidebar_group .apb-field{
    padding-left: 10px;
    padding-right: 0;
}

.apb-room-pkj .apb-total-price-wrapper{
    margin-bottom: 10px;
    margin-top: 10px;
}
.apb-room-pkj
ul li {
    background-color: #f1f1f1;
}
#roomtype-search .apb-heading, #roomtype-search .apb-sidebar_title{
    display: none;
}

#roomtype-search{
    padding: 0;
}

#checking-awe .apb-room:after{
    content: "";
    clear: both;
    display: block;
}
#checking-awe .apb-room{
    margin-left: -15px;
    margin-right: -15px;
}
.apb-alert {
    margin-left: auto;
    margin-right: auto;
}
.apb-notice-js {
    left: 0;
    text-align: center;
    width: 100%;
}
.apb-room-pkj .apb-room_price{
    font-size: 16px;
    font-weight: normal;
    color: #fff!important;
    margin: 0!important;
    line-height: 34px;
}
.apb-room-pkj .apb-room_amount{
    font-size: 16px;
    margin-left: 0;
}
h2.apb-room_title {
    font-size: 36px;
    font-weight: 300;
}
.apb-room_desc{
    color: #585858;
}

.apb-product_image .apb-product_image_item{
    margin-left:0px!important;
    margin-right:0px!important;
}
.apb-room_text {
    padding: 20px 30px;
}
.apb-room_package {
    padding-top: 0;
    border-top: 10px solid #fff;
}
.apb-widget-area{
    margin-bottom: 30px;
}
.apb-room_package-content {
    padding-bottom: 20px;
}
.apb-room-pkj .apb-room_name{
    display: block;
    background-color: #57BCCA;
    margin: 1px 0 0 0;
    padding: 10px!important;
    text-align: left;
    position: relative;
}

.add-to-checkout-js{
    color: #57BCCA;
}

.apb-room-pkj .apb-room_name:before, .apb-room-pkj .apb-room_name:after{
    content: '';
    width: 0!important;
    height: 0;
    background-color: transparent!important;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -10px;
    margin-left: -5px;
    z-index: 10;
}
.apb-room-pkj .apb-room_name:after{
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #fff!important;
    top: -11px!important;
    margin-left: -6px;
    z-index: 9;
}




.apb-room_item .apb-room_img {
    margin-right: 30px;
    margin-top: 0;
}
.apb-room-pkj .apb-room_img {
    margin-right: 0;
}

.apb-room_item .apb-room_name{
    display: block;
    text-transform: none;
    position: relative;
    padding-bottom: 5px;
}
.apb-room-pkj .apb-total-price{
    color: #585858!important;
}

.apb-room_item .apb-room_name:after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #57BCCA;
    width: 100px;
    top: inherit;
}
.aw-sc-horizontal{
    background-color: #fff;
    text-align: center;
}

.aw-sc-horizontal .apb-content{
    padding-bottom: 0;
    padding-top: 0;
}
.ui-datepicker.apb-datepicker{
    z-index: 9999!important;
}
.xs-sc-horizontal .btn-inquiry-submit{
    width: inherit;
}
.xs-sc-horizontal .btn-inline {
    padding: 7px 20px 8px!important;
    font-size: 18px!important;
}

.xs-sc-horizontal .btn-inline i {
    font-size: 24px;
    margin: -2px 10px 0 0;
}
.btn-inline{
    width: inherit!important;
    display: inline-block!important;
}
.aw-sc-horizontal .row,
.aw-sc-horizontal .col-md-6{
    width: inherit;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.aw-sc-horizontal .row{
    margin-bottom: -15px;
    display: inline-block;
}

.xs-sc-horizontal .awebooking-datepicker.awebooking-input, .xs-sc-horizontal .awebooking-select{
    border-color: #F1F1F1;
    background-color: #F1F1F1;
}

.xs-sc-popup .awebooking-datepicker.awebooking-input, .xs-sc-popup .awebooking-select{
    border-color: #F1F1F1;
    background-color: #F1F1F1;
    height: 50px;
    font-size: 15px;
}
/* Blog Section
-------------------------------------*/
.blog-post {
    margin-bottom: 70px;
}
.blog-post blockquote {
    margin: 35px 27px;
    border-left: 6px solid #57bcca;
    font-size: 16px;
    line-height: 1.7;
    font-style: italic;
}
.single-post-tags {
    list-style: none;
    margin: 35px 0 0 0;
    padding: 0;
}
.single-post-tags li {
    display: inline-block;
    text-transform: uppercase;
}
.single-post-tags li:first-of-type {
    font-weight: bold;
    color: #57bcca;
}
.single-post-tags li a {
    color: #585858;
    text-transform: none;
}
.author-post .author-img {
    float: left;
    width: 106px;
    height: 106px;
    border: 1px solid #57bcca;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
.author-post .author-img img {
    width: 104px;
    height: 104px;
    padding: 2px;
}
.author-post .author-content {
    margin-left: 135px;
}
.author-post .author-content h2 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #57bcca;
}
.author-post .author-content h2 small {
    font-weight: 300;
    font-size: 18px;
}
.author-post .author-content p {
    font-size: 16px;
    line-height: 1.7;
}
.meta-featured-post {
    background-color: #57bcca;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
}
.blog-post .post-attachment {
    padding-bottom: 2px;
    border-bottom: 7px solid #57bcca;
    margin-bottom: 22px;
}
.blog-post .post-content-text {
    margin-top: 8px;
}
.blog-post .post-content-text .post-title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
    line-height: 1;
}
.blog-post .post-content-text .post-title a {
    color: #57bcca;
}
.blog-post .post-content-text .post-date {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 22px;
    display: block;
    color: #585858;
}
.blog-post .post-content-text p {
    font-size: 16px;
    line-height: 1.7;
}
.blog-post .more-link {
    text-transform: uppercase;
    margin-top: 10px;
    font-weight: normal;
    display: block;
    font-size: 14px;
}
.blog-post .page-links{
    margin: 10px 0;
}
.blog-post .page-links span {
    border: 1px solid #57bcca;
    border-radius: 15px;
    padding: 5px 10px;
    line-height: 1;
}
.pagination .page-numbers {
    font-size: 16px;
    font-weight: 300;
    list-style: none;
    padding: 0;
    margin: 0;
}
.pagination li{
    display: inline-block;
    padding: 0;
    color: #ffffff;
    min-width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 19px;
}
.pagination li .page-numbers {
    display: block;
    min-width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border-radius: 19px;
    background-color: #eaf5f7;
    color: #57bcca;
    text-decoration: none!important;
    padding: 0 15px;
}
.pagination li .page-numbers i {
    font-size: 14px;
    margin-left: 2px;
}
.pagination .page-numbers li .page-numbers:hover {
    background-color: #979797;
    color: #ffffff;
}
.pagination li .page-numbers.current, .pagination li .page-numbers.dots {
    color: #ffffff;
    background-color: #aaaaaa;
}

.comment-section {
    margin-top: 60px;
    font-size: 16px;
    line-height: 1.7;
}
.comment-section h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 40px;
}

#comments .comments-title {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

ol.comments {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-indent: 0;
}
ol.comments li {} ol.comments li.alt {} ol.comments li.bypostauthor {} ol.comments li.byuser {} ol.comments li.comment-author-admin {} ol.comments li.comment {
    padding: 10px 0;
    margin: 25px 0;
}
ol.comments li div.comment-author .fn {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
    /*margin-left: 35px;*/
}
ol.comments li div.vcard {} ol.comments li div.vcard cite.fn {
    font-style: normal;
}
ol.comments li div.vcard cite.fn a.url {} ol.comments li div.vcard img.avatar {} ol.comments li div.vcard img.avatar-32 {} ol.comments li div.vcard img.photo {
    float: left;
    width: 50px;
    height: 50px;
    padding: 2px;
    border: 1px solid #57bcca;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    margin-left: -80px;
}
ol.comments .comment-content,
ol.comments li div.comment-metadata {
    /*margin-left: 117px;*/
}
ol.comments li div.vcard span.says {} ol.comments li div.comment-metadata {
    font-size: 14px;
}
ol.comments li div.comment-meta {
    font-size: 14px;
}
ol.comments li div.comment-meta a {
    font-size: 14px;
}
ol.comments li p {
    /*font-size:14px;*/

    margin: 0 0 1em;
}
ol.comments li ul {
    /*font-size:14px;*/

    list-style: square;
    margin: 0 0 1em 2em;
}
ol.comments li div.reply {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 1px;
    position: absolute;
    top: 0;
    right: 0;
}
ol.comments li div.reply a {} ol.comments li ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
}
ol.comments li ul.children li {} ol.comments li ul.children li.alt {} ol.comments li ul.children li.bypostauthor {} ol.comments li ul.children li.byuser {} ol.comments li ul.children li.comment {
    padding-left: 15px;
}
ol.comments li ul.children li.comment-author-admin {} ol.comments li ul.children li.depth-2 {
    margin: 0 0 .25em 1.25em;
}
ol.comments li ul.children li.depth-3 {
    margin: 0 0 .25em 1.25em;
}
ol.comments li ul.children li.depth-4 {
    margin: 0 0 .25em 1.25em;
}
ol.comments li ul.children li.depth-5 {} ol.comments li ul.children li.odd {} ol.comments li.even {} ol.comments li.odd {} ol.comments li.parent {} ol.comments li.pingback {
    border-bottom: 1px dotted #666;
    padding: 1em;
}
ol.comments li.thread-alt {} ol.comments li.thread-even {} ol.comments li.thread-odd {} ol.comments li.odd.depth-1 {
    background-color: #fff;
}
ol.comments span.edit-link {
    margin-left: 10px;
}
ol.comments .comment-meta {
    margin-bottom: 10px;
}
ol.comments .comment-content {} ol.comments .comment-body {
    padding-bottom: 30px;
    border-bottom: 2px solid #ededed;
    margin-bottom: 30px;
    position: relative;
    padding-left: 80px;
}
#commentform {
    /* max-width: 550px;*/
}

.type-page .entry-content .fw-main-row:last-child {
    /*padding-bottom: 0!important;*/
}

.multipurpose-pagebuilder .entry-footer{
    text-align: center;
    /* display: none; */
}
.multipurpose-pagebuilder .entry-footer p{
    margin:0;
}
.post-edit-link {
    margin: 10px 0;
    display: inline-block;
    background: #E85757;
    color: #fff!important;
    padding: 2px 12px;
    border-radius: 3px;
}
.post-head-meta .meta-edit {
    display: none;
}
.relative {
    position: relative;
}
.section-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
}
.section-abc {
    background: rgba(255, 255, 255, 0.68);
    padding: 2px 5px;
    font-size: 12px;
    font-style: italic;
    display:none;
}
.section-footer:hover .section-abc{
    display:inline;
}
.section-footer .post-edit-link {
    margin: 10px 0;
    padding: 2px 12px;
}
.section-footer .post-edit-link {
    margin: 3px 0;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 1.45;
}

.multipurpose-pagebuilder,
.multipurpose-pagebuilder .post-content-text,
.multipurpose-pagebuilder .entry-content,
.multipurpose-pagebuilder .single-post{
    margin: 0!important;
}

.multipurpose-pagebuilder>.container{
    width: 100%!important;
    max-width: 100%!important;
    padding: 0!important;
    overflow-x: hidden; 
}

.apb-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
    color: #FFF!important;
}
.sidebar .widget-title {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #57bcca;
    margin-bottom: 10px;
    margin-top: 0;
}
.sidebar .widget {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.7;
}
.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
}
.sidebar .widget li ul{
    margin-left: 17px;
    list-style: square;
    font-size: 14px;
}
.sidebar .widget ul li {
    border-bottom: 1px solid #e3e2e2;
    vertical-align: middle;
    line-height: 40px;
}
.widget_rss li {
    margin-bottom: 30px;
}
.sidebar .widget li li{
    border: none!important;
}
.sidebar .widget ul li i {
    color: #57bcca;
    margin: 0 7px;
}
.sidebar .widget ul li a {
    color: #585858;
    text-decoration: none;
}
.sidebar .widget .tagcloud {
    margin-top: 5px;
    overflow: hidden;
}
.sidebar .widget .tagcloud a {
    color: #fff;
    background-color: #57bcca;
    padding: 6px 20px;
    display: inline-block;
    margin: 6px 4px 0 0;
    float: left;
    -webkit-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
    height: 38px;
    border-radius: 19px;
    font-size: 16px!important;
    text-decoration: none;
}
.sidebar .widget .tagcloud a:hover {
    background-color: #979797;
}
.sidebar .widget:after {
    clear: both;
}
.sidebar .search-widget form .input-group input {
    border-radius: 0;
    color: #57bcca;
    font-size: 16px;
    padding-left: 15px;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
    border: none;
    margin-top: 7px;
}
.sidebar .search-widget form .input-group-addon {
    border: none;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #57bcca;
}
.sidebar .search-widget form .input-group-addon .glyphicon {
    font-size: 20px;
}
.sidebar .search-widget form .form-control {
    box-shadow: none;
}
.sidebar .search-widget form .input-group {
    width: 100%;
    background-color: #eff1f2;
    height: 48px;
    border-radius: 24px;
}
.error-page {
    padding-bottom: 85px;
}
.error-page .container {
    border-bottom: 10px solid #57bcca;
}
.error-page h2 {
    font-size: 24px;
    font-weight: 300;
    margin: 0;
}
.error-page h3 {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    color: #57bcca;
}
.error-page h3 span {
    color: #585858;
    font-weight: 300;
}
.error-page .error-search {
    padding-top: 60px;
}
.error-page .error404 {
    color: #e7e7e7;
    font-weight: 600;
    font-size: 220px;
    border-right: 1px solid #ccc;
    height: 205px;
    line-height: 205px;
    margin-bottom: 60px;
    margin-top: 45px;
    margin-right: -17px;
}
.search-form {
    margin-top: 20px;
}
.search-form .input-group input {
    border-radius: 0;
    color: #57bcca;
    font-size: 16px;
    padding-left: 15px;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
    border: none;
    margin-top: 7px;
}
.search-form .input-group-addon {
    border: none;
    font-weight: bold;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    background-color: #57bcca;
}
.search-form .input-group-addon .glyphicon {
    font-size: 20px;
}
.search-form .form-control {
    box-shadow: none;
}
.search-form .input-group {
    width: 100%;
    background-color: #eff1f2;
    height: 48px;
    border-radius: 24px;
}
.apb-calendar .ui-datepicker-inline td.apb-highlight a,
.apb-calendar .ui-datepicker-inline td a:hover {
    color: #fff!important;
}
/* Footer Bar
--------------------------------------------*/
#footer-bar {
    background-color: #f1f1f1;
    padding: 25px 0 40px 0;
    color: #585858;
    line-height: 1.7;
    font-size: 16px;
    padding: 80px 0;
}
#footer-bar .footer-widget:after {
    clear: both;
}
#footer-bar h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #57bcca;
    margin-bottom: 20px;
}
#footer-bar .gallerywidget a {
    margin: 0 2px 4px 0;
    display: block;
    float: left;
}
/* 24. Breakpoints / Media Queries
-------------------------------------*/
/* Large devices (desktops, 1200px and down)*/
@media (max-width: 1200px) {
    body {
        line-height: 23px;
    }
    /* 4. Top Navbar 1200px
    -------------------------------------*/
    .top-navbar .navbar-default .navbar-brand img {
        max-width: 200px;
        margin-top: 5px;
    }
    .top-navbar .navbar-default .navbar-nav a {
        color: #585858;
        font-size: 13px;
    }
    .top-navbar .navbar-default .navbar-nav .active > a {
        background-color: #ffffff;
        font-size: 14px;
    }
    /* 5. Teaser Slider 1200px
    -------------------------------------*/
    .teaser-slider .item {
        height: 550px;
    }
    .teaser-slider-ph {
        height: 545px;
    }
    /* 6. Call to Action 1200px
    -------------------------------------*/
    .call-to-action .call-to-action-box {
        border-bottom: 5px solid;
    }
    .call-to-action .call-to-action-button {
        color: #ffffff;
        border: none;
        font-size: 17px;
        padding: 20px 27px 15px;
        vertical-align: top;

    }
    .call-to-action .call-to-action-button i {
        font-size: 28px;
        margin: -4px 8px 0 0;
    }
    .call-to-action .call-to-action-phone {
        font-size: 15px;
        margin-top: 18px;
    }
    /* 7. Features 1200px
    -------------------------------------*/
    .iconbox.iconbox-style1 {
        border-bottom: 5px solid;
        padding-top: 34px;
        text-align: center;
    }
    .iconbox.iconbox-style1 .iconbox-icon {
        width: 120px;
        height: 120px;
        border-radius: 60px;
        font-size: 46px;
        line-height: 120px;
    }
    .iconbox.iconbox-style1 h3 {
        margin: 26px 0 24px 0;
        font-size: 19px;
    }
    .iconbox.iconbox-style1 p {
        font-size: 12px;
    }
    /* 8. Room Tabs 1200px
    -------------------------------------*/
    .room-tabs-info {
        font-size: 12px;
    }
    .nav-tabs {
        margin-bottom: 38px;
        font-size: 16px;
    }
    .room-tabs-gallery .room-tabs-gallery-thumbnails {
        width: 65px;
    }
    .room-tabs-gallery .room-tabs-gallery-image {
        width: 380px;
    }
    .room-tabs-gallery .room-tabs-gallery-image .room-tabs-gallery-preview-container {
        height: 295px;
    }
    .room-tabs-gallery .room-tabs-gallery-caption {
        font-size: 13px;
    }
    .room-tabs-description {
        font-size: 12px;
    }
    .tab-content h3 {
        font-size: 20px;
        margin-bottom: 18px;
    }
    .room-tabs-checklist li {
        padding: 0 0 5px 0;
    }
    .room-tabs-checklist li i {
        font-size: 16px;
        margin-right: 7px;
        margin-top: 4px;
    }
    /* 10. Attractions 1200px
    -------------------------------------*/
    .attractions p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 30px;
    }
    .attractions .attraction-link a .attraction-caption {
        font-size: 12px;
    }

    /* 11. Newsletter 1200px
    -------------------------------------*/
    /*  {
        padding-bottom: 157px;
      }*/
    .newsletter-box h3 {
        font-size: 20px;
    }
    /* 12. Reviews 1200px
    -------------------------------------*/
    .reviews h2 {
        font-size: 32px;
    }
    .reviews .carousel-control {
        margin: 5px 0 0 0;
    }
    .reviews .carousel-inner {
        margin-top: 35px;
    }
    .reviews .review-box {
        border-bottom: 5px solid ;
        font-size: 12px;
    }
    .reviews .review-box h3 {
        font-size: 16px;
        margin: 0 0 22px 0;
    }
    .reviews .review-box .review-person {
        margin: 30px 0 20px 0;
    }
    .reviews .review-box .review-person-image {
        float: left;
        border-radius: 35px;
        width: 70px;
    }
    .reviews .review-box .review-person-name {
        font-size: 20px;
        margin: 0 0 10px 90px;
        padding-top: 10px;
    }
    .reviews .review-box .review-person-location {
        margin-left: 85px;
        font-size: 16px;
    }
    /* 13. About 1200px
    -------------------------------------*/
    .about .about-image {
        border-bottom: 5px solid ;
    }
    .about h2 {
        font-size: 32px;
        margin-bottom: 23px;
    }
    .about p {
        font-size: 16px;
        line-height: 28px;
    }
    .about .about-signature {
        margin-top: 25px;
        width: 200px;
    }
    /* 14. Counter 1200px
    -------------------------------------*/
    .counter-icon {
        font-size: 60px;
    }
    .counter-number {
        font-size: 36px;
    }
    .counter-description {
        font-size: 14px;
    }
    /* 15. Rates 1200px
    -------------------------------------*/
    .rates h2 {
        font-size: 42px;
        margin: 0 0 65px 0;
    }
    .rates .rate-box .rate-icon {
        color: #cccacc;
        font-size: 53px;
        line-height: 0;
    }
    .rates .rate-box .rate-icon .stars {
        font-size: 14px;
    }
    .rates .rate-box .rate-description {
        font-size: 16px;
    }
    .rates .rate-box .rate-price .rate-price-currency {
        font-size: 20px;
    }
    .rates .rate-box .rate-price .rate-price-amount {
        font-size: 83px;
    }
    .rates .rate-box .rate-price .rate-price-duration {
        font-size: 14px;
    }
    .rates .rate-box .rate-action button {
        font-size: 14px;
        padding: 10px 20px;
    }
    .rates .rate-box .rate-action button i {
        font-size: 22px;
        margin: 0 7px 0 0;
    }
    .rates .rates-payment-info {
        margin-top: 55px;
    }
    .rates .rates-payment-info p {
        font-size: 18px;
        margin-right: 10px;
    }
    .rates .rates-payment-info img {
        height: 30px;
    }
    /* 16. Services 1200px
    -------------------------------------*/
    .services h2 {
        font-size: 42px;
        margin: 0 0 65px 0;
    }
    .iconbox.iconbox-style2 {
        margin-bottom: 33px;
    }
    .iconbox.iconbox-style2 .service-icon {
        width: 55px;
        height: 55px;
        margin: -20px auto 0 auto;
        border: 2px solid ;
        border-radius: 31px;
        text-align: center;
        font-size: 20px;
        line-height: 54px;
        position: relative;
        float: left;
    }
    .iconbox.iconbox-style2 .service-icon:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid ;
        position: absolute;
        left: 50%;
        bottom: 0px;
        margin-left: -6px;
    }
    .iconbox.iconbox-style2 h3 {
        margin: 0 0 6px 70px;
        font-size: 18px;
    }
    .iconbox.iconbox-style2 p {
        margin: 0 0 0 70px;
        font-size: 12px;
    }
    /* 17. Content 1200px
    -------------------------------------*/
    .content h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .content h3 {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.6;
    }
    .content p {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .content p .btn {
        font-size: 13px;
    }
    .content .content-img-left,
    .content .content-img-right {
        margin-bottom: 70px;
    }
    /* 18. Partners 1200px
    -------------------------------------*/
    .partners h2 {
        font-size: 12px;
    }
    .partners .partners-container {
        padding: 32px 15px 70px 15px;
    }
    /* 19. Contact 1200px
    -------------------------------------*/
    #contactform h2 {
        font-size: 32px;
        margin-bottom: 25px;
    }
    #contactform h3 {
        margin-bottom: 25px;
        font-size: 18px;
    }
    #contactform .input-group {
        padding: 6px 2px;
        height: 50px;
        margin-bottom: 12px;
    }
    #contactform .input-group .input-group-addon {
        font-size: 22px;
    }
    #contactform .input-group .form-control {
        font-size: 16px;
    }
    #contactform .input-group.textbox .input-group-addon {
        height: 36px;
        width: 54px;
    }
    #contactform .input-group.textbox textarea {
        width: 394px;
        height: 223px;
    }
    /* 20. Address 1200px
    -------------------------------------*/
    .address {
        background-position: 70px;
    }
    .address img {
        margin-bottom: 15px;
    }
    .address .address-title {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .address .address-info {
        font-size: 18px;
    }
    .address .phones {
        margin-top: 35px;
        font-size: 22px;
    }
    .address .phones li i {
        font-size: 34px;
    }
    /* 21. Footer 1200px
    -------------------------------------*/
    .footer .footer-copyright {
        font-size: 16px;
    }
    .footer .footer-social-media {
        font-size: 22px;
        margin-top: 34px;
    }
}
/* Medium devices (desktops, 992px and down) */
@media (max-width: 992px) {
    body, .simple-title .fw-title, .section-title h3 {
        text-align: center;
    }
    .aw-sc-horizontal .row{
        margin-bottom: 0;
    }
    .aw-sc-horizontal .apb-field,
    .aw-sc-horizontal .row, .aw-sc-horizontal .col-md-6{
        width: 100%;
    }
    .aw-sc-horizontal .apb-field{
        margin-bottom: 10px!important;
    }
    .aw-sc-horizontal  .call-to-action-button{
        margin-top: 10px!important;
        width: 100%!important;
    }
    .revomenu .navbar-default .navbar-nav>li>a{
        background-color: #fff;
        color: #333;
    }

    .revomenu .navbar-default .navbar-toggle .icon-bar{
        background-color: #fff;
    }
    .revomenu .top-navbar .navbar-default{
        border-bottom: none;
    }
    .space-md {
        height: 20px;
    }
    .section-title h2{
        font-size: 36px;
        margin-bottom: 30px;
    }

    .section-spacing{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .call-to-action-button.show-inquiry-modal {
        margin-right: 35px;
        margin-left: 35px;
    }
    /* 4. Top Navbar 992px
    -------------------------------------*/
    .top-navbar {
        width: 100%;
    }
    .top-navbar .navbar-brand {
        margin-top: 5px;
        margin-left: -10px;
    }
    .top-navbar .navbar-default .navbar-collapse {
        border: none;
    }
    .top-navbar .navbar-default .navbar-toggle {
        margin-top: 30px;
        margin-right: 0;
    }
    .top-navbar .navbar-default .navbar-nav {
        margin-top: 25px;
        margin-right: 0;
    }
    .top-navbar .navbar-default .navbar-nav li {
        border-bottom: 1px solid ;
    }
    .top-navbar .navbar-default .navbar-nav li:last-of-type {
        border-bottom: none;
    }
    .top-navbar .navbar-default .navbar-nav .active > a:after {
        border: none;
    }
    /* 6. Call to Action 992px
    -------------------------------------*/
    .call-to-action {
        width: 326px;
    }
    /* 7. Features 992px
    -------------------------------------*/
    .iconbox.iconbox-style1 {
        margin-bottom: 35px;
    }
    /* 8. Room Tabs 992px
    -------------------------------------*/
    .room-tabs-info img {
        float: none;
        margin-bottom: 25px;
    }
    .nav-tabs {
        text-align: center;
    }
    .nav-tabs li {
        display: inline-block;
        float: none;
    }
    .room-tabs-gallery {
        margin-bottom: 35px;
    }
    .room-tabs-gallery .room-tabs-gallery-thumbnails {
        width: 100%;
        float: none;
        display: block;
        min-height: 75px;
        text-align: center;
    }
    .room-tabs-gallery .room-tabs-gallery-thumbnails a {
        margin-right: 10px;
        display: inline-block;
        width: 75px;
    }
    .room-tabs-gallery .room-tabs-gallery-image {
        width: 100%;
        float: none;
    }
    .room-tabs-gallery .room-tabs-gallery-image .room-tabs-gallery-preview-container {
        height: 80%;
    }
    .room-tabs-gallery .room-tabs-gallery-caption {
        text-align: left;
    }
    .room-tabs-gallery .room-tabs-gallery-caption .btn-room-check {
        float: right;
    }
    .room-tabs-checklist.left {
        text-align: right;
    }
    .room-tabs-checklist.left li i {
        float: right;
        margin: 7px 0 0 5px;
    }
    .room-tabs-checklist.right {
        text-align: left;
    }
    .room-tabs-checklist.right li i {
        float: left;
        margin: 7px 5px 0 0;
    }

    .attractions .grid-sizer { width: 50%; }
    .attractions .grid-item { width: 50%; }
    .attractions .grid-item--width2 { width: 50%; }
    .attractions .grid-item { height: 224px; }
    .attractions .grid-item--height2 { height: 478px; }

    /* 11. Newsletter 992px
    -------------------------------------*/
    /*  {
        padding-bottom: 150px;
      }*/
    .newsletter-box {
        min-height: 270px;
    }
    .newsletter-box .newsletter-box-icon {
        width: 100px;
        height: 100px;
        top: -50px;
        margin-left: -50px;
        border-radius: 50px;
        font-size: 46px;
        line-height: 100px;
    }
    .newsletter-box h3 {
        font-size: 16px;
    }
    .newsletter-box .input-group {
        padding: 7px 2px;
        height: 48px;
    }
    .newsletter-box .input-group .input-group-addon {
        font-size: 22px;
    }
    .newsletter-box .input-group .form-control {
        font-size: 16px;
    }
    .newsletter-box .newsletter-box-submit {
        width: 280px;
        position: absolute;
        left: 50%;
        margin-left: -140px;
        bottom: -80px;
    }
    .newsletter-box .newsletter-box-submit .newsletter-box-button .btn {
        height: 45px;
        font-size: 22px;
    }
    .newsletter-box .newsletter-box-submit .newsletter-box-socialmedia {
        margin-top: 20px;
    }
    .newsletter-box .newsletter-box-submit .newsletter-box-socialmedia h4 {
        font-size: 16px;
        margin-top: 13px;
    }
    /* 12. Reviews 992px
    -------------------------------------*/
    .reviews .review-controls {
        text-align: center;
        margin-top: 35px;
    }
    .reviews .review-box {
        margin-bottom: 35px;
    }
    .reviews .review-box .review-person-image {
        float: none;
        border-radius: 42px;
    }
    .reviews .review-box .review-person-name {
        margin: 0 0 10px 0px;
    }
    .reviews .review-box .review-person-location {
        margin-left: 0px;
    }
    /* 13. About 992px
    -------------------------------------*/
    .about .about-image {
        margin-bottom: 35px;
    }
    .about .about-signature {
        margin: 35px auto 0;
    }
    .nav-tabs li{
        border-right: 0;
    }
    /* 17. Counter 992px
    -------------------------------------*/
    .counter-box .counter-icon {
        float: none;
        margin: 0 auto;
    }
    .counter-box  .counter-number {
        margin-left: 0;
    }
    .counter-box  .counter-description {
        margin-left: 0;
    }
    /* 15. Rates 992px
    -------------------------------------*/
    .rates {
        padding-left: 25px;
        padding-right: 25px;
    }
    .rates .rate-box {
        border: 1px solid #bebebe !important;
        margin-bottom: 35px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .rates .rate-box.highlight {
        border-color: transparent !important;
        -webkit-transform: scale(1.02);
        -ms-transform: scale(1.02);
        transform: scale(1.02);
    }
    /* 16. Services 992px
    -------------------------------------*/
    .iconbox.iconbox-style2-row {
        margin-bottom: 0;
    }
    .iconbox.iconbox-style2 {
        margin-bottom: 35px;
        text-align: left;
    }
    .iconbox.iconbox-style2 .service-icon {
        width: 55px;
        height: 55px;
        margin: 0 auto 20px auto;
        border: 2px solid ;
        border-radius: 31px;
        text-align: center;
        font-size: 20px;
        line-height: 54px;
        position: relative;
        float: none;
    }
    .iconbox.iconbox-style2 .service-icon:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid ;
        position: absolute;
        left: 50%;
        bottom: 0px;
        margin-left: -6px;
    }
    .iconbox.iconbox-style2 h3 {
        margin: 0 0 6px 0;
    }
    .iconbox.iconbox-style2 p {
        margin: 0;
        margin-top: 20px;
    }
    /* 17. Content 992px
    -------------------------------------*/
    .content p:last-of-type {
        margin-bottom: 30px;
    }
    .content .content-img-left,
    .content .content-img-right {
        margin-bottom: 40px;
    }
    .content .content-img:last-of-type {
        margin-bottom: 35px;
    }
    /* 18. Partners 992px
    -------------------------------------*/
    .partners .partner {
        margin-bottom: 25px;
    }
    /* 19. Contact 992px
    -------------------------------------*/
    #contactform .contact-img {
        float: none;
        margin: 0 auto 25px;
    }
    #contactform .contact-phone i {
        display: inline-block;
        float: none;
    }
    #contactform .input-group.textbox textarea {
        width: 655px;
    }
    /* 21. Footer 992px
    -------------------------------------*/
    .footer .footer-copyright {
        font-size: 14px;
    }
    .footer .footer-social-media {
        padding: 0;
        margin-top: 25px;
        margin-bottom: 35px;
    }
    .footer .footer-social-media li {
        display: inline-block;
        float: none;
    }
    /* 23. Inquiry Modal 992px
   -------------------------------------*/
    #inquiryModal .modal-dialog .modal-content .modal-body {
        text-align: left;
    }
    /* Teaser Blog
      --------------------------------------------*/
    #teaser-blog {
        text-align: left;
    }
    #teaser-blog .breadcrumbs {
        text-align: left;
    }
    /* Blog Posts
    --------------------------------------------*/
    /*  {
        text-align: left;
      }*/
    .sidebar {
        margin-top: 50px;
    }
    .pagination-list {
        margin: 0 0 70px 0;
    }
    .error-page .error404 {
        border-right: none;
    }
    .error-page .error-search {
        padding-bottom: 60px;
        padding-top: 0;
    }
    /* Footer Bar
    --------------------------------------------*/
    #footer-bar {
        margin-top: 30px;
        text-align: left;
    }


    .apb-product_detail .apb-product_tab:before{
        display: none;
    }

    .apb-product_detail .apb-product_tab-header{
        float: none;
        width: 100%;
    }
    .room-detail_book{
        margin-top: 20px;
    }

    .apb-product_tab-header:after {
        content: "";
        clear: both;
        display: block;
    }
    .apb-product_detail .apb-product_tab-header li{
        float: left;
        margin-right: 10px;
    }

}
/* Small devices (768px and down) */
@media (max-width: 768px) {
    /* 5. Teaser Slider 768px
    -------------------------------------*/
    .teaser-slider .item {
        height: 430px;
    }
    .teaser-slider-ph {
        height: 425px;
    }
    /* 7. Features 768px
    -------------------------------------*/
    h2 {
        font-size: 28px;
    }
    /* 8. Room Tabs 768px
    -------------------------------------*/
    h2 {
        font-size: 24px;
    }
    .nav-tabs {
        font-size: 14px;
    }
    .tab-content h3 {
        font-size: 18px;
    }
    .room-tabs-checklist {
        margin-bottom: 0;
        margin-top: 0;
    }
    .room-tabs-checklist li {
        margin-bottom: 2px;
    }
    .room-tabs-checklist.left {
        text-align: center;
    }
    .room-tabs-checklist.left li i {
        float: none;
        display: none;
    }
    .room-tabs-checklist.right {
        text-align: center;
    }
    .room-tabs-checklist.right li i {
        float: none;
        display: none;
    }
    .attractions .grid-sizer { width: 100%; }
    .attractions .grid-item { width: 100%; }
    .attractions .grid-item--width2 { width: 100%; }
    .attractions .grid-item { height: 450; }
    .attractions .grid-item--height2 { height: 700px; }

    /* 9. Location 768px
    -------------------------------------*/
    .location .location-address {
        font-size: 16px;
        height: 60px;
        margin-top: -60px;
    }
    .location .location-address i {
        font-size: 17px;
    }
    /* 10. Attractions 768px
    -------------------------------------*/
    .attractions h2 {
        font-size: 28px;
    }
    .attractions p {
        font-size: 14px;
        line-height: 26px;
    }
    /* 11. Newsletter 768px
    -------------------------------------*/
    .newsletter-box {
        padding: 85px 15px 70px;
    }
    .newsletter-box h3 {
        font-size: 16px;
        line-height: 30px;
    }
    .newsletter-box .input-group {
        margin: 0 20px 20px 20px;
    }
    /* 12. Reviews 768px
    -------------------------------------*/
    .reviews h2 {
        font-size: 24px;
    }
    /* 13. About
    -------------------------------------*/
    .about h2 {
        font-size: 24px;
    }
    .about p {
        font-size: 14px;
        line-height: 26px;
    }
    /* 14. Counter 768px
    -------------------------------------*/
    .counter-box {
        margin-bottom: 35px;
    }
    /* 15. Rates 768px
  -------------------------------------*/
    .rates h2 {
        font-size: 28px;
    }
    .rates .rates-payment-info img {
        margin-top: 0;
    }
    /* 16. Services 768px
    -------------------------------------*/
    .services h2 {
        font-size: 28px;
    }
    /* 17. Content 768px
    -------------------------------------*/
    .content h2 {
        font-size: 24px;
    }
    .content h3 {
        font-size: 18px;
    }
    /* 19. Contact 768px
    -------------------------------------*/
    #contactform h2 {
        font-size: 28px;
    }
    #contactform h3 {
        font-size: 16px;
    }
    #contactform .input-group.textbox textarea {
        width: 85%;
    }
    /* 20. Address 768px
    -------------------------------------*/
    .address .address-title {
        font-size: 16px;
    }
    .address .address-info {
        font-size: 16px;
        line-height: 26px;
    }
    .address .phones {
        font-size: 18px;
        margin-top: 25px;
    }
    .address .phones li {
        margin-bottom: 5px;
    }
    .address .phones li i {
        font-size: 36px;
        vertical-align: sub;
        margin-right: 7px;
    }
    /* 23. Inquiry Modal 768px
    -------------------------------------*/
    .modal {
        padding: 0 !important;
        margin: 0 !important;
    }
    #inquiryModal .modal-dialog {
        width: 100%;
        margin: 0;
    }
    #inquiryModal .modal-dialog .modal-content {
        border: 0;
    }
    #inquiryModal .modal-dialog .modal-content .modal-header {
        text-align: left;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body {
        text-align: left;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .date-select {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .time-select {
        float: none;
        width: 100%;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .room-and-date .people-select {
        float: none;
        width: 100%;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .first-name-group {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .last-name-group {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .zip-code-group {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .city-group {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .phone-group {
        float: none;
        width: 100%;
        padding-right: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-body .personal-information .email-group {
        float: none;
        width: 100%;
        padding-left: 0px;
    }
    #inquiryModal .modal-dialog .modal-content .modal-footer .inquiry-info {
        float: none;
        padding-left: 0px;
        text-align: center;
    }
    #inquiryModal .modal-dialog .modal-content .modal-footer .btn-inquiry-submit {
        float: none;
        width: 100%;
        text-align: center;
    }
}
/* Extra Small devices (480px and down) */
@media (max-width: 480px) {
    /* 5. Teaser Slider 480px
    -------------------------------------*/
    /* 19. Contact 480px
    -------------------------------------*/
    #contactform .input-group.textbox textarea {
        width: 82%;
    }
    #contactform .contact-form-info {
        float: none;
        text-align: center;
    }
    #contactform .btn-contact-form {
        float: none;
        width: 100%;
    }
    /* 8. Room Tabs 480px
    -------------------------------------*/
    .nav-tabs {
        border: none;
    }
    .nav-tabs li {
        display: block;
        margin-bottom: 0;
    }
    .room-tabs-gallery .room-tabs-gallery-caption {
        text-align: center;
        height: 110px;
    }
    .room-tabs-gallery .room-tabs-gallery-caption .btn-room-check {
        float: none;
        display: block;
        width: 100%;
        margin-top: 10px;
    }
    /* 9. Location 480px
    -------------------------------------*/
    .location .location-address {
        font-size: 12px;
        font-weight: 600;
    }
}
/* 25. Helper Classes */
.text-light {
    font-weight: 300;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}
.mt25 {
    margin-top: 25px;
}
.mr5 {
    margin-right: 5px;
}
.mr10 {
    margin-right: 10px;
}
.mr15 {
    margin-right: 15px;
}
.mr20 {
    margin-right: 20px;
}
.mr25 {
    margin-right: 25px;
}
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb25 {
    margin-bottom: 25px;
}
.ml5 {
    margin-left: 5px;
}
.ml10 {
    margin-left: 10px;
}
.ml15 {
    margin-left: 15px;
}
.ml20 {
    margin-left: 20px;
}
.ml25 {
    margin-left: 25px;
}
/* 26. Change default Nav Breakpoint */
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }

    #teaser-blog .post-head-meta, #teaser-blog .title, #teaser-blog .breadcrumbs{
        text-align: center;
    }
    .single #teaser-blog{
        height: auto;
    }
    .top-navbar.container {
        padding-right: 0;
        padding-left: 0;
    }
}
/*WOO*/

.woocommerce-checkout .apb-room-selected_content .apb-room-seleted_item .apb-option, .apb-room-selected .apb-room-selected_content .apb-room-seleted_item .apb-option {
    font-size: 14px;
    font-weight: 500;
}
.xs-sc-horizontal .awebooking-datepicker.awebooking-input, .xs-sc-horizontal .awebooking-select {
    font-size: 14px !important;
    height: 40px ! important;
    font-weight: 500;
}


td.ui-datepicker-unselectable.ui-state-disabled span {
    background: #f5f5f5!important;
}
.apb-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
    background-color: #46598b ! important;
    font-weight: bold
}
.payment_methods.methods label {
    display: inline;
}

.footer-copyright a {
    color: #fff!important;
    text-decoration: underline;
    opacity: .8;
}
.footer-copyright a:hover{
    opacity: 1;

}
.tab-content>.active {
    overflow: hidden;
}

.apb-room_package a.apb-room_package-more{
    color: #9c9c9c;
}
.aw-sc-horizontal {
    background-color: transparent!important;
}


/*WPML Submenu style*/

.menu-item-language img {
    margin-right: 10px
}
.submenu-languages {
    visibility: hidden;
    position: absolute;
    list-style-type: none;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
    background: #fff;
    padding: 10px;
    margin: 0
}
.menu-item-language:hover .submenu-languages {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
/* New Css */


.xs-sc-horizontal .awebooking-check-form__content > div {
    display: inline-block;
    padding: 0 15px;
    overflow: hidden;
}

/*.awebooking .list-room {
    position: relative;
    top: 32px;
}*/

.xs-sc-horizontal .awebooking-check-form{
    background-color: transparent;
}
.xs-sc-horizontal .awebooking-check-form__content{
    padding: 0 20px;
}

.xs-sc-horizontal .awebooking-select{
    color: #57bcca;
}
.xs-sc-horizontal .awebooking-datepicker.awebooking-input{
    color: #57bcca;
}
.xs-sc-popup .awebooking-datepicker.awebooking-input, .xs-sc-popup .awebooking-select{
    color: #57bcca;
}
.xs-sc-horizontal .xfooter, .xs-sc-popup .xfooter {
    margin: 0;
    padding: 0;
}
.xs-sc-horizontal .modal-footer {
    text-align: right;
    border: none;
}
.xs-sc-popup .modal-footer {
    text-align: right;
    border: none;
}

.xs-sc-horizontal .xfooter .inquiry-info, .xs-sc-horizontal .awebooking-heading{
    display: none;
}

.awebooking-widget .xs-sc-popup .xfooter .inquiry-info,
.widget .xs-sc-popup .xfooter .inquiry-info,
.awebooking-widget .xs-sc-horizontal .xfooter .inquiry-info, 
.widget .xs-sc-horizontal .xfooter .inquiry-info, 
.xs-sc-horizontal .awebooking-heading{
    display: none;
}



/* Popup Css */

.xs-sc-popup .call-to-action-button i {
    display: none;
}
.xs-sc-popup .awebooking-check-form__content{
    padding: 0 20px;
}
.xs-sc-popup .xs-submit{
    margin-bottom: 0px;
}

.xs-sc-popup .call-to-action-button {
    float: right;
    font-size: 16px;
    color: #fff;
    padding: 11px 35px;
    width: auto;
}

/* For Widget Css */
.widget .inquiry-info {
    display: none;
}

/* Room List Css */

.xs-room-list .awebooking-loop-room-type__media.apb-room_img {
    padding: 0px;
}
.xs-room-list .apb-room_heading {
    background-color: #57BCCA;
}
.xs-room-list .awebooking-loop-room-type__button-booking {
    margin-top: 0px;
    border-radius: 4px;
}
.awebooking-loop-room-type__button-booking:hover{
    border-color: #fff;
}
.xs-room-list .apb-room_price .apb-room_amount {
    font-weight: bold;
    font-size: 30px;
    margin-left: 15px;
}
.xs-room-list .ext {
    margin-top: 20px;
    display: block;
    text-decoration: none;
}
.xs-room-list .awebooking-loop-room-type__info{
    padding: 0 30px;
}

.widget .awebooking .awebooking-check-form, .awebooking-widget .awebooking .awebooking-check-form{
    background-color: #f7f7f7;
}

.widget .awebooking .awebooking-heading, .awebooking-widget .awebooking .awebooking-heading {
    display: block;
}

.widget .awebooking .awebooking-check-form__content, .awebooking-widget .awebooking .awebooking-check-form__content {
    padding: 20px;
}

div#sidebar {
    margin-top: 20px;
}
.awebooking-widget {
    margin-top: 20px;
}
.widget .awebooking-check-form__wrapper .xfooter button i, .awebooking-widget .awebooking-check-form__wrapper .xfooter button i {
    display: none;
}
.awebooking-loop-room-type__title a {
    text-decoration: none;
}

.xs-single-room {
    margin: 150px 0;
}
.xs-single-room .awebooking-room-type__check-form.entry-summary{
    margin: 0px;
    color: #57bcca;
    padding: 0 15px;
}
.xs-single-room .awebooking-room-type__image img {
    width: 100%;
}
.xs-single-room .awebooking-room-type__check-form .awebooking-room-type__title,.xs-single-room .awebooking-room-type__check-form .awebooking-room-type__price{
    display: block; 
}

.xs-single-room h6 {
    font-weight: 700;
    padding: 20px;
    font-size: 16px;
}

.xs-single-room .price {
    font-size: 40px;
    font-weight: bold;
    padding: 0px 20px 20px;
}

.xs-single-room  .awebooking-heading{
    border-top: 1px solid #e4e4e4;
}

.xs-single-room  .room-tabs-gallery-caption {
    position: relative;
    background-color: #57bcca;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 13px 20px 0 20px;
    height: 55px;
    font-size: 14px;
    z-index: 20;
    border-bottom: 1px solid #fff;
}
.xs-single-room .room-tabs-gallery-caption h6 {
    margin: 0;
    line-height: 1;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    padding: 0px;
}
.xs-single-room .room-tabs-gallery-caption:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #57bcca;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
}

.xs-single-room .room-tabs-gallery-caption:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    left: 50%;
    top: -16px;
    margin-left: -16px;
}
.xs-single-room .room-tabs-gallery-caption:before, .xs-single-room .room-tabs-gallery-caption:after{
    border-top: 15px solid #57bcca;
    border-bottom: 0;
    top: inherit;
    bottom: -15px;
    z-index: 10;
}

.xs-single-room .awebooking-select{
    color: #57bcca;
}
.xs-single-room .awebooking-datepicker.awebooking-input{
    color: #57bcca;
}
.xs-single-room .awebooking-field>label{
    color: #585858;
}
.xs-single-room button.awebooking-btn, #awebooking-checkout-form .button, #awebooking-booking-form .button {
    background-color: #53b3c0;
    color: #fff;
    border: none;
    transition: all 0.25s ease;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 12px 20px;
    display: inline-block;
}
/* Booking Information */
table, th, td{
    border-width: 1px !important;
}
.awebooking-informations__table table, th, td {
    border: 1px solid rgba(212, 212, 212, 0.28);

}
.table-responsive {
    border-top: 1px solid rgba(212, 212, 212, 0.28);
    margin-bottom: 40px;
}
.awebooking-shortcode .awebooking-service__wrapper {
    overflow: hidden;
    margin-left: 15px;
    margin-right: 12px;
}
form#awebooking-booking-form .awebooking-informations__content {
    border-top: 1px solid #d1d1d1;
    padding: 0px;
}

table.awebooking-booking-item {
    margin-bottom: 23px;
}
table.awebooking-booking-item tr td:last-child {
    font-weight: bold;
    text-align: center;
}

/* Extra Common for Widget */

.widget h2.awebooking-heading, .awebooking-widget .awebooking .awebooking-heading{
    color: #57bcca;
}

.awebooking-datepicker.awebooking-input, .awebooking-select{
    border-color: #F1F1F1;
    background-color: #F1F1F1;
}

.widget .awebooking-check-form__wrapper .xfooter button, .awebooking-widget .awebooking-check-form__wrapper .xfooter button {
    font-size: 15px!important;
}

.widget .xs-submit, .awebooking-widget .xs-submit {
    display: block;
}
.widget .xs-sc-horizontal .awebooking-select, .awebooking-widget .awebooking .awebooking-select {
    padding-right: 66px;
}
.widget .xs-sc-horizontal .awebooking-check-form__content > div, .awebooking-widget .awebooking .awebooking-check-form__content > div {
    display: block;
    padding: 0px
}
.widget .xs-sc-horizontal .xfooter,
.widget .xs-sc-popup .xfooter, 
.awebooking-widget .xs-sc-popup .xfooter,
.awebooking-widget  .xs-sc-horizontal .xfooter {
    width: 100%;
}
div#sidebar ul {
    padding-left: 0px;
}
h1.awebooking-informations__title {
    color: #57bcca;
    font-size: 22px;
}
.awebookingcal{
    width: 47%;
    margin: 0 1%;
}
.awebookingcal .ui-datepicker-title {
    margin-bottom: 0px;
    padding: 13px 30px;
    background-color: #53b3c0;
    font-weight: bold;
}
.awebookingcal__table--month thead th {
    padding: 10px 0;
}
.ui-datepicker-title .awebookingcal__title {
    color: #fff;
}
.awebooking-tab__controls li a {
    text-decoration: none;
}
.awebooking-shortcode > table {
    margin-bottom: 80px;
}

#contactform .wpcf7-validation-errors {
    border: 2px solid #f7e700;
    overflow: hidden;
}
.woocommerce input.button {
    color: #fff;
}
.woocommerce input.button:hover{
    color: #fff;
}
/*table.awebooking-booking-item tr td:last-child p strong {
    display: none;
}*/
@media only screen and (max-width: 767px) {
    .xs-room-list .awebooking-loop-room-type__media.apb-room_img {
        width: 100%;
    }
    .xs-room-list .awebooking-loop-room-type__info{
        width: 100%;
    }
    .awebookingcal{
        width: 100%;
        margin-bottom:10px;
    }
    .awebooking-tab__controls li {
        font-size: 11px;
    }
}