/** banner animation **/

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80%, 0);
        transform: translate3d(0, -80%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -80%, 0);
        transform: translate3d(0, -80%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


body,html{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    letter-spacing:.065em;
    line-height:21px;
    /*color: #737070*/
}


/*style menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}
#cssmenu {
    /*font-family: Montserrat, sans-serif;*/
    /*background: #333333;*/
    margin:75px 0 0 0;
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}
.topblock.scrolling #cssmenu{
    margin: 0;
}

#cssmenu > ul > li {
    float: left;
    padding:0 17px;
}
#cssmenu.align-center > ul {
    font-size: 0;
    text-align: center;
}
#cssmenu.align-center > ul > li {
    display: inline-block;
    float: none;
}
#cssmenu.align-center ul ul {
    text-align: left;
}
#cssmenu.align-right > ul > li {
    float: right;
}
#cssmenu ul li a {
    /*font-family: Conv_WhitneyCondensed-Book, Helvetica, Arial, sans-serif;*/
    letter-spacing: .100em;
    /*font-size: .875rem;*/
    text-transform: uppercase;
}
#cssmenu > ul > li > a {
    padding:17px 0;
    /*font-size: 12px;*/
    /*letter-spacing: 1px;*/
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

#cssmenu:not(.small-screen) > ul > li:not(.has-sub) > a:before{
    content:'';
    position: absolute;
    display: block;
    height: 1px;
    background:rgba(255,255,255,0.7);
    bottom:14px;
    left: 50%;
    right:50%;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
#cssmenu > ul > li:not(.has-sub):hover > a:before,#cssmenu > ul > li:not(.has-sub).active > a:before{
    left:0;
    right:0;
}

#cssmenu > ul > li:hover > a {
    color: #ffffff;
}
#cssmenu > ul > li.has-sub > a {
    padding-right: 27px;
}
#cssmenu > ul > li.has-sub > a:after {
    position: absolute;
    top: /*22px*/50%;
    margin-top: -6px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    /*background: #dddddd;*/
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    /*font-size: inherit;*/
    font-size:13px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/*#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    right: 14px;
    display: none;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}*/
#cssmenu > ul > li.has-sub:hover > a:before {
    top: 23px;
    height: 0;
}
#cssmenu ul ul {
    position: absolute;
    display:none;
    left: -9999px;
    background: #f8f8f8;
}

#cssmenu:not(.small-screen) ul ul {
    box-shadow: 0px 2px 1px rgba(0,0,0,.4);
}

#cssmenu.align-right ul ul {
    text-align: right;
}
#cssmenu ul ul li {
    height: 35px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu li:hover > ul {
    left: auto;
    display:block;
}
#cssmenu.align-right li:hover > ul {
    left: auto;
    right: 0;
}
/*#cssmenu li:hover > ul > li {
    height: 35px;
}*/
#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}
#cssmenu.align-right ul ul ul {
    margin-left: 0;
    margin-right: 100%;
}
#cssmenu ul ul li a {
    /*border-bottom: 1px solid rgba(150, 150, 150, 0.15);*/
    padding: 11px 15px;
    width: 210px;
    font-size: 12px;
    text-decoration: none;
    color: #737070;
    letter-spacing:.030rem;
    font-weight: 400;
    /*background: #333333;*/
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    /*color: #ddd;*/
    background: #ddd;
}
#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
    right: auto;
    left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
    right: auto;
    left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}
#cssmenu.small-screen {
    width: 100%;
}

