@charset "UTF-8";
@font-face{
    font-family:'fontello';
    src:url(../font/fontello.eot?56792889);
    src:url(../font/fontello.eot?56792889#iefix) format("embedded-opentype"),url(../font/fontello.woff2?56792889) format("woff2"),url(../font/fontello.woff?56792889) format("woff"),url(../font/fontello.ttf?56792889) format("truetype"),url(../font/fontello.svg?56792889#fontello) format("svg");
    font-weight:400;
    font-style:normal
}
[class^="icon-"]:before,[class*=" icon-"]:before{
    font-family:"fontello";
    font-style:normal;
    font-weight:400;
    speak:none;
    display:inline-block;
    text-decoration:inherit;
    width:1em;
    margin-right:.2em;
    text-align:center;
    font-variant:normal;
    text-transform:none;
    line-height:1em;
    margin-left:.2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-location:before{
    content:'\e800'
}
.icon-user:before{
    content:'\e802'
}
.icon-phone-1:before{
    content:'\e803'
}
.icon-calendar:before{
    content:'\e804'
}
.icon-star:before{
    content:'\e806'
}
.icon-star-empty:before{
    content:'\e807'
}
.icon-left-open-big:before{
    content:'\e808'
}
.icon-right-open-big:before{
    content:'\e809'
}
.icon-twitter:before{
    content:'\f099'
}
.icon-facebook:before{
    content:'\f09a'
}
.icon-mail-alt:before{
    content:'\f0e0'
}
.icon-star-half-alt:before{
    content:'\f123'
}
.icon-fax:before{
    content:'\f1ac'
}
.ipro-container-sw{
    margin:0 auto;
    display:block;
    position:relative
}
.ipro-container-fdw{
    margin:0 auto;
    display:block;
    position:relative
}
.ipro-row{
    position:relative
}
.ipro-xl-1,.ipro-xl-10,.ipro-xl-11,.ipro-xl-12,.ipro-xl-2,.ipro-xl-3,.ipro-xl-4,.ipro-xl-5,.ipro-xl-6,.ipro-xl-7,.ipro-xl-8,.ipro-xl-9,.ipro-lg-1,.ipro-lg-10,.ipro-lg-11,.ipro-lg-12,.ipro-lg-2,.ipro-lg-3,.ipro-lg-4,.ipro-lg-5,.ipro-lg-6,.ipro-lg-7,.ipro-lg-8,.ipro-lg-9,.ipro-md-1,.ipro-md-2,.ipro-md-3,.ipro-md-4,.ipro-md-5,.ipro-md-6,.ipro-md-7,.ipro-md-8,.ipro-md-9,.ipro-md-10,.ipro-md-11,.ipro-md-12,.ipro-sm-1,.ipro-sm-10,.ipro-sm-11,.ipro-sm-12,.ipro-sm-2,.ipro-sm-3,.ipro-sm-4,.ipro-sm-5,.ipro-sm-6,.ipro-sm-7,.ipro-sm-8,.ipro-sm-9,.ipro-xs-1,.ipro-xs-10,.ipro-xs-11,.ipro-xs-12,.ipro-xs-2,.ipro-xs-3,.ipro-xs-4,.ipro-xs-5,.ipro-xs-6,.ipro-xs-7,.ipro-xs-8,.ipro-xs-9,.ipro-xxs-1,.ipro-xxs-10,.ipro-xxs-11,.ipro-xxs-12,.ipro-xxs-2,.ipro-xxs-3,.ipro-xxs-4,.ipro-xxs-5,.ipro-xxs-6,.ipro-xxs-7,.ipro-xxs-8,.ipro-xxs-9,.ipro-xxxs-1,.ipro-xxxs-10,.ipro-xxxs-11,.ipro-xxxs-12,.ipro-xxxs-2,.ipro-xxxs-3,.ipro-xxxs-4,.ipro-xxxs-5,.ipro-xxxs-6,.ipro-xxxs-7,.ipro-xxxs-8,.ipro-xxxs-9{
    float:left
}
@media (min-width: 19.875em){
    .ipro-container-fdw{
        width:auto
    }
    .ipro-xxxs-12{
        width:100%
    }
    .ipro-xxxs-11{
        width:91.666667%
    }
    .ipro-xxxs-10{
        width:83.3333%
    }
    .ipro-xxxs-9{
        width:75%
    }
    .ipro-xxxs-8{
        width:66.666667%
    }
    .ipro-xxxs-7{
        width:58.333337%
    }
    .ipro-xxxs-6{
        width:50%
    }
    .ipro-xxxs-5{
        width:41.66666%
    }
    .ipro-xxxs-4{
        width:33.333333%
    }
    .ipro-xxxs-3{
        width:25%
    }
    .ipro-xxxs-2{
        width:16.666667%
    }
    .ipro-xxxs-1{
        width:8.333333%
    }
}
@media (min-width: 35em){
    .ipro-container-fdw{
        width:540px
    }
    .ipro-xxs-12{
        width:100%
    }
    .ipro-xxs-11{
        width:91.666667%
    }
    .ipro-xxs-10{
        width:83.3333%
    }
    .ipro-xxs-9{
        width:75%
    }
    .ipro-xxs-8{
        width:66.666667%
    }
    .ipro-xxs-7{
        width:58.333337%
    }
    .ipro-xxs-6{
        width:50%
    }
    .ipro-xxs-5{
        width:41.66666%
    }
    .ipro-xxs-4{
        width:33.333333%
    }
    .ipro-xxs-3{
        width:25%
    }
    .ipro-xxs-2{
        width:16.666667%
    }
    .ipro-xxs-1{
        width:8.333333%
    }
}
@media (min-width: 48em){
    .ipro-container-fdw{
        width:750px
    }
    .ipro-xs-12{
        width:100%
    }
    .ipro-xs-11{
        width:91.666667%
    }
    .ipro-xs-10{
        width:83.3333%
    }
    .ipro-xs-9{
        width:75%
    }
    .ipro-xs-8{
        width:66.666667%
    }
    .ipro-xs-7{
        width:58.333337%
    }
    .ipro-xs-6{
        width:50%
    }
    .ipro-xs-5{
        width:41.666667%
    }
    .ipro-xs-4{
        width:33.333333%
    }
    .ipro-xs-3{
        width:25%
    }
    .ipro-xs-2{
        width:16.666667%
    }
    .ipro-xs-1{
        width:8.333333%
    }
}
@media (min-width: 62em){
    .ipro-container-fdw{
        width:767px
    }
    .ipro-sm-12{
        width:100%
    }
    .ipro-sm-11{
        width:91.666667%
    }
    .ipro-sm-10{
        width:83.3333%
    }
    .ipro-sm-9{
        width:75%
    }
    .ipro-sm-8{
        width:66.666667%
    }
    .ipro-sm-7{
        width:58.333337%
    }
    .ipro-sm-6{
        width:50%
    }
    .ipro-sm-5{
        width:41.666667%
    }
    .ipro-sm-4{
        width:33.333333%
    }
    .ipro-sm-3{
        width:25%
    }
    .ipro-sm-2{
        width:16.666667%
    }
    .ipro-sm-1{
        width:8.333333%
    }
}
@media (min-width: 64em){
    .ipro-container-fdw{
        width:991px
    }
    .ipro-md-12{
        width:100%
    }
    .ipro-md-11{
        width:91.666667%
    }
    .ipro-md-10{
        width:83.3333%
    }
    .ipro-md-9{
        width:75%
    }
    .ipro-md-8{
        width:66.666667%
    }
    .ipro-md-7{
        width:58.333337%
    }
    .ipro-md-6{
        width:50%
    }
    .ipro-md-5{
        width:41.666667%
    }
    .ipro-md-4{
        width:33.333333%
    }
    .ipro-md-3{
        width:25%
    }
    .ipro-md-2{
        width:16.666667%
    }
    .ipro-md-1{
        width:8.333333%
    }
}
@media (min-width: 77.5em){
    .ipro-container-fdw{
        width:1024px
    }
    .ipro-lg-12{
        width:100%
    }
    .ipro-lg-11{
        width:91.666667%
    }
    .ipro-lg-10{
        width:83.3333%
    }
    .ipro-lg-9{
        width:75%
    }
    .ipro-lg-8{
        width:66.666667%
    }
    .ipro-lg-7{
        width:58.333337%
    }
    .ipro-lg-6{
        width:50%
    }
    .ipro-lg-5{
        width:41.666667%
    }
    .ipro-lg-4{
        width:33.333333%
    }
    .ipro-lg-3{
        width:25%
    }
    .ipro-lg-2{
        width:16.666667%
    }
    .ipro-lg-1{
        width:8.333333%
    }
}
@media (min-width: 96.25em){
    .ipro-container-fdw{
        width:1170px
    }
    .ipro-xl-12{
        width:100%
    }
    .ipro-xl-11{
        width:91.666667%
    }
    .ipro-xl-10{
        width:83.3333%
    }
    .ipro-xl-9{
        width:75%
    }
    .ipro-xl-8{
        width:66.666667%
    }
    .ipro-xl-7{
        width:58.333337%
    }
    .ipro-xl-6{
        width:50%
    }
    .ipro-xl-5{
        width:41.666667%
    }
    .ipro-xl-4{
        width:33.333333%
    }
    .ipro-xl-3{
        width:25%
    }
    .ipro-xl-2{
        width:16.666667%
    }
    .ipro-xl-1{
        width:8.333333%
    }
}
.offset-1{
    margin-left:8.33%;
    *margin-left:8.325%
}
.offset-2{
    margin-left:16.66%;
    *margin-left:16.655%
}
.offset-3{
    margin-left:25%;
    *margin-left:24.995%
}
.offset-4{
    margin-left:33.33%;
    *margin-left:33.325%
}
.offset-5{
    margin-left:41.666667%;
    *margin-left:41.666625%
}
.offset-6{
    margin-left:50%;
    *margin-left:49.995%
}
.offset-7{
    margin-left:58.333337%;
    *margin-left:58.333325%
}
.offset-8{
    margin-left:66.666667%;
    *margin-left:66.666625%
}
.offset-9{
    margin-left:75%;
    *margin-left:74.995%
}
.offset-10{
    margin-left:83.33%;
    *margin-left:83.325%
}
.offset-11{
    margin-left:91.67%;
    *margin-left:91.665%
}
html{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -moz-box-sizing:border-box
}
*,:before,:after{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box
}
a:focus, a:hover{
    text-decoration: none !important
}
body{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#000;
    background:#fff;
    font:16px/1.2 Arial,'Helvetica Neue',Helvetica,sans-serif;
    min-width:320px
}
img{
    max-width:100%;
    height:auto
}
.gm-style img{
    max-width:none
}
@media only screen and (min-width: 1025px){
    a[href^="tel"],a[href^="skype"],a[href^="sms"]{
        cursor:pointer;
    }
}
.clearfix:after{
    content:'';
    display:block;
    clear:both
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
}
.sr-only-focusable:active,.sr-only-focusable:focus{
    position:static;
    width:auto;
    height:auto;
    margin:0;
    overflow:visible;
    clip:auto
}
.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
#auto-slider-using-animation-keyframes{
    width:100%;
    overflow:hidden
}
#slider{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:0
}
.slick-slide{
    margin:0 20px
}
.slick-slide img{
    width:100%
}
.slick-prev:before,.slick-next:before{
    color:#000
}
.slick-slide{
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
    opacity:.2
}
.slick-active{
    opacity:1
}
.slick-current{
    opacity:1;
    z-index:9;
}
#slider .slick-track{
    height:300px
}
.nav-collapse ul{
    margin:0;
    padding:0;
    width:100%;
    display:block;
    list-style:none
}
.nav-collapse li{
    width:100%;
    display:block
}
.js .nav-collapse{
    clip:rect(0 0 0 0);
    max-height:0;
    position:absolute;
    display:block;
    overflow:hidden;
    zoom:1
}
.nav-collapse.opened{
    max-height:9999px
}
.disable-pointer-events{
    pointer-events:none!important
}
.nav-toggle{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -o-user-select:none;
    user-select:none
}
@media screen and (min-width: 40em){
    .js .nav-collapse{
        position:relative
    }
    .js .nav-collapse.closed{
        max-height:none
    }
    .nav-toggle{
        display:none
    }
}
.header-fixed{
    background:#f4421a;
    position:fixed;
    z-index:3;
    width:100%;
    left:0;
    top:0
}
.logo{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    text-decoration:none;
    font-weight:700;
    line-height:55px;
    padding:0 20px;
    color:#fff;
    float:left
}
.mask{
    -webkit-transition:opacity 300ms;
    transition:opacity 300ms;
    background:rgba(0,0,0,0.5);
    visibility:hidden;
    position:fixed;
    opacity:0;
    z-index:2;
    bottom:0;
    right:0;
    left:0;
    top:0
}
.android .mask{
    -webkit-transition:none;
    transition:none
}
.js-nav-active .mask{
    visibility:visible;
    opacity:1
}
@media screen and (min-width: 40em){
    .mask{
        display:none!important;
        opacity:0!important
    }
}
.fixed{
    position:fixed;
    width:100%;
    left:0;
    top:0
}
.nav-collapse,.nav-collapse *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.nav-collapse,.nav-collapse ul{
    list-style:none;
    width:100%;
    float:left
}
@media screen and (min-width: 40em){
    .nav-collapse{
        float:right;
        width:auto
    }
}
.nav-collapse li{
    float:left;
    width:100%
}
@media screen and (min-width: 40em){
    .nav-collapse li{
        width:auto
    }
}
.nav-collapse a{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    border-top:1px solid #fff;
    text-decoration:none;
    background:#f4421a;
    padding:.7em 1em;
    color:#fff;
    width:100%;
    float:left
}
.nav-collapse a:active,.nav-collapse .active a{
    background:#b73214
}
@media screen and (min-width: 40em){
    .nav-collapse a{
        border-left:1px solid #fff;
        padding:1.02em 2em;
        text-align:center;
        border-top:0;
        float:left;
        margin:0
    }
}
.nav-collapse ul ul a{
    background:#ca3716;
    padding-left:2em
}
@media screen and (min-width: 40em){
    .nav-collapse ul ul a{
        display:none
    }
}
.nav-toggle{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-decoration:none;
    text-indent:-300px;
    position:relative;
    overflow:hidden;
    width:60px;
    height:55px;
    float:right
}
.nav-toggle:before{
    color:#fff;
    font:normal 28px/55px responsivenav;
    text-transform:none;
    text-align:center;
    position:absolute;
    content:"\2261";
    text-indent:0;
    speak:none;
    width:100%;
    left:0;
    top:0
}
.nav-toggle.active:before{
    font-size:24px;
    content:"\78"
}
.simple-nav ul{
    list-style:none;
    background-color:#444;
    text-align:center;
    padding:0;
    margin:0
}
.simple-nav ul li{
    font-family:'Oswald',sans-serif;
    font-size:1.2em;
    line-height:40px;
    height:40px;
    border-bottom:1px solid #888
}
.simple-nav ul li a{
    text-decoration:none;
    color:#fff;
    display:block;
    -webkit-transition:.3s background-color;
    transition:.3s background-color
}
.simple-nav ul li a :hover{
    background-color:#005f5f
}
.simple-nav ul li a .active{
    background-color:#fff;
    color:#444;
    cursor:default
}
@media screen and (min-width: 600px){
    .simple-nav li{
        width:120px;
        border-bottom:none;
        height:50px;
        line-height:50px;
        font-size:1.4em;
        display:inline-block;
        margin-right:-4px
    }
}
.menu-header{
    text-align:center
}
.menu-header a{
    padding:10px 0;
    display:block;
    font-size:48px;
    text-decoration:none;
    color:#555
}
@media only screen and (max-width: 1000px){
    .menu-nav > ul > li > a{
        padding:20px 23px
    }
}
.card-main{
    width:100%;
    height:auto;
    text-align:center;
    background-color:#fff
}
.card{
    border:1px solid #000;
    margin:0 15px
}
.card img{
    width:100%;
    height:250px
}
.card .card-body{
    padding:30px;
    text-align:left
}
.card .card-body h3{
    margin-bottom:40px;
    font-size:1.4em
}
.card .card-body .details{
    margin-bottom:40px;
    list-style-type:none
}
.card .card-body .details li{
    line-height:2;
    position:relative
}
.card .card-body .details :before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    position:absolute;
    float:left;
    left:-1.5em;
    top:.74em;
    background-color:#000
}
.card .card-body .btn{
    background-color:#148df0;
    color:#fff;
    text-decoration:none;
    color:#fff;
    font-size:1em;
    padding:10px
}
.card .card-body .btn:hover{
    background-color:#000
}
.card img:hover{
    opacity:.3
}
footer{
    width:100%;
    float:left;
    background-color:#000;
    padding-top:40px
}
.footer-main{
    width:100%;
    float:left
}
.footer-details{
    float:left;
    width:25%;
    list-style-type:none;
    padding-bottom:30px
}
.footer-details img{
    width:70%
}
.footer-details h3{
    font-size:1.4rem;
    color:#fff;
    margin-bottom:20px
}
.footer-details ul{
    padding-left:0
}
.footer-details ul li{
    line-height:2;
    list-style-type:none
}
.footer-details ul li a{
    text-decoration:none;
    color:#fff
}
.footer-details address{
    color:#fff;
    line-height:1.5;
    margin-bottom:20px;
    font-style:normal
}
.footer-details a{
    text-decoration:none
}
.footer-details a p{
    color:#fff;
    line-height:1
}
.footer-social ul li{
    float:left;
    font-size:38px;
    margin-right:30px
}
.footer-social ul li .fa-google-plus-square:hover{
    color:#DB4437
}
.footer-social ul li .fa-facebook-square:hover{
    color:#3B5998
}
.footer-social ul li .fa-twitter-square:hover{
    color:#1DA1F2
}
#foot{
    width:100%;
    float:left;
    background-color:#316161;
    padding-top:40px
}
#foot h3{
    font-size:1.4rem;
    color:#fff;
    margin-bottom:20px
}
#foot ul{
    padding-left:0
}
#foot ul li{
    line-height:2;
    font-size:1em;
    list-style-type:none
}
#foot ul li .i-name{
    margin-left:8px
}
#foot ul li a{
    text-decoration:none;
    color:#fff
}
#foot address{
    color:#fff;
    line-height:1.5;
    margin-bottom:20px
}
#foot a{
    text-decoration:none
}
#foot a p{
    color:#fff;
    line-height:1
}
.copyright{
    color:#fff;
    text-align:center;
    line-height:4;
    width:100%;
    float:left;
    background-color:#4e7c7c
}
.copyright p{
    margin-bottom:0
}
.copyright p a{
    color:#fff;
    text-decoration:none
}
.book-form input[type="text"],.book-form input[type="email"],select#country,select#country1,textarea,input#datepicker{
    width:98%;
    color:#fff;
    font-size:.9em;
    letter-spacing:.5px;
    padding:10px 10px 10px 50px;
    outline:none;
    background:rgba(255,255,255,0);
    border:none;
    border:1px solid rgba(255,255,255,0.47);
    line-height:2em
}
#form{
    margin-bottom:300px
}
.bg-agile{
    float:left;
    width:50%;
    position:absolute;
    padding:3em 3em 3.5em;
    background:#000;
    top:0;
    margin:50px;
    right:0
}
.book-form{
    margin:0;
    width:100%
}
.book-form .form-text{
    position:relative
}
.book-form i{
    position:absolute;
    color:#ea2e3e;
    top:7px;
    left:0;
    width:34px;
    line-height:25px;
    text-align:center;
    border-right:1px solid rgba(255,255,255,0.47)
}
.book-form input[type="submit"]{
    text-transform:capitalize;
    background:rgba(16,67,163,0.13);
    color:#fff;
    padding:.7em 0;
    border:none;
    border:2px solid #ea2e3e;
    font-weight:700;
    font-size:1em;
    margin-top:1.5em;
    width:50%;
    float:right;
    outline:none;
    letter-spacing:8px;
    -webkit-transition:.5s all;
    transition:.5s all;
    cursor:pointer
}
.book-form input[type="submit"]:hover{
    background:#ea2e3e;
    border-color:#ea2e3e;
    color:#fff
}
.book-form ::-webkit-input-placeholder{
    color:#fff!important
}
.book-form :-moz-placeholder{
    color:#fff!important
}
.book-form :-ms-input-placeholder{
    color:#fff!important
}
select#country option{
    background:#000
}
select#country1 option{
    background:#000
}
.phone_email{
    margin-bottom:1.5em;
    float:left
}
.span1_of_1{
    margin-bottom:1.5em;
    float:left
}
.phone_email1{
    float:right
}
.book_date{
    position:relative
}
.section_room{
    position:relative
}
.agile-reservation-grid{
    background:#f4f4f4;
    padding:2em
}
.book-appointment h2{
    text-align:center;
    font-size:30px;
    color:#fff;
    text-transform:capitalize;
    margin-bottom:2em;
    font-weight:500;
    letter-spacing:7px
}
.form1{
    width:100%;
    float:left;
    position:relative
}
.contact_info{
    padding:5em 0 0 14em
}
.contact_info h2{
    font-size:30px;
    text-align:center;
    margin-bottom:1em;
    letter-spacing:.1em
}
.form_contactinfo{
    width:500px;
    position:relative
}
.form_contactinfo h5{
    font-size:26px;
    margin:1em 0;
    letter-spacing:.03em
}
.form_contactinfo address{
    font-size:16px;
    margin-bottom:20px
}
.form1 .form_details{
    position:absolute;
    left:27%;
    bottom:40%
}
.form1 .form_details .address_info{
    float:left;
    width:280px;
    background-color:#c8b29c;
    border-style:solid;
    border-color:#e0cfbd;
    border-width:1px 0 1px 1px;
    padding:5px 0 5px 5px
}
.form1 .form_details .address_info h4{
    font-size:20px;
    color:#fff;
    letter-spacing:.15em
}
.form1 .form_details .address_info ul{
    padding-left:0
}
.form1 .form_details .address_info ul a{
    text-decoration:none
}
.form1 .form_details .address_info ul li{
    list-style-type:none;
    line-height:2;
    color:#fff
}
.form1 .form_details .address_info ul li .i-name{
    padding-left:10px;
    letter-spacing:.15em
}
address{
    font-style:normal;
    letter-spacing:.15em
}
.form_bgimg img{
    height:100%
}
.address_map{
    background-color:#000;
    width:120px;
    height:144px;
    float:left;
    padding-top:50px;
    text-align:center
}
.address_map .fa-map-marker-alt{
    font-size:30px;
    color:#fff
}
.address_map .map_text{
    background-color:#000;
    border:none;
    color:#fff;
    font-size:16px;
    letter-spacing:.1em
}
.padding{
    padding-left:15px;
    padding-right:15px
}
#wrapper{
    margin:0 auto;
    background:#fff;
    padding:20px;
    border:10px solid #aaa;
    border-radius:15px;
    background-clip:padding-box;
    text-align:center;
    float:left;
    display:inline-block
}
#wrapper p{
    display:inline
}
.button{
    font-family:Helvetica,Arial,sans-serif;
    font-size:13px;
    padding:5px 10px;
    border:1px solid #aaa;
    background-color:#eee;
    background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f0f0f0));
    background-image:linear-gradient(top,#fff,#f0f0f0);
    border-radius:2px;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.15);
    box-shadow:0 1px 3px rgba(0,0,0,0.15);
    color:#666;
    text-decoration:none;
    text-shadow:0 1px 0 #fff;
    cursor:pointer;
    -webkit-transition:all .2s ease-out;
    transition:all .2s ease-out
}
.button:hover{
    border-color:#999;
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);
    box-shadow:0 1px 3px rgba(0,0,0,0.25)
}
.button:active{
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25) inset;
    box-shadow:0 1px 3px rgba(0,0,0,0.25) inset
}
.overlay{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
    -webkit-transition:opacity 200ms;
    transition:opacity 200ms;
    visibility:hidden;
    opacity:0
}
.overlay.light{
    background:rgba(255,255,255,0.5)
}
.overlay .cancel{
    position:absolute;
    width:100%;
    height:100%;
    cursor:default
}
.overlay:target{
    visibility:visible;
    opacity:1
}
.popup{
    margin:75px auto;
    padding:20px;
    background:#fff;
    border:1px solid #666;
    width:300px;
    -webkit-box-shadow:0 0 50px rgba(0,0,0,0.5);
    box-shadow:0 0 50px rgba(0,0,0,0.5);
    position:relative
}
.light .popup{
    border-color:#aaa;
    -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.25);
    box-shadow:0 2px 10px rgba(0,0,0,0.25)
}
.popup h2{
    margin-top:0;
    color:#666;
    font-family:"Trebuchet MS",Tahoma,Arial,sans-serif
}
.popup .close{
    position:absolute;
    width:20px;
    height:20px;
    top:20px;
    right:20px;
    opacity:.8;
    -webkit-transition:all 200ms;
    transition:all 200ms;
    font-size:24px;
    font-weight:700;
    text-decoration:none;
    color:#666
}
.popup .close:hover{
    opacity:1
}
.popup .content{
    max-height:400px;
    overflow:auto
}
.popup p{
    margin:0 0 1em
}
.popup p:last-child{
    margin:0
}
.map-popup-overlay{
    visibility:hidden;
    position:absolute;
    width:500px;
    left:25%;
    top:-50px
}
.map-popup-overlay .active{
    visibility:visible;
    text-align:center;
    padding:.5em;
    float:left;
    width:100%;
    background:#fff;
    border:8px solid #ccc;
    border-radius:16px
}
.map-popup-content{
    visibility:hidden
}
.map-popup-content .active{
    visibility:visible
}
.map-open{
    display:inline-block;
    vertical-align:middle;
    padding:.5em;
    margin:.2rem;
    font-size:1rem;
    color:#fff;
    background:#000;
    border:none
}
.map-open :hover{
    border:1px solid #666;
    background:#666
}
.arrow-to-top{
    background:#16489f;
    color:#fff;
    font-size:1.5em;
    text-align:center;
    -webkit-box-shadow:4px 4px 9px #ccc;
    box-shadow:4px 4px 9px #ccc
}
.arrow-to-top .cd-nugget-info{
    text-align:center;
    position:absolute;
    width:100%;
    height:50px;
    line-height:50px;
    top:0;
    left:0;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.arrow-to-top .cd-nugget-info a{
    position:relative;
    font-size:14px;
    color:#ff7300;
    -webkit-transition:all .2s;
    transition:all .2s
}
.arrow-to-top .cd-nugget-info a:hover{
    opacity:.8
}
.arrow-to-top .cd-nugget-info span{
    vertical-align:middle;
    display:inline-block
}
.arrow-to-top .cd-nugget-info span svg{
    display:block
}
.arrow-to-top .cd-nugget-info .cd-nugget-info-arrow{
    fill:#fff
}
.arrow-to-top .cd-top{
    display:inline-block;
    height:40px;
    width:30px;
    position:fixed;
    bottom:40px;
    right:10px;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);
    box-shadow:0 0 10px rgba(0,0,0,0.05);
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    background:#3d90b8 url(../img/cd-top-arrow.svg) no-repeat center 50%;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s,visibility 0 .3s,background-color .3s 0;
    transition:opacity .3s 0s,visibility 0 .3s,background-color .3s 0;
    z-index:9
}
.arrow-to-top .cd-top.cd-top--show,.arrow-to-top .cd-top.cd-top--fade-out,.arrow-to-top .cd-top:hover{
    -webkit-transition:opacity .3s 0s,visibility 0 0s,background-color .3s 0;
    transition:opacity .3s 0s,visibility 0 0s,background-color .3s 0
}
.arrow-to-top .cd-top.cd-top--show{
    visibility:visible;
    opacity:1
}
.arrow-to-top .cd-top.cd-top--fade-out{
    opacity:.5
}
.arrow-to-top .cd-top:hover{
    background-color:#3d90b8;
    opacity:1
}
@media only screen and (min-width: 768px){
    .arrow-to-top .cd-top{
        right:20px;
        bottom:20px
    }
}
@media only screen and (min-width: 1024px){
    .arrow-to-top .cd-top{
        height:40px;
        width:40px;
        right:30px;
        bottom:30px
    }
}
@font-face{
    font-family:'fontello';
    src:url(./font/fontello.eot?95500281);
    src:url(./font/fontello.eot?95500281#iefix) format("embedded-opentype"),url(./font/fontello.woff?95500281) format("woff"),url(./font/fontello.ttf?95500281) format("truetype"),url(./font/fontello.svg?95500281#fontello) format("svg");
    font-weight:400;
    font-style:normal
}
body{
    margin:0;
    padding:0;
    font-family:"Open Sans",sans-serif!important;
    overflow:-moz-scrollbars-none;
    -ms-overflow-style:none;
    overflow-y:scroll;
    overflow-x:hidden
}
a{
    color:#fff;
    text-decoration:none
}
.top-bar{
    background:#3d90b8;
    color:#fff;
    float:left;
    width:100%;
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    letter-spacing:.02em
}
.header-left{
    display:inline-block;
    padding:.8em
}
.header-left span{
    padding:0 1em
}
.header-left a{
    color:#fff
}
.header-left a:hover,.header-left a:focus{
    color:#fff!important;
    opacity:.9
}
.header-left i.demo-icon{
    padding:0 1em 0 0
}
.header-right{
    text-align:center;
    font-family:"Open Sans",sans-serif
}
.header-right .btn-primary{
    background-color:#ff7300;
    padding:.8em 0;
    width:80%;
    border-radius:0;
    text-transform:uppercase;
    font-weight:600;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    border:none
}
.header{
    float:left;
    display:block;
    width:100%;
    position:relative
}
#slider-box{
    width:100%;
    overflow:hidden;
    position:relative;
    padding:0
}
#slider-box .text-box{
    position:relative;
    float:left;
    text-align:right;
    color:#fff;
    font-family:"Open Sans",sans-serif
}
#slider-box .text-box h1{
    font-size:60px;
    text-transform:uppercase;
    font-weight:700
}
#slider-box .text-box span{
    font-size:24px;
    font-weight:400;
    letter-spacing:.2em
}
#slider-box .booking-box{
    position:absolute;
    bottom:15%;
    display:block;
    width:100%
}
.datepicker-inline {
    width:320px !important;
}
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
    padding:12px !important;
}
#slider-box .booking-box #ZionCalendarWidget{
    float: left;
    width: 50%;
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
}
#slider-box .banner-footer{
    background:#3d90b8;
    width:100%;
    padding:2em;
    margin-top:-10px;
    position:relative;
    z-index:-1
}
#slider-box .banner-footer .banner-text{
    width:600px;
    float:left;
    -webkit-transform:translateX(20%);
    transform:translateX(20%);
    position:absolute;
    left:50%;
    color:#fff;
    top:1em;
    letter-spacing:.05em
}
#slider-box .banner-footer .banner-text h3{
    margin:0;
    font-size:14px;
    text-transform:uppercase
}
#slider-box .banner-footer .banner-text ul{
    display:inline-block;
    padding:0
}
#slider-box .banner-footer .banner-text ul li{
    display:block;
    float:left;
    padding-right:3em;
    font-weight:300;
    font-family:"Open Sans",sans-serif;
    margin-top:.2em;
    font-size:14px
}
#slider-box .foot2{
    background:#013954;
    padding:1em;
    position:relative;
    z-index:-1
}
#slider-box .foot2 .banner-text{
    width:600px;
    float:left;
    -webkit-transform:translateX(20%);
    transform:translateX(20%);
    position:absolute;
    left:50%;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    top:0;
    letter-spacing:.05em
}
#slider-box .foot2 .banner-text h5{
    text-transform:uppercase;
    padding:0 1em;
    float:left;
    font-size:12px;
    margin:8px 0
}
#slider-box .foot2 .banner-text .flex-box{
    padding:0 1em 0 0
}
#slider-box .foot2 .banner-text span{
    padding:.2em
}
#welcome{
    padding:100px 0;
    float:left;
    width:100%
}
#welcome .host-box{
    background:#e9ebf0;
    width:440px;
    border-radius:5px;
    padding:.5em;
    font-family:"Open Sans",sans-serif;
    margin-top:-100px
}
#welcome .host-box h2{
    color:#013954;
    font-weight:800;
    text-transform:uppercase;
    font-family:"Open Sans",sans-serif;
    font-size:24px;
    letter-spacing:.25em
}
#welcome .host-box h3{
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    letter-spacing:.5em;
    margin:0
}
#welcome .host-box h4{
    font-family:"Open Sans",sans-serif;
    font-size:28px;
    letter-spacing:.25em;
    text-transform:uppercase;
    font-weight:600
}
#welcome .owner-image{
    border-radius:5px;
    margin:-100px 1em 0 0
}
#welcome .welcome-section{
    border:5px solid #e9ebf0;
    float:left;
    background:#fff;
    padding:40px;
    width:100%;
    margin-top:50px
}
#welcome .welcome-section p{
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    letter-spacing:.05em;
    margin-top:1em
}
#welcome .new-box{
    float:left;
    width:100%;
    padding-top:.5em
}
#welcome .new-box p{
    margin-top:0
}
#video{
    padding:0 80px;
    margin-bottom:100px;
    text-align:center;
    width:100%;
    float:left
}
#video iframe{
    height:480px
}
#cmBook .cmheading h3{
    width: auto;
    float: left;
    background: #3d90b8;
    padding: 1em;
    border-radius: 0 1em 1em 0;
    font-weight: 700;
    color:#fff;
}
.cmheading{
    float:left;
    width:100%;
    text-align:left;
    position:relative;

    font-family:"Open Sans",sans-serif;
}
.heading{
    float:left;
    width:100%;
    text-align:left;
    position:relative;
    margin-bottom:2em;
    font-family:"Open Sans",sans-serif;
}
.heading h1{
    font-family:"Open Sans",sans-serif
}
.heading h2{
    font-family:"Open Sans",sans-serif;
    font-size:28px;
    font-weight:800;
    color:#000;
    position:relative;
    margin:0
}
.heading h2:after{
    position:absolute;
    left:-52%;
    content:'';
    background-color:#000;
    width:50%;
    height:1px;
    top:59%;
    bottom:0;
    transform:translateY(50%);
    -webkit-transform:translateY(50%);
    -o-transform:translateY(50%);
    -moz-transform:translateY(50%)
}
.heading h2:before{
    position:absolute;
    left:-1em;
    content:'';
    background-color:#000;
    width:4px;
    height:4px;
    border-radius:50%;
    top:50%;
    bottom:0;
    transform:translateY(50%);
    -webkit-transform:translateY(50%);
    -o-transform:translateY(50%);
    -moz-transform:translateY(50%)
}
#amenities{
    background:#e9ebf0;
    float:left;
    width:100%;
    padding:2em 0
}
.facility-box{
    width:100%;
    float:left
}
.facility-box .box{
    border-radius:5px;
    text-align:center;
    background:#fff;
    width:130px;
    margin:1em .5em;
    padding:1em 0
}
.check-in{
    background:#3d90b8;
    padding:.8em 0;
    text-align:center;
    margin:1em 0 .5em;
    color:#fff;
    border-radius:5px;
    letter-spacing:.05em;
    font-size:14px;
    font-family:"Open Sans",sans-serif
}
.check-out{
    background:#013954;
    padding:.8em 0;
    text-align:center;
    margin:.8em 0 1em;
    color:#fff;
    border-radius:5px;
    letter-spacing:.05em;
    font-size:14px;
    font-family:"Open Sans",sans-serif
}
.price-box{
    background:#fff;
    border-radius:5px;
    width:50%!important;
    position:relative;
    float:left
}
.daily-price,.weekly-price{
    position:relative;
    float:left
}
.daily-price h2,.weekly-price h2{
    font-size:20px;
    padding:1em 1em .2em;
    float:right;
    text-align:right;
    text-transform:uppercase;
    font-weight:800;
    font-family:"Open Sans",sans-serif;
    margin:0;
    display:block;
    width:100%
}
.daily-price h3,.weekly-price h3{
    float:right;
    font-size:14px;
    padding:0 1em;
    text-align:right;
    margin:0;
    font-family:"Open Sans",sans-serif
}
.rates{
    background:#3d90b8;
    color:#fff;
    padding:1em;
    font-family:"Open Sans",sans-serif;
    border-radius:0 5px 5px 0
}
#accommodation{
    padding:100px 0;
    width:100%;
    float:left
}
#accommodation .slider{
    position:relative;
    margin:1em 0
}
#accommodation .room-names{
    position:absolute;
    background:rgba(255,255,255,0.8);
    bottom:0;
    width:100%;
    float:left
}
#accommodation .room-names h3{
    text-align:right;
    font-size:18px;
    font-weight:500;
    padding:0 .5em;
    color:#000;
    letter-spacing:.05em;
    position:relative;
    font-family:"Open Sans",sans-serif
}
#accommodation .room-names h3:before{
    content:'';
    width:0;
    height:1px;
    float:left;
    background:#333;
    left:50%;
    z-index:9;
    right:0;
    position:absolute;
    top:25%;
    -webkit-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out
}
#accommodation .room-names h4{
    text-align:right;
    font-size:18px;
    font-weight:800;
    padding:0 .5em;
    color:#000;
    font-family:"Open Sans",sans-serif;
    letter-spacing:.05em
}
#accommodation .while:hover .room-names h3:before{
    content:'';
    width:150px;
    height:1px;
    float:left;
    background:#333;
    left:50%;
    z-index:9;
    right:0;
    position:absolute;
    top:25%;
    -webkit-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out
}
#accommodation .room-details{
    background:#fff;
    border:1px solid #e9ebf0;
    display:block;
    width:100%;
    padding:.5em;
    font-family:"Open Sans",sans-serif;
    margin:1em .5em .5em
}
#accommodation .room-details h3{
    font-size:18px;
    margin:.8em;
    font-weight:800;
    font-family:"Open Sans",sans-serif
}
#accommodation .room-details h4{
    font-size:14px;
    margin:.8em;
    font-weight:600;
    font-family:"Open Sans",sans-serif
}
#gallery{
    width:100%;
    float:left
}
#gallery .grid{
    position:relative;
    clear:both;
    margin:0 auto;
    padding:0;
    list-style:none;
    text-align:center
}
#gallery .grid figure{
    position:relative;
    float:left;
    overflow:hidden;
    height:auto;
    text-align:center;
    cursor:pointer
}
#gallery .grid figure img{
    position:relative;
    display:block;
    height:300px;
    padding:.5em;
    opacity:.8;
    width:100%
}
#gallery .grid figure figcaption{
    padding:2em;
    color:#fff;
    text-transform:uppercase;
    font-size:1.25em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
#gallery .grid figure figcaption::before,#gallery .grid figure figcaption::after{
    pointer-events:none
}
#gallery .grid figure figcaption,#gallery .grid figure figcaption > a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
#gallery .grid figure figcaption > a{
    z-index:1000;
    text-indent:200%;
    white-space:nowrap;
    font-size:0;
    opacity:0
}
#gallery .grid figure h2{
    word-spacing:-.15em;
    font-weight:300
}
#gallery .grid figure h2 span{
    font-weight:800
}
#gallery .grid figure h2,#gallery .grid figure p{
    margin:0
}
#gallery .grid figure p{
    letter-spacing:1px;
    font-size:1.5em;
    position:absolute;
    top:40%;
    left:0;
    right:0;
    transform:translateY(50%);
    -webkit-transform:translateY(50%)
}
#gallery figure.effect-ming img{
    opacity:.9;
    -webkit-transition:opacity .35s;
    transition:opacity .35s
}
#gallery figure.effect-ming figcaption::before{
    position:absolute;
    top:30px;
    right:30px;
    bottom:30px;
    left:30px;
    border:2px solid #fff;
    -webkit-box-shadow:0 0 0 30px rgba(255,255,255,0.8);
    box-shadow:0 0 0 30px rgba(255,255,255,0.8);
    content:'';
    opacity:0;
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    transition:opacity 0.35s,transform 0.35s,-webkit-transform .35s;
    -webkit-transform:scale3d(1.4,1.4,1);
    transform:scale3d(1.4,1.4,1)
}
#gallery figure.effect-ming h2{
    margin:20% 0 10px;
    -webkit-transition:-webkit-transform .35s;
    transition:-webkit-transform .35s;
    transition:transform .35s;
    transition:transform 0.35s,-webkit-transform .35s
}
#gallery figure.effect-ming p{
    padding:.5em;
    opacity:0;
    -webkit-transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,-webkit-transform .35s;
    transition:opacity 0.35s,transform .35s;
    transition:opacity 0.35s,transform 0.35s,-webkit-transform .35s;
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
#gallery figure.effect-ming:hover h2{
    -webkit-transform:scale(0.9);
    transform:scale(0.9)
}
#gallery figure.effect-ming:hover figcaption::before,#gallery figure.effect-ming:hover p{
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
#gallery figure.effect-ming:hover figcaption{
    background-color:rgba(58,52,42,0)
}
#gallery figure.effect-ming:hover img{
    opacity:.4
}
#page-heading{
    margin:0 auto;
    float:left;
    text-align:center;
    width:100%;
    padding:2em;
    border:1px solid #e9ebf0
}
#page-heading .heading-new h1{
    font-family:"Open Sans",sans-serif;
    font-size:28px;
    font-weight:800;
    color:#000;
    position:relative;
    text-transform:uppercase;
    margin:0
}
#page-heading p{
    font-family:"Open Sans",sans-serif;
    font-size:1em;
    line-height:2em;
    font-weight:600
}
#contact-form .form-new{
    float:left;
    margin:50px 0
}
.help-block{
    color:red;
    font:size 12px
}
.help-block ul{
    padding:0;
    list-style:none;
    margin:0
}
.help-block ul li{
    font-size:12px;
    font-weight:600;
    padding:0;
    margin:5px;
    font-family:"Open Sans",sans-serif;
    position:absolute;
    bottom:-20px
}
.form-2{
    float:left;
    margin:20px 0
}
.form-pad{
    padding-left:30px
}
#hire{
    width:100%;
    margin:0 auto;
    background:#e9ebf0;
    float:left;
    padding:2em
}
#hire .full-width{
    width:99%
}
.address-area{
    float:left;
    text-align:center;
    width:100%;
    padding:100px 20px;
    background:#3d90b8;
    transform:translateY(35%);
    -webkit-transform:translateY(35%)
}
.address-area i{
    color:#013954;
    font-size:40px
}
.address-area p{
    color:#fff;
    font-family:"Open Sans",sans-serif
}
form{
    margin:0 auto;
    padding:0 1em;
    width:49.5%;
    font-family:"Open Sans",sans-serif;
    float:left
}
form .field{
    float:left;
    position:relative;
    margin-bottom:20px;
    font-family:"Open Sans",sans-serif;
    float:left
}
form .field-width{
    width:48%;
    margin:1em .5em
}
form .textarea-width{
    width:98%;
    margin:.6em
}
form .form-control{
    -webkit-box-shadow:none!important;
    box-shadow:none!important;
    border-radius:0!important
}
form .field label{
    text-transform:uppercase;
    position:absolute;
    top:0;
    left:0;
    font-weight:400;
    background:#fff;
    width:100%;
    padding:.8em;
    font-size:1em;
    font-family:"Open Sans",sans-serif;
    letter-spacing:.075em;
    -webkit-transition:all 333ms ease-in-out;
    transition:all 333ms ease-in-out;
    font-size:14px;
    font-family:"Open Sans",sans-serif;
    color:#000
}
form .field label + span{
    opacity:0;
    color:#fff;
    display:block;
    position:absolute;
    top:12px;
    left:7%;
    font-size:2.5em;
    font-family:"Open Sans",sans-serif;
    text-shadow:1px 2px 0 #cd6302;
    -webkit-transition:all 333ms ease-in-out;
    transition:all 333ms ease-in-out
}
form .field input[type="text"],form .field input[type="email"]{
    text-indent:150px;
    width:100%;
    margin:0;
    color:#000;
    font-size:14px;
    font-family:"Open Sans",sans-serif;
    letter-spacing:.05em;
    text-transform:uppercase;
    height:39px;
    padding:0;
    background:transparent;
    border-bottom:1px solid #ccc;
    border-top:none
}
form input:focus{
    border:none;
    outline:none
}
form .field select{
    border:none;
    border:1px solid #e9ebf0;
    width:100%;
    margin:0;
    color:#000;
    font-size:1em;
    letter-spacing:.05em;
    text-transform:uppercase;
    height:43px;
    padding:0 .5em;
    font-size:14px;
    font-family:"Open Sans",sans-serif
}
form .field textarea{
    text-indent:200px;
    padding-top:1em;
    color:#000
}
form .field input[type="text"]#msg,form .field textarea#msg{
    height:40px;
    resize:none;
    -webkit-transition:all 333ms ease-in-out;
    transition:all 333ms ease-in-out;
    font-size:14px;
    font-family:"Open Sans",sans-serif;
    border-bottom:1px solid #ccc;
    border-top:none
}
form .field textarea:focus#msg{
    padding-bottom:150px
}
form .focus + label{
    width:25%;
    background:#3d90b8;
    color:#fff
}
form #fname,form #lname,form #number,form #in-date,form #out-date,form #mail,form #alert,form #alert2{
    font-size:.8em;
    margin:0;
    color:#555
}
form textarea.focus + label{
    width:150px!important;
    background:#3d90b8;
    color:#fff
}
form .field input[type="text"].focused + label,form .field input[type="email"].focused + label,form .field textarea.focused + label{
    color:#fff
}
form .field:hover label{
    width:25%;
    background:#000;
    color:#fff;
    padding:.8em;
    font-size:14px;
    font-family:"Open Sans",sans-serif;
    border-bottom:1px solid #ccc;
    border-top:none
}
form .msg-box:hover label{
    width:20%!important
}
form input[type="submit"]{
    background:#3d90b8;
    color:#fff;
    -webkit-appearance:none;
    border:none;
    text-transform:uppercase;
    position:relative;
    padding:13px 50px;
    font-size:1.4em;
    letter-spacing:0 .5em;
    font-family:"Open Sans",sans-serif;
    font-weight:300;
    -webkit-transition:all 333ms ease-in-out;
    transition:all 333ms ease-in-out;
    -webkit-box-shadow:none;
    box-shadow:none;
    text-shadow:none;
    font-family:"Open Sans",sans-serif;
    font-size:16px
}
.button-width{
    float:left;
    margin:.5em
}
#gallery .content{
    float:left
}
#gallery .content .grid{
    float:left
}
#local-attraction{
    position:relative;
    float:left;
    width:100%;
    padding:2em;
    color:#555
}
#local-attraction p{
    line-height:2em;
    letter-spacing:.005em;
    font-family:"Open Sans",sans-serif;
    font-size:16px
}
.la{
    position:relative;
    font-family:"Open Sans",sans-serif;
    margin:0
}
.la ul{
    padding-left:50px
}
.la ul li{
    font-family:"Open Sans",sans-serif;
    font-size:1em;
    padding:.8em 0;
    list-style-type:circle;
    font-weight:600
}
.la h2{
    font-family:"Open Sans",sans-serif
}
#main-items,#main-items2{
    float:left;
    width:100%;
    padding:20px 0;
    background:#e9ebf0
}
#main-items .heading,#main-items2 .heading{
    margin-top:1em;
    margin-bottom:1em
}
#main-items .grid,#main-items2 .grid{
    margin:20px auto
}
#main-items .place-name,#main-items2 .place-name{
    position:absolute;
    background:rgba(255,255,255,0.8);
    bottom:0;
    width:100%;
    float:left
}
#main-items .place-name h3,#main-items2 .place-name h3{
    text-align:right;
    font-size:16px;
    font-weight:700;
    padding:.5em;
    margin:0;
    color:#000;
    letter-spacing:.05em;
    position:relative;
    font-family:"Open Sans",sans-serif
}
.local-areas .parent-sample{
    display:inline-block
}
.local-areas .parent-sample img{
    -webkit-transition:.3s;
    transition:.3s;
    cursor:pointer;
    margin:5px
}
.local-areas .parent-sample img:hover{
    opacity:1!important
}
.local-areas .parent-sample:hover img{
    opacity:.4
}
#main-items2{
    float:left;
    width:100%;
    padding:20px 0;
    background:#fff
}
.photo-container .place-name,.photo-container2 .place-name{
    display:none
}
.photo-container .stage .place-name,.photo-container .stage2 .place-name,.photo-container2 .stage .place-name,.photo-container2 .stage2 .place-name{
    display:block;
    position:absolute;
    bottom:1em;
    background:#3d90b8;
    right:0;
    width:100%
}
.photo-container .stage .place-name h3,.photo-container .stage2 .place-name h3,.photo-container2 .stage .place-name h3,.photo-container2 .stage2 .place-name h3{
    font-size:18px;
    padding:.5em;
    font-family:"Open Sans",sans-serif;
    margin:0;
    color:#fff
}
#booking{
    float:left;
    display:block;
    width:100%;
    text-align:center;
    margin:50px 0 0;
    border-top:1px solid #e9ebf0
}
#booking h3{
    font-family:"Open Sans",sans-serif;
    font-size:28px;
    font-weight:800;
    color:#000;
    position:relative
}
#booking .btn-primary{
    background-color:#ff7300;
    padding:.8em;
    width:200px;
    border-radius:0;
    text-transform:uppercase;
    font-weight:600;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    border:none;
    margin:2em auto;
    font-size:14px
}
a #booking .btn-primary:hover{
    text-decoration:none
}
#booking .btn-primary:hover{
    background-color:#3d90b8;
    text-decoration:none
}
.ipro-brand{
    padding:1em 0
}
.topbar-icon{
    text-align:center
}
.text-center{
    text-align:center
}
.user{
    width:250px;
    margin:0 auto
}
.slick-slide{
    margin:0;
    -webkit-transition:all ease-in-out .3s;
    transition:all ease-in-out .3s;
    opacity:1
}
.slick-slide img{
    width:100%
}
.slick-prev:before,.slick-next:before{
    color:#000
}
.slick-prev{
    left:0;
    z-index:1
}
.slick-active{
    opacity:1
}
.slick-current{
    opacity:1
}
header{
    float:left;
    width:100%
}
header .brand{
    float:left
}
header .brand img{
    width:200px
}
header .menu-nav ul{
    -webkit-transform:translateY(50%);
    transform:translateY(50%)
}
header .menu-nav ul li a:after{
    width:0;
    height:5px;
    content:'';
    background:#ccc;
    position:absolute;
    left:20px;
    bottom:10px;
    margin:0 auto
}
header .menu-nav ul li a:hover:after{
    width:25px;
    height:5px;
    content:'';
    background:#ccc;
    position:absolute;
    left:20px;
    bottom:10px;
    margin:0 auto;
    -webkit-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out
}
header .menu-nav ul li.active a:after{
    -webkit-transition:width .5s ease-in-out;
    transition:width .5s ease-in-out;
    width:25px;
    height:5px;
    content:'';
    background:#ccc;
    position:absolute;
    left:20px;
    bottom:10px;
    margin:0 auto
}
header #main-nav{
    font-family:"Open Sans",sans-serif
}
header #main-nav .hide-show{
    display:none
}
header .menu-header a{
    padding:10px 0
}
.fixed{
    position:fixed;
    width:100%;
    left:0;
    top:0;
    background-color:#fff;
    -webkit-box-shadow:0 5px 10px -10px rgba(0,0,0,0.6);
    box-shadow:0 5px 10px -10px rgba(0,0,0,0.6);
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    z-index:99
}
.fixed .brand img{
    width:60px
}
.fixed #main-nav .hide-show{
    display:block;
    float:right
}
.fixed #main-nav .hide-show .button-book a{
    padding:5px 15px
}
.fixed #main-nav .hide-show .button-book a:after{
    display:none
}
.fixed #main-nav .hide-show .btn-primary{
    background-color:#ff7300;
    padding:.8em;
    width:100%;
    border-radius:0;
    text-transform:uppercase;
    font-weight:600;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    border:none;
    color:#fff;
    font-size:14px
}
.fixed #main-nav .hide-show .btn-primary:hover{
    background-color:#013954;
    border-color:#013954;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s
}
.fixed .menu-nav ul{
    -webkit-transform:translateY(21%);
    transform:translateY(21%)
}
.fixed .menu-nav > ul > li > a{
    padding:15px 10px
}
.fixed .menu-nav > ul > li.active > a:after,.fixed .menu-nav > ul > li:hover > a:after{
    left:10px;
    bottom:5px
}
#arial-view .book{
    width:80%;
    padding:4em;
    text-align:center;
    margin:0 auto;
    left:0;
    right:0;
    text-align:center;
    position:absolute;
    background:rgba(255,255,255,0.8);
    top:0;
    transform:translateY(50%);
    -webkit-transform:translateY(50%)
}
#arial-view h3{
    margin:0 0 1.5em;
    font-size:24px;
    font-weight:800
}
#arial-view .btn-primary{
    background-color:#ff7300;
    padding:.8em;
    width:200px;
    text-align:center;
    margin:0 auto;
    border-radius:0;
    text-transform:uppercase;
    font-weight:600;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s;
    border:none;
    color:#fff;
    font-size:14px
}
#arial-view .btn-primary:hover{
    background-color:#3d90b8;
    border-color:#3d90b8;
    transition:all ease-in-out .5s;
    -webkit-transition:all ease-in-out .5s;
    -o-transition:all ease-in-out .5s;
    -moz-transition:all ease-in-out .5s
}
.review{
    position:relative;
    background:#e9ebf0;
    padding:1em;
    float:left;
    width:100%;
    transition:all ease-in-out .1s;
    -webkit-transition:all ease-in-out .1s;
    -o-transition:all ease-in-out .1s;
    -moz-transition:all ease-in-out .1s
}
.review .init{
    margin:1em;
    background:#ff7300;
    color:#fff;
    padding:1em;
    float:left;
    display:block;
    width:45px;
    height:45px;
    text-align:center
}
.review p{
    display:block;
    width:100%;
    float:left;
    padding:1em;
    position:relative;
    font-family:"Open Sans",sans-serif;
    overflow:hidden;
    line-height:1.5em
}
.review .morecontent span{
    display:none
}
.review .morelink{
    display:block
}
.review .name{
    float:left;
    padding:1em
}
.review .name h3{
    margin:0;
    float:left;
    width:100%;
    font-size:18px;
    font-weight:800;
    font-family:"Open Sans",sans-serif
}
.review .name h5{
    margin:0;
    float:left;
    width:100%;
    font-size:14px;
    font-weight:600;
    font-family:"Open Sans",sans-serif
}
.box-middle{
    float:left;
    width:100%;
    margin:0 auto;
    display:block
}
#testimonial{
    padding:100px 0;
    width:100%;
    float:left
}
#testimonial .slick-list{
    z-index:2
}
#testimonial .slick-slide{
    margin:0 1em
}
#testimonial .slick-active{
    opacity:1
}
#testimonial .slick-next{
    right:-20px;
    z-index:3
}
#testimonial .slick-prev{
    left:-20px;
    z-index:3
}
#lg-download{
    display:none
}
.img-wifi{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 0 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-beachfront{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 282px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-kitchn{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 236px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-garden{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 195px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-ac{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 149px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-kids-frndly{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 105px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.room1{
    width:85px;
    height:40px;
    background:url(../img/facilities.png) -200px -66px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:relative
}
.room2{
    width:85px;
    height:40px;
    background:url(../img/facilities.png) -200px -66px;
    display:block;
    margin:1em;
    text-align:center;
    float:left
}
.room3{
    width:85px;
    height:40px;
    background:url(../img/facilities.png) -90px -66px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:relative
}
.room4{
    width:85px;
    height:40px;
    background:url(../img/facilities.png) 0 -66px;
    display:block;
    margin:1em;
    text-align:center;
    float:left
}
#arial-view{
    position:relative;
    width:100%;
    float:left;
    background-image:url(../img/la/arial-view.jpg);
    height:500px;
    padding:2em;
    background-attachment:fixed;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
#rating{
    width:100%;
    float:left;
    margin-bottom:100px
}
#rating .box{
    width:180px;
    height:180px;
    border:5px solid #e9ebf0;
    border-radius:100%;
    display:block;
    margin:1em auto;
    position:relative;
    text-align:center
}
.stars{
    width:90px;
    height:100px;
    background:url(../img/facilities.png) 0 280px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:absolute;
    top:-25%;
    margin:0 auto;
    left:0;
    right:0
}
.marks{
    text-align:center;
    font-size:24px;
    font-weight:800;
    padding:2em;
    font-family:"Open Sans",sans-serif;
    width:100%;
}
.ota-booking{
    width:210px;
    height:47px;
    background:url(../img/facilities.png) 565px 260px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:absolute;
    margin:0 auto;
    left:-20px;
    right:0;
    top:50%;
    opacity:.8
}
.ota-airbnb{
    width:200px;
    height:59px;
    background:url(../img/facilities.png) 223px 203px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:absolute;
    margin:0 auto;
    left:-20px;
    right:0;
    top:50%;
    opacity:.8
}
.ota-expedia{
    width:180px;
    height:60px;
    background:url(../img/facilities.png) 230px 135px;
    display:block;
    margin:1em;
    text-align:center;
    float:left;
    position:absolute;
    margin:0 auto;
    left:-20px;
    right:0;
    top:50%;
    opacity:.8
}
#footer{
    width:100%;
    float:left;
    background:#e9ebf0;
    padding:40px
}
#footer h3 span{
    font-size:14px;
    font-weight:500
}
#footer h3{
    font-size:18px;
    font-weight:800;
    font-family:"Open Sans",sans-serif;
    margin-bottom:20px
}
#footer p{
    font-size:14px;
    font-weight:500;
    font-family:"Open Sans",sans-serif
}
#footer .address a{
    cursor:default;
    text-decoration:none
}
#footer ul{
    padding:0;
    display:inline-block;
    float:left;
    width:100%
}
#footer ul li{
    display:block;
    float:left;
    padding:1em 2em 0 0;
    font-family:"Open Sans",sans-serif;
    font-size:14px;
    color:#555
}
.footer-bottom{
    float:left;
    border-bottom:1px solid #ccc;
    margin:1em 0
}
.footer-bottom li a{
    color:#999!important
}
.contact-details a{
    text-decoration:none;
    color:#000!important
}
.contact-details .demo-icon{
    color:#555;
    width:40px;
    height:40px;
    padding:9.8px;
    border:1px solid #ccc;
    border-radius:50%;
    margin:0 14px;
    float:left
}
.contact-details .demo-icon:before{
    font-size:14px!important
}
.contact-details{
    margin-top:20px;
    padding:0 50px;
    float:left;
    display:block
}
.contact-details p{
    margin:.8em
}
.call,.mail,.address{
    margin:0 0 1em;
    float:left;
    position:relative;
    width:100%
}
.icon-social .icon{
    display:inline-block;
    float:left
}
.icon-facebook{
    color:#555;
    width:40px;
    height:40px;
    padding:9.8px;
    border:1px solid #ccc;
    border-radius:50%;
    margin:0 14px;
    float:left;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out
}
.icon-facebook:hover{
    border:1px solid #ccc;
    background:#fff;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out
}
.icon-facebook:before{
    font-size:14px;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out
}
.icon-facebook:hover:before{
    color:#3d90b8;
    transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out
}
.text-footer{
    margin:0;
    float:right;
    width:100%;
    text-align:right;
    font-size:14px!important;
    font-weight:700!important;
    color:#000!important
}
.text-footer a{
    color:#013954
}
.text-footer a:hover{
    color:#3d90b8
}
#amenities2,#amenities3{
    margin:20px 0;
    background:#e9ebf0;
    float:left;
    width:100%;
    padding:50px
}
#room-page{
    display:block;
    text-align:center;
    position:relative
}
#room-page p{
    font-family:"Open Sans",sans-serif;
    font-size:16px;
    letter-spacing:.005em;
    color:#555;
    line-height:1.5em;
    float:left;
    text-align:left
}
#room-page img{
    height:auto;
    width:100%;
    display:block;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out
}
.room-figure{
    float:left;
    margin:50px 0 0
}
.rooms2{
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    margin:50px auto 0 0;
    float:left;
    position:relative;
    overflow:hidden;
    padding:.5em;
    font-family:"Open Sans",sans-serif
}
.rooms2:hover img{
    -webkit-transform:scale(1.25);
    transform:scale(1.25);
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out
}
.rooms2::before{
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1
}
.rooms2 .room-name{
    color:#020000;
    position:relative;
    bottom:0;
    width:100%;
    left:0;
    z-index:3;
    transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
    opacity:1;
    text-align:center;
    text-transform:uppercase;
    text-shadow:0 0 4px rgba(255,255,255,0.65);
    font-family:"Open Sans",sans-serif;
    float:left;
    background:#e9ebf0;
    padding:2em;
    letter-spacing:.5em;
    font-weight:400;
    border-bottom:1px solid#ccc
}
span.quantity{
    background:#000;
    color:#fff;
    border-radius:50%;
    width:20px;
    height:20px;
    display:block;
    right:0;
    position:absolute
}
p.bed-type{
    float:left;
    margin:1.5em
}
.room-content{
    background:#e9ebf0;
    float:left;
    width:100%;
    padding:.5em
}
.img-iron{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 331px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-tub{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 289px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-cans{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 180px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-dry-rack{
    width:30px;
    height:40px;
    background:url(../img/facilities.png) 242px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-rack{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 212px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-blanket{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 147px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-carpet{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 107px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-crib{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 70px 40px;
    display:block;
    margin:0 auto;
    text-align:center
}
.facility-box .box1,.facility-box .box2{
    border-radius:5px;
    text-align:center;
    background:#fff;
    margin:1em 0;
    border:4px solid #e9ebf0;
    padding:1em 0
}
hr{
    border:1px solid #e9ebf0
}
.box1 p,.box2 p{
    font-size:18px;
    font-family:"Open Sans",sans-serif;
    font-weight:700
}
p.sub-text{
    text-align:center;
    font-size:14px;
    padding:0 1em;
    font-family:"Open Sans",sans-serif;
    font-weight:700
}
.facility-box ul li{
    float:left;
    width:100%;
    text-align:left;
    font-size:14px;
    opacity:.8;
    line-height:2em;
    font-family:"Open Sans",sans-serif;
    font-weight:600
}
.img-park{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 330px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-act{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 294px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-pet{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 248px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-disable{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 218px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-outdoor{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 92px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-bathroom{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 130px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-transport{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 54px -41px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-sofa{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 170px 79px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-food{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 132px -36px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-recpetion{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 49px 0;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-media{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 90px -36px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-clean{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 252px -169px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-business{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 46px -235px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-wellness{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 48px 306px;
    display:block;
    margin:0 auto;
    text-align:center
}
.img-miscel{
    width:40px;
    height:40px;
    background:url(../img/facilities.png) 44px 117px;
    display:block;
    margin:0 auto;
    text-align:center
}
.about-us h1{
    font-size:24px;
    font-family:"Open Sans",sans-serif;
    font-weight:700;
    float:left;
    text-align:left;
    display:block;
    margin:0;
    width:100%;
    padding-bottom:.8em
}
.phase{
    width:100%;
    background:#fff;
    box-shadow:0 0 10px 4px #fff;
    float:left;
    padding:1em;
    margin:.5em 0;
    border-radius:.2em;
    border:1px solid #dfdfdf;
    transition:box-shadow .3s
}
.phase:hover{
    box-shadow:0 0 50px 8px #cfcfcf
}
.about-us p{
    font-size:14px;
    font-family:"Open Sans",sans-serif;
    font-weight:600;
    float:left;
    text-align:left;
    line-height:1.5;
    color:#999
}
#gallery2{
    background-color:#fff;
    float:left;
    text-align:center;
    width:100%
}
#gallery2 ul{
    padding:0
}
#gallery2 li{
    padding:.5em;
    list-style:none
}
#main-gallery .portfolioFilter{
    padding:0 0 15px;
    margin:0 auto;
    width:100%;
    text-align:center
}
#main-gallery .portfolioFilter a{
    font-size:14px;
    margin-right:6px;
    color:#666!important;
    text-decoration:none;
    border:1px solid #ccc;
    padding:4px 15px;
    display:inline-block;
    margin-top:5px
}
.parent-sample,.parent-sample2{
    position:relative;
    margin:40px 0 0
}
.widgettitle{
    margin-bottom:30px;
    font-size:30px;
    font-family:"Open Sans",sans-serif;
    text-transform:uppercase
}
.widgetmaindiv{
    padding:1.5em
}
.form-horizontal .form-group{
    margin-bottom:1.5em
}
#btncolor{
    border-radius:0;
    border:none;
    padding:1em
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
    padding-left:0!important;
    padding-right:0!important
}
.form-horizontal .form-group{
    margin-right:15px!important;
    margin-left:15px!important
}
.toggle{
    width:35px;
    height:5px;
    background-color:#000;
    margin:6px 0
}
.menu-nav{
    position:relative;
    z-index:9;
    line-height:normal;
    left:10%
}
.menu-nav ul{
    margin:0;
    padding:0;
    text-align:center;
    position:relative;
    float:left
}
.menu-nav li{
    list-style:none;
    display:block;
    margin:0;
    padding:0;
    position:relative;
    line-height:normal;
    vertical-align:middle;
    font-size:16px;
    text-transform:capitalize;
    letter-spacing:.02em
}
.menu-nav li a{
    padding:15px;
    display:block;
    text-decoration:none;
    font-weight:600;
    color:#333;
    font-size:inherit;
    font-family:inherit;
    box-sizing:border-box;
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    transition:all .3s ease-out
}
.menu-nav > ul > li{
    display:inline-block
}
.menu-nav > ul > li > a{
    padding:20px;
    color:#000!important;
    font-family:'Open Sans',sans-serif
}
.menu-nav ul ul{
    top:auto;
    width:220px;
    position:absolute;
    z-index:9900;
    text-align:left;
    display:none;
    background:#ddd
}
.menu-nav li li{
    display:block
}
.menu-nav ul ul ul{
    top:0;
    left:220px
}
.menu-nav > ul > li:hover > ul > li:hover > ul{
    opacity:1;
    visibility:visible;
    top:0
}
.menu-nav > ul > li.drop-left > ul{
    right:0
}
.menu-nav li.drop-left ul ul{
    left:auto;
    right:220px
}
.menu-nav.light{
    background:rgba(187,154,119,0)
}
.menu-nav.light ul ul{
    background:#d6e9fb;
    border:1px solid #fff
}
.menu-nav.light li a{
    color:#000
}
.menu-nav.light .menu-toggle,.menu-nav.light .call-btn-mobile,.menu-nav.light .location-btn-mobile,.menu-nav.light .close-menu{
    color:rgba(0,0,0,1)!important
}
.menu-nav.dark{
    background:rgba(0,0,0,1)
}
.menu-nav.dark ul ul{
    background:rgba(0,0,0,1)
}
.menu-nav.dark li a{
    color:#FFF
}
.menu-nav.dark .menu-toggle,.menu-nav.dark .call-btn-mobile,.menu-nav.dark .location-btn-mobile,.menu-nav.dark .close-menu{
    color:rgba(255,255,255,1)
}
.menu-nav.fixed{
    position:fixed;
    width:100%;
    top:0;
    left:0;
    z-index:9999
}
body.menu-nav-noscroll-x{
    overflow-x:hidden
}
.menu-nav li.has-sub > a:after{
    content:'\e802';
    font-family:fontello;
    margin-left:10px
}
.menu-nav li li.has-sub > a:after{
    content:'\e802';
    font-family:fontello;
    margin-left:10px
}
.menu-nav li.drop-left li.has-sub > a:after{
    float:left;
    content:'\e802';
    font-family:fontello;
    margin-right:10px
}
.menu-nav.hide-arrows li.has-sub > a:after,.menu-nav.hide-arrows li li.has-sub > a:after,.menu-nav.hide-arrows li.drop-left li.has-sub > a:after{
    display:none
}
.menu-nav .menu-toggle,.menu-nav .close-menu,.menu-nav .call-btn-mobile,.menu-nav .location-btn-mobile{
    display:none;
    text-transform:uppercase;
    text-decoration:none
}
.menu-nav .dd-toggle{
    display:none;
    position:absolute;
    top:0;
    right:0;
    padding:0;
    width:48px;
    height:48px;
    text-align:center;
    z-index:9999;
    border:0
}
.menu-nav .dd-toggle i{
    position:absolute;
    margin:auto;
    top:33%;
    left:0;
    right:0;
    -webkit-transition:transform .3s ease-out;
    -moz-transition:transform .3s ease-out;
    transition:transform .3s ease-out
}
.menu-nav.mobile > ul > li > a.dd-toggle{
    padding:0
}
.menu-nav li.call-btn-mobile,.menu-nav li.location-btn-mobile{
    display:none
}
.menu-nav li.open > a.dd-toggle i{
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.menu-nav .menu-toggle,.menu-nav .call-btn-mobile,.menu-nav .location-btn-mobile,.menu-nav .close-menu{
    color:#777;
    padding:15px;
    box-sizing:border-box
}
.menu-nav .full{
    width:100%
}
.menu-nav .half{
    width:50%
}
.menu-nav .third{
    width:33%;
    text-align:center
}
.menu-nav .location-btn-mobile.third{
    text-align:center
}
.menu-nav .location-btn-mobile.half{
    text-align:right
}
.menu-nav.light .third,.menu-nav.light .half{
    border-left:1px solid rgba(0,0,0,.15)
}
.menu-nav.light.left .third,.menu-nav.light.left .half{
    border-bottom:1px solid rgba(0,0,0,.15)
}
.menu-nav.light.right .third,.menu-nav.light.right .half{
    border-bottom:1px solid rgba(0,0,0,.15)
}
.menu-nav.light .third:first-child,.menu-nav.light .half:first-child{
    border-left:0
}
.menu-nav.dark .third,.menu-nav.dark .half{
    border-left:1px solid rgba(255,255,255,.15)
}
.menu-nav.dark.left .third,.menu-nav.dark.left .half{
    border-bottom:1px solid rgba(255,255,255,.15)
}
.menu-nav.dark.right .third,.menu-nav.dark.right .half{
    border-bottom:1px solid rgba(255,255,255,.15)
}
.menu-nav.light.left .menu-toggle,.menu-nav.light.right .menu-toggle{
    border-bottom:0
}
.menu-nav.dark.left .menu-toggle,.menu-nav.dark.right .menu-toggle{
    border-bottom:0
}
.menu-nav.dark .third:first-child,.menu-nav.dark .half:first-child{
    border-left:0
}
.menu-nav.mobile{
    position:absolute;
    width:100%;
    left:auto;
    right:0;
    top:0
}
.menu-nav.mobile.fixed{
    position:static
}
.menu-nav.mobile ul{
    position:relative;
    display:none
}
.menu-nav.mobile.active{
    padding-bottom:0
}
.menu-nav.mobile.active > ul{
    display:block
}
.menu-nav.mobile ul{
    text-align:left
}
.menu-nav.mobile > ul > li{
    display:block
}
.menu-nav.mobile > ul > li > a{
    padding:15px
}
.menu-nav.mobile ul{
    background:rgba(221,221,221,1)
}
.menu-nav.mobile ul ul{
    position:relative;
    opacity:1;
    visibility:visible;
    width:auto;
    display:none;
    -moz-transition:none;
    -webkit-transition:none;
    -o-transition:color 0 ease-in;
    transition:none
}
.menu-nav.mobile ul ul ul{
    left:auto;
    top:auto
}
.menu-nav.mobile li.drop-left ul ul{
    right:auto
}
.menu-nav.mobile li a{
    border-bottom:1px solid rgba(255,255,255,.15)
}
.menu-nav.mobile li.has-sub a{
    padding-right:50px
}
.menu-nav.mobile > ul{
    border-top:1px solid rgba(255,255,255,.15);
    background-color:#3d90b8;
    color:#fff
}
.menu-nav.mobile.light li a{
    border-bottom:1px solid rgba(0,0,0,.15)
}
.menu-nav.mobile.light > ul{
    border-top:1px solid rgba(0,0,0,.15)
}
.menu-nav.mobile li a.dd-toggle{
    border:0
}
.menu-nav.mobile.light li a.dd-toggle{
    border:0
}
.menu-nav.mobile .menu-toggle,.menu-nav.mobile .dd-toggle,.menu-nav.mobile .close-menu,.menu-nav.mobile .call-btn-mobile,.menu-nav.mobile .location-btn-mobile{
    text-align:right;
    display:inline-block;
    right:0;
    width:100px;
    float:right
}
.menu-nav.mobile li.call-btn-mobile{
    border-right:1px solid rgba(255,255,255,.1);
    box-sizing:border-box
}
.menu-nav.mobile li.call-btn-mobile,.menu-nav.mobile li.location-btn-mobile{
    display:inline-block;
    width:50%;
    text-transform:uppercase;
    text-align:center
}
.menu-nav.mobile li.call-btn-mobile.full,.menu-nav.mobile li.location-btn-mobile.full{
    display:block;
    width:100%;
    text-transform:uppercase;
    border-right:0;
    text-align:left
}
.menu-nav.mobile li.call-btn-mobile i,.menu-nav.mobile li.location-btn-mobile i{
    margin-right:5px
}
.menu-nav.mobile.light ul{
    background:rgba(61,144,184);
    width:100%;
    -webkit-box-shadow:0 5px 0 20px rgba(255,255,255);
    box-shadow:0 5px 0 20px rgba(255,255,255)
}
.menu-nav.mobile.dark ul{
    background:rgba(0,0,0,1)
}
.menu-nav.mobile.dark ul ul{
    background:rgba(255,255,255,.08)
}
.menu-nav.mobile.light li.call-btn-mobile{
    border-right:1px solid rgba(0,0,0,.1)
}
.menu-nav.mobile.top{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    z-index:9999
}
.menu-nav.mobile li.has-sub > a:after,.menu-nav.mobile li li.has-sub > a:after,.menu-nav.mobile li.drop-left li.has-sub > a:after{
    display:none
}
.menu-nav.mobile.right > ul,.menu-nav.mobile.left > ul{
    position:fixed;
    top:0;
    bottom:0;
    width:100%;
    max-width:280px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.menu-nav.mobile.right > ul{
    right:0
}
.menu-nav.mobile.right .close-menu,.menu-nav.mobile.left .close-menu{
    display:inline-block;
    text-align:right
}
.menu-nav.mobile.left > ul{
    left:0
}
.menu-nav.mobile.right .location-btn-mobile.half,.menu-nav.mobile.right .call-btn-mobile.half,.menu-nav.mobile.right .close-menu.half{
    text-align:center
}
.menu-nav.mobile.right .location-btn-mobile.third,.menu-nav.mobile.right .call-btn-mobile.third,.menu-nav.mobile.right .close-menu.third{
    text-align:center
}
.menu-nav.mobile.left .location-btn-mobile.half,.menu-nav.mobile.left .call-btn-mobile.half,.menu-nav.mobile.left .close-menu.half{
    text-align:center
}
.menu-nav.mobile.left .location-btn-mobile.third,.menu-nav.mobile.left .call-btn-mobile.third,.menu-nav.mobile.left .close-menu.third{
    text-align:center
}
.menu-nav.mobile.left .menu-toggle.half,.menu-nav.mobile.left .menu-toggle.third,.menu-nav.mobile.right .menu-toggle.half,.menu-nav.mobile.right .menu-toggle.third{
    text-align:left
}
.menu-nav.mobile.left .close-menu.third span,.menu-nav.mobile.right .close-menu.third span{
    display:none
}
.menu-nav.desktop li.mega li{
    display:inline-block;
    vertical-align:top;
    margin-left:-4px
}
.menu-nav.desktop li.mega li li{
    display:block;
    margin-left:0
}
.menu-nav.desktop li.mega ul ul{
    width:auto
}
.menu-nav.desktop > ul > li.mega{
    position:inherit
}
.menu-nav.desktop > ul > li.mega > ul{
    width:100%
}
.menu-nav.desktop > ul > li.mega > ul li.has-sub ul{
    display:block;
    position:relative;
    left:auto
}
.menu-nav.desktop > ul > li.mega > ul > li{
    padding-bottom:15px;
    box-sizing:border-box
}
.menu-nav.desktop li.mega li li a{
    padding:5px 15px
}
.menu-nav.desktop li.mega li.has-sub a:after{
    display:none
}
.menu-nav.desktop > ul > li.mega > ul > li > a{
    color:#ff0
}
@media only screen and (max-width : 768px){
    .menu-nav{
        overflow:visible;
        display:block
    }
    .menu-nav ul{
        position:relative;
        display:none
    }
}
@media only screen and (max-width : 420px){
    .menu-nav.mobile .call-btn-mobile.third span,.menu-nav.mobile .location-btn-mobile.third span{
        display:none
    }
}
.slick-slider{
    position:relative;
    display:block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list{
    position:relative;
    overflow:hidden;
    display:block;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track{
    position:relative;
    left:0;
    top:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:before,.slick-track:after{
    content:"";
    display:table
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    float:left;
    height:100%;
    min-height:1px;
    display:none
}
[dir="rtl"] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
.slick-loading .slick-list{
    background:#fff url(./ajax-loader.gif) center center no-repeat
}
@font-face{
    font-family:"slick";
    src:url(./fonts/slick.eot);
    src:url(./fonts/slick.eot?#iefix) format("embedded-opentype"),url(./fonts/slick.woff) format("woff"),url(./fonts/slick.ttf) format("truetype"),url(./fonts/slick.svg#slick) format("svg");
    font-weight:400;
    font-style:normal
}
.slick-prev,.slick-next{
    position:absolute;
    display:block;
    height:30px;
    width:30px;
    line-height:0;
    font-size:0;
    cursor:pointer;
    background:#3d90b8;
    color:transparent;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    padding:.5em;
    border:none;
    outline:none;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{
    outline:none;
    background:#3d90b8;
    color:transparent
}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{
    opacity:1
}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{
    opacity:.25
}
.slick-prev:before,.slick-next:before{
    font-family:"slick";
    font-size:15px;
    line-height:1;
    color:#fff;
    opacity:.75;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:0
}
[dir="rtl"] .slick-prev{
    left:auto;
    right:-25px
}
.slick-prev:before{
    content:"\2193"
}
[dir="rtl"] .slick-prev:before{
    content:"\2193"
}
.slick-next{
    right:0
}
[dir="rtl"] .slick-next{
    left:-25px;
    right:auto
}
.slick-next:before{
    content:"\2191"
}
[dir="rtl"] .slick-next:before{
    content:"\2191"
}
.slick-dots{
    position:absolute;
    bottom:50px;
    list-style:none;
    display:block;
    text-align:center;
    padding:0;
    margin:0;
    width:25%;
    right:20%;
    z-index:1
}
.slick-dots li{
    position:relative;
    display:inline-block;
    height:20px;
    width:20px;
    margin:0 5px;
    padding:0;
    cursor:pointer;
    left:25%
}
.slick-dots li button{
    border:0;
    background:transparent;
    display:block;
    height:20px;
    width:20px;
    outline:none;
    line-height:0;
    font-size:0;
    color:transparent;
    padding:5px;
    cursor:pointer
}
.slick-dots li button:hover,.slick-dots li button:focus{
    outline:none
}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{
    opacity:1
}
.slick-dots li button:before{
    position:absolute;
    top:0;
    left:0;
    content:"•";
    width:20px;
    height:20px;
    font-family:"slick";
    font-size:6px;
    line-height:20px;
    text-align:center;
    color:#fff;
    opacity:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    color:transparent;
    border:5px solid #fff;
    border-radius:50px;
    opacity:1
}
@media only screen and (min-width: 992px){
    .visible-xxs{
        display:none
    }
}
@media only screen and (min-width: 767px){
    .visible-xxxs{
        display:none
    }
}
@media only screen and (max-width: 1540px){
    .facility-box .box{
        width:110px
    }
}
@media only screen and (max-width: 1366px){
    .slick-dots{
        bottom:10px
    }
    #slider-box .booking-box #ZionCalendarWidget{
        width:70%
    }
    .panel-body{
        margin-left:10%!important;
        padding:0!important
    }
    #slider-box .text-box{
        position:absolute;
        float:right;
        right:5%
    }
    #slider-box .banner-footer .banner-text{
        left:45%
    }
    #slider-box .foot2 .banner-text{
        left:45%
    }
    #slider-box .text-box{
        display:none
    }
    .facility-box .box{
        width:100px
    }
    form .focus + label{
        width:30%!important
    }
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
        padding:10px !important;
    } 
    .datepicker-inline {
        width: 280px !important;
    }
    #cmBook .cmheading h3 {
        padding:0.5em;
    }
   
}
@media only screen and (max-width: 1240px){
    .menu-nav{
        left:0
    }
  
}
@media only screen and (max-width: 1200px){
    .widgettitle{
        font-size:24px
    }
    #footer{
        padding:10px
    }
    #amenities3{
        padding:50px 0
    }
    #slider-box .banner-footer .banner-text, #slider-box .foot2 .banner-text{
        left:35%
    }
    #slider-box .booking-box {
        padding:1em 0;
    }
    #cmBook .cmheading h3 {
        font-size: 18px;
    }
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th
    {
        padding: 8px !important;
    }
    .datepicker-inline {
        width:250px !important;
    }
   
}
@media only screen and (max-width: 1023px){
    .fixed .menu-nav > ul > li > a{
        padding:15px 5px
    }
    .fixed #main-nav .hide-show{
        right:-8em;
        top:0;
        position:absolute
    }
    header .menu-nav ul{
        -webkit-transform:translateY(20%);
        transform:translateY(20%)
    }
    header .menu-nav ul li > a{
        padding:20px 6px
    }
    .contact-details{
        padding:0 20px
    }
    #hire{
        width:100%
    }
    #video iframe{
        height:300px
    }
    form .field-width{
        width:100%;
        margin:.5em 0
    }
    form .textarea-width{
        width:100%;
        margin:.5em 0
    }
    form .focus + label{
        width:25%!important
    }
    form .field input[type="text"],form .field input[type="email"]{
        text-indent:200px
    }
}
@media only screen and (max-width: 992px){
    .heading h2:before,.heading h2:after{
        display:none
    }
    header .menu-nav ul li > a{
        padding:20px 4px
    }
    #room-page p{
        padding:0 1em
    }
    #slider-box .banner-footer .banner-text{
        left:32%
    }
    #slider-box .banner-footer .banner-text ul li{
        padding-right:1em
    }
    #slider-box .foot2 .banner-text{
        left:32%
    }
    #slider-box .booking-box{
        position:relative;
        float:left;
        height:480px;
    }
    #slider-box .booking-box .cmheading{
        width:100%;
        -webkit-transform:translateY(70%);
        transform:translateY(70%);
    }
    #slider-box .booking-box #ZionCalendarWidget{
        width:100%;
        -webkit-transform:translateY(20%);
        transform:translateY(20%);
    }
    .datepicker-inline {
        border:1px solid #ccc;
    }

    #video{
        padding:0 50px;
    }
    #video iframe{
        height:200px
    }
    .widgettitle{
        font-size:20px;
        margin-bottom:10px
    }
    #welcome .host-box{
        width:300px
    }
    #welcome .host-box h2{
        font-size:20px
    }
    #welcome .host-box h4{
        font-size:18px
    }
    .hide-xs{
        display:none
    }
    .visible-xxs{
        display:block!important
    }
    .facility-box .box{
        width:110px
    }
    .price-box{
        width:100%!important;
        margin:.5em 0
    }
    .daily-price h2,.weekly-price h2{
        padding:.5em 1em .2em
    }
    .room-details .room1,.room-details .room2,.room-details .room3,.room-details .room4{
        margin:.5em
    }
    .room-details h3{
        margin:.5em;
        font-size:16px
    }
    .room-details h4{
        margin:.2em
    }
    #accommodation .room-names h3:before{
        display:none
    }
    .contact-details{
        padding:0
    }
    #testimonial .slick-next{
        right:0;
        z-index:3
    }
    #testimonial .slick-prev{
        left:0;
        z-index:3
    }
    #footer{
        padding:0
    }
    form,#hire .full-width{
        width:100%
    }
    #booking h3{
        font-size:18px;
        padding:0 1em
    }
    #arial-view h3{
        font-size:18px;
        padding:0 1em
    }
    #arial-view .book{
        padding:4em 0;
        width:100%;
    }
    .fixed .logo-fixed {
        width:45px !important;
    }
}
@media only screen and (max-width: 991px){
    .form-pad{
        padding-left:0
    }
}
@media only screen and (max-width: 850px){
    .fixed #main-nav .hide-show{
        right:0;
        top:-2em;
        position:absolute;
    }
}
@media only screen and (max-width: 768px){
    .room-details{
        margin:1em 0 .5em
    }
    #welcome .welcome-section {
        padding:40px 10px;
    }
    .datepicker-inline {
        border:1px solid #ccc;
        width :280px !important;
    }
}
@media only screen and (max-width: 767px){
    .header-right .btn-primary{
        width:100%;
        font-size:.8em;
        padding:1.2em 0
    }
    header .menu-nav ul{
        -webkit-transform:translateY(25%);
        transform:translateY(25%)
    }
    .fixed #main-nav .hide-show{
        right:0;
        top:0;
        position:absolute
    }
    .menu-nav > ul > li > a{
        color:#fff!important
    }
    .panel-body{
        margin-left:0!important
    }
    .widgetmaindiv{
        background:#e9ebf0!important
    }
    #slider-box .banner-footer .banner-text{
        -webkit-transform:translateX(10%);
        transform:translateX(10%);
        left:0
    }
    #slider-box .banner-footer .banner-text ul li{
        padding-right:1em
    }
    #slider-box .foot2 .banner-text{
        left:0;
        -webkit-transform:translateX(10%);
        transform:translateX(10%)
    }
    .welcome-section p{
        font-size:12px
    }
    .visible-xxxs{
        display:block!important
    }
    .hide-xxxs{
        display:none
    }
    .facility-box .box{
        width:160px
    }
    #gallery .grid{
        float:left
    }
    #gallery .grid figure img{
        height:200px
    }
    form .focus + label{
        width:30%!important
    }
    form .field textarea,form .field input[type="text"],form .field input[type="email"],form .field textarea{
        text-indent:150px
    }
    form .field:hover label{
        width:30%!important;
    }
}
@media only screen and (max-width: 559px){
    section .heading{
        padding:1em!important;
        float:left
    }
    .logo-fixed {
        width:45px !important;
        text-align: center;
        margin: 0 auto;
    }
    .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
        padding:5px !important;
    }
    .datepicker-inline {
        border:1px solid #ccc;
        width :209px !important;
    }
    #slider-box .booking-box {
        height:410px !important;
    }
    #slider-box .booking-box #ZionCalendarWidget {
        width: 100%;
    -webkit-transform: translateY(25%);
    transform: translateY(25%); 
    }
}
@media only screen and (max-width: 568px){
    .header-left{
        width:100%;
        text-align:center
    }
    #footer{
        padding:.5em
    }
}
@media only screen and (max-width: 540px){
    .facility-box .box{
        width:240px
    }
}
@media only screen and (max-width: 520px){
    .facility-box .box{
        width:155px
    }
}
@media only screen and (max-width: 500px){
    .header-left a{
        display:block
    }
    .divide{
        display:none
    }
    .facility-box .box{
        width:28.88%
    }
    #slider-box .banner-footer .banner-text,#slider-box .foot2 .banner-text{
        -webkit-transform:translateX(1%);
        transform:translateX(1%);
        left:0
    }
    #slider-box .banner-footer .banner-text ul li{
        font-size:12px
    }
    #slider-box .booking-box .cmheading {
        width: 100%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    } 

    #cmBook .cmheading h3 {
        font-size: 18px;
    }

    form .focus + label{
        width:30%!important
    }
    form .field:hover label {
        padding: 1em;
        font-size: 12px;
    }
    form .field:hover label{
        width:32% !important;
        font-size:12px;
         padding:1em;
    }
    form .field label{
        font-size:12px;
        padding: 1em;
    }
    form .field textarea,form .field input[type="text"],form .field input[type="email"]{
        text-indent:120px
    }
    form .field textarea{
        text-indent:120px
    }
}
@media only screen and (max-width: 430px){
    form .focus + label,form .field:hover label{
        width:30%!important;
        font-size:12px
    }
 
}
@media only screen and (max-width: 417px){
    #slider-box .booking-box {
        height:700px !important;
    }
    #slider-box .booking-box #ZionCalendarWidget {
        -webkit-transform: translateY(25%);
        transform: translateY(15%);
    }
}
@media only screen and (max-width: 400px){
    .host-box{
        width:100%;
        padding:1em
    }
    .host-box h2{
        font-size:14px
    }
    .host-box h3{
        letter-spacing:.2em
    }
    .host-box h4{
        font-weight:900
    }

}
 .logo-main {
     display: block;
}
 .logo-fixed {
     display: none;
}
 .fixed .logo-main {
     display: none;
}
 .fixed .logo-fixed {
     display: block;
}
 .regular .slick-dots {
     position: absolute;
     top: 0;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
     margin: 0;
     width:0;
     right: 0;
     z-index: 1;
}
 .regular .slick-current {
     z-index:9;
}
 .regular .slick-dots li {
     display: block;
     width: 320px;
     height: 90px;
     border:1px solid #ccc;
     margin:0.5em;
}
 .regular .slick-dots li:nth-child(2):after {
     display: block;
     content: '';
     position: absolute;
     width: 300px;
     height: 80px;
     background: url('../img/001.jpg');
}
 .regular .slick-dots li:nth-child(3):after {
     display: block;
     content: '';
     position: absolute;
     width: 300px;
     height: 80px;
     background: url('../img/002.jpg');
}
 .regular .slick-dots li:nth-child(4):after {
     display: block;
     content: '';
     position: absolute;
     width: 300px;
     height: 80px;
     background: url('../img/003.jpg');
}
 .regular .slick-dots li:nth-child(5):after {
     display: block;
     content: '';
     position: absolute;
     width: 300px;
     height: 80px;
     background: url('../img/006.jpg');
}
 .regular .slick-dots li:nth-child(1):after {
     display: block;
     content: '';
     position: absolute;
     width: 300px;
     height: 80px;
     background: url('../img/005.jpg');
}
 .accommodation-gallery {
     position: relative;
     width: 100%;
     display: block;
     height: auto;
     float:left;
}
 .lightview {
     position:absolute;
     top:0;
     bottom:0;
     width:67%;
     height:auto;
}
 @media only screen and (min-width:992px) {
     #accommodation .plus-button {
         background: transparent;
         color: transparent;
         text-align: center;
         position: absolute;
         width: 100%;
         height: 100%;
         bottom: 0;
         top: 0;
         left: 0;
         right: 0;
         opacity: 0;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         cursor: pointer;
         z-index: 1;
    }
}
 @media only screen and (max-width:1023px) {
     .regular .slick-dots li:nth-child(1):after, .regular .slick-dots li:nth-child(2):after, .regular .slick-dots li:nth-child(3):after, .regular .slick-dots li:nth-child(4):after, .regular .slick-dots li:nth-child(5):after {
         display: none;
    }
     #accommodation .plus-button {
         background: transparent;
         color: transparent;
         text-align: center;
         position: absolute;
         width: 100%;
         height: 100%;
         opacity: 0;
         transition: all 0.5s ease-in-out;
         -webkit-transition: all 0.5s ease-in-out;
         cursor: pointer;
         z-index: 1;
    }
     #accommodation .room-names {
         position:relative 
    }
     .lightview {
         width:100%;
    }
     .regular .slick-dots {
         width: auto;
         bottom: -50px;
         top: auto;
         left: 0;
         z-index:9;
    }
     .regular .slick-dots li{
         left:0;
         width: 20px;
         height: 20px;
         border: 1px solid #ccc;
         margin: 0.5em;
         display: inline-block;
    }
     #welcome, #accommodation, #testimonial {
         padding:50px 0;
    }
     #video, #rating {
         margin-bottom: 20px;
    }
     #welcome .welcome-section {
         padding : 20px;
    }
}