#cssmenu.small-screen ul {
    width: 100%;
    display: none;
    background:rgba(34,34,34,.8);
    position: absolute;
}
#cssmenu.small-screen ul ul {
    background:none;
}
#cssmenu.small-screen.align-center > ul {
    text-align: left;
}
#cssmenu.small-screen ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
}
#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
    height: auto;
}
#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
    width: 100%;
    border-bottom: 0;
}
#cssmenu.small-screen > ul > li {
    float: none;
}
#cssmenu.small-screen ul ul li a {
    padding-left: 25px;
}
#cssmenu.small-screen ul ul ul li a {
    padding-left: 35px;
}
#cssmenu.small-screen ul ul li a {
    color: #dddddd;
    background: none;
}
#cssmenu.small-screen ul ul li:hover > a,
#cssmenu.small-screen ul ul li.active > a {
    color: #ffffff;
}
#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul,
#cssmenu.small-screen.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
}
#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
    display: none;
}
#cssmenu.small-screen #menu-button {
    display: inline-block;
    padding: 17px;
    color: transparent;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
}
#cssmenu.small-screen #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cssmenu.small-screen #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
    background: #262626;
}
#cssmenu.small-screen ul ul .submenu-button {
    height: 34px;
    width: 34px;
}
#cssmenu.small-screen .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:after {
    background: #ffffff;
}
#cssmenu.small-screen .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
}
#cssmenu.small-screen ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
}
#cssmenu.small-screen .submenu-button.submenu-opened:before {
    display: none;
}
#cssmenu.small-screen.select-list {
    padding: 5px;
}
/*end style menu*/

/*
pd= padding

mg= margin
bt= bottom
t= top
*/
.pd-0{padding: 0}
.pd-5{padding:5px}
.pd-10{padding:10px}
.pd-15{padding:15px}
.pd-20{padding:20px}
.pd-25{padding:25px}

.pd-t-0{padding-top:0}
.pd-t-3{padding-top:3px}
.pd-t-5{padding-top: 5px;}
.pd-t-10{padding-top:10px}
.pd-t-15{padding-top:15px}
.pd-t-20{padding-top: 20px}
.pd-t-30{padding-top: 30px}
.pd-t-40{padding-top: 40px}
.pd-t-50{padding-top: 50px}
.pd-t-25{padding-top: 25px}

.pd-bt-0{padding-bottom:0}
.pd-bt-3{padding-bottom: 3px}
.pd-bt-5{padding-bottom: 5px;}
.pd-bt-10{padding-bottom:10px}
.pd-bt-15{padding-bottom:15px}
.pd-bt-20{padding-bottom: 20px}
.pd-bt-30{padding-bottom: 30px}
.pd-bt-25{padding-bottom: 25px}
.pd-bt-40{padding-bottom: 40px}

.pd-l-25{padding-left: 25px}

.mg-0{margin: 0}
.mg-5{margin:5px}
.mg-10{margin: 10px}
.mg-15{margin: 15px}

.mg-bt-0{margin-bottom: 0}
.mg-bt-5{margin-bottom: 5px}
.mg-bt-8{margin-bottom: 8px}
.mg-bt-10{margin-bottom:10px}
.mg-bt-15{margin-bottom: 15px}
.mg-bt-20{margin-bottom: 20px}
.mg-bt-25{margin-bottom: 25px}
.mg-bt-30{margin-bottom: 30px}
.mg-bt-40{margin-bottom: 40px}
.mg-bt-50{margin-bottom: 50px}
.mg-bt-60{margin-bottom: 60px}
.mg-bt-90{margin-bottom: 90px}

.mg-t-0{margin-top: 0}
.mg-t-5{margin-top: 5px}
.mg-t-10{margin-top: 10px}
.mg-t-15{margin-top: 15px}
.mg-t-20{margin-top: 20px}
.mg-t-25{margin-top: 25px}
.mg-t-30{margin-top: 30px}

.row-0{margin-left:0;margin-right:0}
.row-5{margin-left:-5px;margin-right:-5px}
.row-10{margin-left:-10px;margin-right:-10px}
.row-15{margin-left:-15px;margin-right:-15px;}

.col-pd-0{padding-left:0;padding-right:0;}
.col-pd-3{padding-left:3px;padding-right:3px;}
.col-pd-5{padding-left:5px;padding-right: 5px;}
.col-pd-10{padding-left: 10px;padding-right: 10px;}
.col-pd-15{padding-left: 15px;padding-right: 15px;}

.bg-white{background:#fff}
.bg-gray{background:#f0f0f0}
.bg-green{background:#abd040}
.bg-black{background:#333333}
.bg-primary{background:#0089b0}
.bg-primary-light{background:#f0f0f0}

.txt-primary{color: #1b6738}
.txt-primary-dark{color: #185830}
.txt-primary-light{color: #dde8eb}
.txt-warning{color:#d77e30}
.txt-black{color: #333333}
.txt-green{color: #abd040}
.txt-white{color: #fff}
.txt-gray{color: #f0f0f0}

.letter-spacing{letter-spacing: 1px;}

.tran-30-ease{
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}

a.txt-green:hover{color:#93b62f}
a.txt-primary:hover{color:#006f8f}

.txt-bold{font-weight: bold}
.txt-italic{font-style: italic}

.el-inline-block{display: inline-block}
.el-inline{display: inline}
.el-relative{position: relative}
.el-block{display: block}

.btn{/*font-family:Conv_WhitneyCondensed-Book, Helvetica, Arial, sans-serif;*/-webkit-font-smoothing: antialiased;}
.btn-flat{border-radius:0;border: 0}

.btn.btn-primary{background:#0089b0;border-color:#0084aa}
.btn.btn-primary:hover{background:#006987;border-color:#006987}

.btn-warning-custom{padding-left:20px;height:37px;padding-right:20px;font-weight:bold;background:#fff;color:#d77e30;border-radius:5px;border-width:1px 1px 4px 1px;border-color:#d77e30 #d77e30 #b8703d #d77e30}
.btn-warning-custom:hover{border-width:1px;border-color:#d77e30}

.btn-transparent-white{border-radius:0; border:1px solid #fff;color: #fff;position: relative;
    -webkit-transition: .50s all ease-in;
    -moz-transition: .50s all ease-in;
    -ms-transition: .50s all ease-in;
    -o-transition: .50s all ease-in;
    transition: .50s all ease-in;
    transform: perspective(1px) translateZ(0);
    -webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;
}
.btn-transparent-white:after {
    content: '';
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    background: transparent;
    -webkit-transition: .50s all ease-in-out;
    -moz-transition: .50s all ease-in-out;
    -ms-transition: .50s all ease-in-out;
    -o-transition: .50s all ease-in-out;
    transition: .50s all ease-in-out;
    z-index: -1;
}
.btn-transparent-white:hover{color:#4c4c4c}
.btn-transparent-white:hover:after{width: 100%;background:#fff;}

.btn-transparent-black{border-radius:0; border:1px solid #bbb;color:#737070;position: relative;
    -webkit-transition: .50s all ease-in;
    -moz-transition: .50s all ease-in;
    -ms-transition: .50s all ease-in;
    -o-transition: .50s all ease-in;
    transition: .50s all ease-in;
    transform: perspective(1px) translateZ(0);
    -webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;
}
.btn-transparent-black:after {
    content: '';
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    background: transparent;
    -webkit-transition: .50s all ease-in-out;
    -moz-transition: .50s all ease-in-out;
    -ms-transition: .50s all ease-in-out;
    -o-transition: .50s all ease-in-out;
    transition: .50s all ease-in-out;
    z-index: -1;
}
.btn-transparent-black:hover{color:#fff;border:1px solid #737070;}
.btn-transparent-black:hover:after{width: 100%;background:#737070;}

.wrapper-flex-item-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; }
.wrapper-flex{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.div-table{display: table;width:100%;height: 100%;}
.div-table-cell{display: table-cell;width:100%;height: 100%;}
.item-center{vertical-align: middle;text-align: center}
.item-v-center{vertical-align: middle;}

.row-flex-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;/*
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;*/
}

.slide_desc{
    position: fixed;
    display: none;
    text-shadow: 0 0 7px rgba(0,0,0,0.5);
    color: #fff;
    top: 55%;
    right: 0;
    left: 0;
    bottom: auto;
    margin: 0 auto;
    width:auto;
    font-size: 15px;
    text-align: center;
    letter-spacing: 2px;

}

.slide_desc.nofixed{
    position: absolute;
}

.slide_desc.nofixed .title{font-size:35px;}

.slide_desc span {
    display: block;
    /*-webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;}*/
}
.slide_desc .title{
    /*-webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;*/
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 6px;
    margin-bottom:15px;
    display: block;
    font-weight: lighter;
}
.slide_desc .desc{
    -webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;
}

.btn-book-online {
    position: absolute;
    top:70px;
    right:15px;
    margin-left: -110px;
    z-index:10000;
    -webkit-transition: .50s all ease-in-out;
    -moz-transition: .50s all ease-in-out;
    -ms-transition: .50s all ease-in-out;
    -o-transition: .50s all ease-in-out;
    transition: .50s all ease-in-out;
}

.btn-book-online.scrolling {
    display: block;
    top: 5px;
    left: auto;
}

/*.btn-transparent-white.scrolling{border-radius:0; border:2px solid #6d6e70;color: #6d6e70;
    -webkit-transition: .50s all ease-in;
    -moz-transition: .50s all ease-in;
    -ms-transition: .50s all ease-in;
    -o-transition: .50s all ease-in;
    transition: .50s all ease-in;
    transform: perspective(1px) translateZ(0);
    -webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out;
}
.btn-transparent-white.scrolling:after {
    content: '';
    width: 0;
    height: 100%;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    background: transparent;
    -webkit-transition: .50s all ease-in-out;
    -moz-transition: .50s all ease-in-out;
    -ms-transition: .50s all ease-in-out;
    -o-transition: .50s all ease-in-out;
    transition: .50s all ease-in-out;
    z-index: -1;
}
.btn-transparent-white.scrolling:hover{color:#fff}
.btn-transparent-white.scrolling:hover:after{width: 100%;background:#6d6e70;}*/

.form-control-flat{
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #dedede;
}

/**
  * Scroll area
  **/

@keyframes scrollAnimation {
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}
@-webkit-keyframes scrollAnimation {
    to {
        transform: translateY(100%);
        opacity: 0;
    }
}

@keyframes scrollTopAnimation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }

    50% {
        transform: translateY(-20px);
    }
}
@-webkit-keyframes scrollAnimation {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }

    50% {
        transform: translateY(-20px);
    }
}

.scroll {
    position: fixed;
    font-size: 11px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    bottom: 51px;
    width: 80px;
    height: 22px;
    left: 50%;
    margin-left: -40px;
    font-weight: bold;
    z-index: 9;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
    -webkit-animation: scrollAnimation 1.7s infinite;
    animation: scrollAnimation 2s infinite;
}
.scroll:after{
    content:"\f107";
    display: inline-block;
    font-size: 30px ;
    font-family:FontAwesome ;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left:50%;
    margin-left:-8px;
    top:15px;
    color:#fff;
}

.scroll:hover {
    color: #fff;
    opacity: 0.7;
    /*filter: alpha(opacity=70;);*/
    text-decoration: none;
}

.scrolling .scroll {
    opacity: 0;
}

.scroll1 .scroll {
    opacity: 0;
    text-indent: 100%;
    white-space: nowrap;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-out;
}

.no-banner.scroll2 .scroll {
    display: none;
}


/*
*Loader
*/
#loader {
    background: #8a8b8e;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10005;
    overflow: hidden;
}

#loader .loader {
    border-radius: 50%;
    width: 50px;
    height:50px;
    margin: -25px 0 0 -20px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: -9999em;
    border-top: 2px solid rgba(255, 255, 255, 0);
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgba(255, 255, 255, 0.3);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*
header
*/
.header{position: relative;height:450px}
.header-slide{position:absolute;width: 100%;left: 0;right:0;}
.topblock .img-logo{
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
    padding:5px;
    background: transparent;
    width: 144px;
}

.topblock{position: fixed;max-height:300px;width: 100%;z-index: 1001;/*border-bottom: 0px solid #f5f5f5;*/
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
    background: rgba(64,64,64,.5);
    /*background: -webkit-linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0));
    background: -o-linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0));
    background: -moz-linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0));
    background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0));*/
}
.topblock.dark{background: rgba(64,64,64,.9);}
.topblock .topblock-inner{/*padding:10px 0;*//*border-bottom: 1px solid rgba(255,255,255,0.4)*/}

.topblock.scrolling{background:rgba(64,64,64,1);max-height:50px;}
.topblock.scrolling .topblock-inner{padding-top:5px;padding-bottom:5px;}
.topblock.scrolling .topblock-inner{border-bottom: 0;}
.topblock.scrolling .img-logo{background:rgba(64,64,64,1);width:100px}

/*
bottom-block
*/
.bottom-block{width: 100%;background: #f8f8f8;padding:40px 0;position: relative;z-index:999}

.content h1,.content h2,.content h3{text-transform: uppercase;margin-bottom: 25px;color: #bbb;letter-spacing: 1px}
.content h1{/*margin-bottom: 60px;*/margin-top:15px}
.content{color:/*#737070*/#333;padding-top:50px;/*max-width:1000px;*/margin-left: auto;margin-right: auto;}
.content p{font-size:13px;margin-right: auto;margin-left: auto}
.package-detail{padding-top:20px}

.amenities {max-width:750px;margin-left: auto;margin-right: auto;}
.amenities ul{list-style: none;padding: 0}
.amenities ul li{display: block;float: left;width: 50%;height: 35px;line-height:35px;border-right: 1px solid #ddd;text-align: center;font-size: 13px;}
.amenities ul li:nth-child(even){border-right:0;}

.switch-prop .switch-prop-inner{height:300px;padding:0 30px;overflow: hidden}
.switch-prop .switch-prop-inner .inner{overflow: hidden;position: relative}
.switch-prop .switch-prop-inner img{display: none}
.switch-prop .switch-prop-inner .img_{background-size: cover;height:300px;background-position: center;
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}
.switch-prop:hover .switch-prop-inner .img_{
    transform: scale(1.01);
    -webkit-transform:scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
}

.switch-prop .caption{
    position: absolute;
    padding:30px 20px;
    bottom:0;
    z-index: 1;
    left: 0;
    width: 100%;
    background: -webkit-linear-gradient(rgba(34,34,34,0),rgba(34,34,34,1));
    background: -o-linear-gradient(rgba(34,34,34,0),rgba(34,34,34,1));
    background: -moz-linear-gradient(rgba(34,34,34,0),rgba(34,34,34,1));
    background: linear-gradient(rgba(34,34,34,0),rgba(34,34,34,1));

    -webkit-transition: all .30s ease-out;
    -moz-transition: all .30s ease-out;
    -ms-transition: all .30s ease-out;
    -o-transition: all .30s ease-out;
    transition: all .30s ease-out;
}
.switch-prop:hover .caption{
    bottom: 0;
}
.switch-prop .caption h2{
    text-transform: uppercase;
    font-weight:lighter;
    text-align: center;
    color: #e4e4e4;
    font-size:18px;
    position: relative;
    display: block;
    letter-spacing: .150rem;
}
.switch-prop .caption p{
    margin-left:70px;
    color: #e4e4e4;
    letter-spacing: 1px;
    opacity:0;
    transform: translateY(25px);
    -webkit-transform:translateY(25px);
    -moz-transform:translateY(25px);
    -ms-transform:translateY(25px);
    -o-transform:translateY(25px);

    -webkit-transition: all .60s ease-in-out;
    -moz-transition: all .60s ease-in-out;
    -ms-transition: all .60s ease-in-out;
    -o-transition: all .60s ease-in-out;
    transition: all .60s ease-in-out;
}

.switch-prop:hover .caption p{
    opacity:1;
    transform: translateY(0);
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
}


.scrolltop {
    position: relative;
    letter-spacing: 2px;
    font-size: 11px;
    text-align: center;
    color: #737070;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}
.scrolltop i{
    display: block;
}
.scrolltop:hover{
    text-decoration: none;
    color: #272727;
    -webkit-animation: scrollTopAnimation 1.1s infinite linear;
    animation: scrollTopAnimation 1.1s infinite linear;

}

.home-room{padding:50px 0;background:#ededed;/*background-image: url("15991787_1407893509229106_872271570_o.jpg");background-size: cover;height:600px;*/}
.home-room .desc p{font-size:13px}

.section-header{color:#bbb;margin-bottom: 40px}

.feature_box{margin-bottom: 20px}
.feature_box .thumb{overflow: hidden}
.feature_box .thumb img{width: 100%;
    -webkit-transition: all .3s ease 0s;
    -khtml-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.feature_box:hover .thumb img{
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.feature_box .desc{
    text-align: center;
}
.feature_box .desc h3{font-size: 17px;text-transform: uppercase;color: #333}
.feature_box .desc p{font-size: 13px;}

.room_box{margin-bottom: 25px}
.room_box .thumb{overflow: hidden;height:400px;}
.room_box .thumb img{width: 100%;
    -webkit-transition: all .3s ease 0s;
    -khtml-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -ms-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: scale(1.01);
    -khtml-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01);
}
.room_box:hover .thumb img{
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.room_box .desc{
    text-align: center;
}
.room_box .desc h3{font-size: 17px;text-transform: uppercase;color: #333}
.room_box .desc p{font-size: 13px;}

.experience-box .desc{padding:20px 40px;}
.experience-box.right .desc{text-align:right;padding-left:25%}
.experience-box.left .desc{padding-right:25%}
.experience-box .desc,.experience-box .thumb{height:320px;}
.experience-box .thumb{background-size:cover;background-repeat:no-repeat}
.experience-box .desc h3{font-size:18px;line-height:1.2;margin-top:0}
.experience-box .desc p,.package-box .desc p{font-size:13px;}

.package-box{background:#fff;}
.package-box .thumb{background-size:cover;background-repeat:no-repeat}
.package-box .thumb img{display:none;}
.package-box .desc{padding:20px 40px;}
.package-box .desc,.package-box .thumb{height:356px;}


/*thumbnail grid*/
.thumb-grid .img {overflow: hidden;position: relative}
.thumb-grid .img {overflow: hidden;position: absolute;width:100%;height:100%;}
.thumb-grid a{display:block;overflow: hidden;position: relative}
.thumb-grid .img .img-a {position: absolute;width:100%;top: 0;left: 0;overflow: hidden;}
.thumb-grid img{width:100%;min-height:100%;}
.thumb-grid a:hover{text-decoration: none}

/*.thumb-grid .img.no-height{height: auto !important;}*/

.thumb-grid .hover-overlay{background:rgba(0,0,0,0);position: relative;z-index:1}
.thumb-grid .hover-overlay span{font-size:20px;display:inline-block;}
.thumb-grid .hover-overlay i,.thumb-grid .hover-overlay span{
    color:#fff;
    /*-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);*/
    opacity:0;
    -webkit-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -ms-transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    transition: all .20s ease-in-out;
}
.thumb-grid img,.thumb-grid .hover-overlay{
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}

.thumb-grid:hover .hover-overlay{background:rgba(0,0,0,0.4)}
.thumb-grid:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.thumb-grid .hover-overlay:hover i,.thumb-grid .hover-overlay:hover span{
    /*-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
    opacity:1;
}

/*end thumbnail grid*/

/*
footer
*/
.footer{background:#ededed;position: relative;z-index:100}
.footer span.indent{display: inline-block;width:38px}
.logo-footer{width:120px;margin-top:15px}
.footer-grid h3{font-size:14px;color: #bbb;margin-bottom: 20px}
.footer-grid p,.footer-menu li a,.footer-item{color:#737070;line-height: 20px;}

.footer-menu{
    margin:-4px 0 0 0;
}
.footer-menu li{
    margin-bottom: 5px;
}
.footer-menu li a{
    display: block;
    text-transform: uppercase;
}
.footer-item .icon-wrapper {
    float: left;
    width: 25px;
}
.footer-item .desc {
    overflow: hidden;
}
.footer-item .desc a{
    color:#737070;
}

.text-copy-right{background: #d8d8d8;}
.text-copy-right p,.text-copy-right p a{color: #737070;}

.top-social-icon{
    position: absolute;
    right:15px;
    top:37px;
    z-index:9999
}
/*.top-social-icon,*/.social-icon{color:#fff;font-size: 18px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -ms-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.social-icon{/*font-size:18px;margin-right: 10px*/
    font-size: 15px;
    line-height:25px;
    display: inline-block;
    width: 25px;
    text-align: center;
}
.social-icon.facebook,.social-icon.twitter,.social-icon.skype,.social-icon.google-plus,.social-icon.pinterest,.social-icon.linkedin,.social-icon.instagram{color: #fff}
/*.social-icon.facebook:hover{background:#334d85;}
.social-icon.twitter:hover{background:#0099d3}
.social-icon.google-plus:hover{background:#d73824}
.social-icon.skype:hover{background:#009bd6}
.social-icon.pinterest:hover{background:#b51d22}
.social-icon.linkedin:hover{background:#00699c}*/
.menu-social{line-height: 48px;}


/*end left menu*/

/*.footer-menu li a{padding:3px 0;color:#333;display: inline-block;
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -ms-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;}
.footer-menu li:hover a{
    color:#185830;text-decoration: none;
}*/
.icon-footer .footer-menu li a:hover:before{
    color: #abd040;}
.title-footer{color: #185830;font-weight:bold;letter-spacing: 1px}
.fa-icon-footer , .strong_text{color: #185830}
.footer_socail_link{margin-right:7px}
.footer_socail_link.facebook{background:#4e71a8;width:40px;height:40px;border-radius: 50%;display: block;padding-left:8px;color: #fff;    font-size: 18px;
    line-height: 42px;}

.footer_socail_link.twitter{background:#e3411f;width:40px;height:40px;border-radius: 50%;display: block;padding-left:8px;color: #fff;    font-size: 18px;
    line-height: 42px;}
.footer_socail_link.google-plus{background:#1cb7eb;width:40px;height:40px;border-radius: 50%;display: block;padding-left:8px;color: #fff;    font-size: 18px;
    line-height: 42px;}
.footer_socail_link.linkedin{background:#1686b0;width:40px;height:40px;border-radius: 50%;display: block;padding-left:9px;color: #fff;    font-size: 18px;
    line-height:38px;}
.social_footer_wrapper{display: inline-flex;margin-right: 10px}
.last-footer{background:#1b6738}

.txt-primary-footer{color: #fff;text-decoration: none}

/*end footer*/

/*end thumbnail grid*/
/*page gallery*/
.pagelinks em,.pagelinks a{display: inline-block;padding:5px 10px;margin-right:5px;font-style: normal}
.pagelinks a{background:#f0f0f0;color:#333}
.pagelinks em{background:#d77e30;color:#fff}
/*end gallery style*/

.page_slide .owl-prev,.page_slide .owl-next{position: absolute;top:0;height: 100%;width:100px;background:rgba(0,0,0,0.5);z-index: 3;cursor: pointer;text-align: center;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* Standard syntax */
}
.page_slide .owl-next{right: 0;
    background: -webkit-linear-gradient(right,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,rgba(249, 249, 249,1),rgba(249, 249, 249,.2)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,rgba(0, 0, 0, 0.21),rgba(0, 0, 0, 0)); /* Standard syntax */
}
.page_slide .owl-prev .fa,.page_slide .owl-next .fa{font-size:40px;
    color: #fff;
    top: 50%;
    position: absolute;
    margin-top: -20px;
    text-shadow: 0 1px 0px rgba(0,0,0,0.4);
}
.page_slide .owl-prev:hover{opacity: 1;
    background: -webkit-linear-gradient(left,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* Standard syntax */
}
.page_slide .owl-next:hover{opacity: 1;
    background: -webkit-linear-gradient(right,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0)); /* Standard syntax */
}

.page_slide .owl-item .desc{display:none;}
.page_slide_desc{
    display: none;
    font-size: 13px;
    text-align: center;
    /* -webkit-animation: fadeInDown 0.8s ease-in-out;
    animation: fadeInDown 0.8s ease-in-out; */
}
.page_slide_desc p,.page_slide_desc h3{max-width: 800px;margin-right: auto;margin-left: auto;}




@media (min-width: 1200px) {

}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 991px) {
    .btn-book-online {display: none!important;}
    .package-box .row-flex-box{display:block;}
}

@media (max-width: 768px) {
    .topblock{background: rgba(34,34,34,.8)}
    .topblock .topblock-inner{padding-bottom: 0}
    .topblock .img-logo{margin-left: auto;margin-right: auto;display: block}
    .topblock.scrolling{max-height:61px}
    .topblock.scrolling .img-logo{width:0}
    .btn-book-online {top: 0;right: 29px!important;}
    #cssmenu{margin-top: 0;}
    
    .package-box .row-flex-box{display:block;}
    .package-box .desc{height:auto}
    
}
@media (max-width: 767px) {
    .switch-prop .switch-prop-inner{margin-bottom:30px}
    .home-room .row-flex-box{display:block;}
    
    .room_box .thumb{height:330px;}
}

@media (max-width: 600px){

}

@media (max-width: 520px) {
    .switch-prop .switch-prop-inner{padding: 0;}
    .package-box .desc{padding:15px;}
    
    .room_box{width: 100%}
    .room_box .thumb{height:auto;}

}
@media (max-width: 480px) {
    .feature_box{width: 100%}
    
}
@media (max-width: 400px) {

}

@media (max-width: 370px) {

}