@charset "utf-8";
/* CSS Document */
body{ margin:0 auto;}
.container{max-width:1200px !important;}
.top-bg{ background-color:#E8E8E8; height:auto; padding:5px 5px; font-size:16px; }
h1,h2,h3,h5,h6{ font-family: altehasgrotek;}
h4{ color:#8c0d02 !important;}
@font-face { font-family: helvetica; src:url('../fonts/Helvetica.otf') }
@font-face { font-family: Montserrat; src:url('../fonts/Montserrat-Regular.ttf') }
ul.nav.navbar-nav {
    font-family: Montserrat;
	font-size:16px;
}
@font-face { font-family: altedin; src:url(../fonts/din1451alt%20G.ttf); }
@font-face { font-family: altehasgrotek; src:url(../fonts/AlteHaasGroteskRegular.ttf); }
.social [class*="fa fa-"] {
    background-color: #11B2C7;border-radius: 30px;color: #fff;display:inline-block;height:30px;line-height:30px;margin: auto 3px;
    width: 30px;font-size: 15px;text-align: center;}
.fa-twitter:hover {background-color: #46c0fb;}
.fa-facebook:hover { background-color: #11B2C7 !important;}
.fa-facebook{ background-color: #3A589B !important;}
.social a, .top-bg a{ color:#504b4b;}
i.glyphicon.glyphicon-envelope {top: 3px;}
.cover-banner{ background: url(../image/background-cover.jpg) no-repeat;background-size:cover;display:block;margin-top:0px;padding-bottom:0%;position:relative;}
.logo{ display:block; padding-top:24%;}
.call_us { color:#fff; display:block; padding-top:15%;}
.glyphicon-earphone{ color:#F4CA5A; font-size:33px;}
.phone{ color:#fff;}
ul.nav.navbar-nav {margin-left: -30px !important;}
@media screen and (min-width:768px){
.navbar-brand {display: none;}}	
@media screen and (max-width:768px){
ul.nav.navbar-nav {margin:0px !important;width:100%;}
.navbar-brand {color:#fff !important;}}	
.navbar-default {background-color: #017890 !important;border-color: #017890 !important;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff !important;background-color: #8B0D01 !important;}
.navbar-default .navbar-nav>li>a {color: #fff !important;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;background-color: #8B0D01 !important;}
.bottom-p{ background:#31353E;margin-top:30px;}
.bottom-p h2{color:#fff; text-transform:uppercase; font-family:altedin; font-size:25px;font-weight:normal; padding: 0% 3px 5px; }
.section{margin-top:10%;}
.section h4 a{ font-family:altehasgrotek; font-weight:normal; font-size:13px; color:#8c0d02; font-weight:800;}
.section p{ font-family:altehasgrotek; font-weight:normal; font-size:13px;color:#7d7a7a; font-weight:normal;}
p.social-use span {font-size: 12px;font-family: monospace; opactiy:0.9}
.section img,.section h4,p{ padding:2%;}
.section{ background-color:#FCFCFC; border:1px solid #e6e5e5; height:505px;}
.social-use{ background:#F9F9F9; height:auto; padding:4%;}
.fa-wifi:hover{ color:#C30;}
.section_restaurant{background-color:#FCFCFC; border:1px solid #e6e5e5; margin-top:10%;}
.section_restaurant p{font-family:altehasgrotek; font-weight:normal; font-size:13px;color:#7d7a7a; font-weight:normal; text-align:center;}
.section_restaurant img,.section_restaurant h4,p{ padding:2%;}
.section_restaurant h4{ font-family:altehasgrotek; font-weight:bolder; text-align:center; font-size:21px; text-transform:uppercase;}
.section_restaurant h4 a{color:#504b4b !important;}
.view_left{ background:#383C45; padding:2% 3%; color:#fff;}
.from_left{background:#FAFAFA; padding:2% 3%; color:#999595; border:1px solid #d4d4d4; }
.more_bg{ background-color:#383C45 !important; padding:7px 10px;} .more_bg a{color:#fff;} .more_bg a:hover{ color:#fff;}
.view_left1{ background:#383C45; padding:2% 3%; color:#fff; text-align:center;}
.book_now{ background-color:#017890; border:2px solid #083741; border-radius:10px; text-align:center; color:#fff;}
.book_now:hover{ background-color:#8B0D01; border:2px solid #083741; border-radius:10px; text-align:center; color:#fff;}
.book_now a{color:#fff;} .book_now a:hover{color:#fff;}
.book_now h2 {margin-top: 12px; margin-bottom: 12px;}
.bottom_book{ margin-top:70px;}
footer{ background-color:#383C45; padding-top:10px; margin-top:-20px;}
nav.custom_footer p{margin-top: 3px;}
.custom_footer{ background-color:#383C45;}
.custom_footer li a{ color:#fff;}
.custom_footer li a:hover{ color:#fff;} .custom_footer li:hover{ background-color:#999;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #8B0D01 !important;    /* border: 1px solid red; */}
.nav-pills>li>a {border-radius: 0px !important;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
.custom_footer li a:hover {color: #fff;}
/*.test2, .test3,.test4{
   opacity:0;
}
.test1{ display:none;}*/
/*.test1 {
    opacity:0;
}
*/
/***************************slider***********
*********/

    /* jssor slider bullet navigator skin 05 css */
        /*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */
        .jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url('img/b05.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 22 css */
        /*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        */
        .jssora22l, .jssora22r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 58px;
            cursor: pointer;
            background: url(../img/a22.png) center center no-repeat;
            overflow: hidden;
        }
        .jssora22l { background-position: -10px -31px; }
        .jssora22r { background-position: -70px -31px; }
        .jssora22l:hover { background-position: -130px -31px; }
        .jssora22r:hover { background-position: -190px -31px; }
        .jssora22l.jssora22ldn { background-position: -250px -31px; }
        .jssora22r.jssora22rdn { background-position: -310px -31px; }
		
/*************************end slider*********************/
		
/***************modal css*****************/
		
#myImg, #myImg1, #myImg2, #myImg3,#myImg4,#myImg5,#myImg6,#myImg7,#myImg8,#myImg9,#myImg10,#myImg11,#myImg12,#myImg13,#myImg14,#myImg15 {
    border-radius: 5px;cursor: pointer; transition: 0.3s;}

#myImg:hover, #myImg1:hover, #myImg2:hover, #myImg3:hover,#myImg4:hover,#myImg5:hover,#myImg6:hover,#myImg7:hover,#myImg8:hover,#myImg9:hover,#myImg10:hover,#myImg11:hover,#myImg12:hover,#myImg13:hover,#myImg14:hover,#myImg15:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 550px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
		
		/*************end modal css*************/
		
		
/**************************second page rental*******************/

.bg_rental{ background-color:#EEF2F3; padding:1% 1% 3% 1%;}
.box-rental{ background-color:#FFFFFF; border:1px solid #E6EAEB;}
.rentalwifi{ color:#0C3; font-size: 20px !important;}
.media-body{ padding-top:1%;}
.media-object {display: block; width: 100% !important;}
.media-heading{ color:#7d7a7a !important; font-size:15px !important;}
.sidebar{ background-color:#FFFFFF;height:auto;width:100%; display:block;font-family:'Roboto',Arial,sans-serif; border:1px solid #E6EAEB; margin-top:10px;}
.skype-call{ background:#00AFF0;border-radius:2px; padding:3%; margin-top:10px;}
.skype-call:hover{ background-color:#1C2F47;}
.skype-call img{ text-align:center !important; padding-left:80px;}
.glyphicon-star{ color:#FFC641; font-size:14px;}
.more-details{ background-color:#FFC641 !important; color:#404745 !important; border:none !important; font-weight:600;}
.more-details:hover{ background-color:#1C2F47 !important; color:#FFF !important}
.text_bg{text-align: center; font-size: 14px; background-color: #eef2f3;padding:5px;margin: 0 10px; color: #1c2f47 ;font-weight: 300;font-family:'Roboto',Arial,sans-serif;}
.side_text{font-weight: 300; text-align:left; padding-left:0px; font-size:15px;}
.side_text1{font-weight: 300; text-align:left; font-size:15px; line-height:20px;}
.sidebar hr{line-height:1px !important; margin-top:3px;}
.sidebar input, .sidebar textarea{ background-color:#EEF2F3;}
/**************************end page rental*******************/

/****************jassor scroll slider*************/

/* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url(../img/a17.png) no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }

        /* jssor slider thumbnail navigator skin 01 css */
        /*
        .jssort01 .p            (normal)
        .jssort01 .p:hover      (normal mouseover)
        .jssort01 .p.pav        (active)
        .jssort01 .p.pdn        (mousedown)
        */
        .jssort01 .p {
            position: absolute;
            top: 0;
            left: 0;
            width: 72px;
            height: 72px;
        }
        
        .jssort01 .t {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }
        
        .jssort01 .w {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
        }
        
        .jssort01 .c {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
            box-sizing: content-box;
            background: url(../img/t01.png) -800px -800px no-repeat;
            _background: none;
        }
        
        .jssort01 .pav .c {
            top: 2px;
            _top: 0px;
            left: 2px;
            _left: 0px;
            width: 68px;
            height: 68px;
            border: #000 0px solid;
            _border: #fff 2px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p:hover .c {
            top: 0px;
            left: 0px;
            width: 70px;
            height: 70px;
            border: #fff 1px solid;
            background-position: 50% 50%;
        }
        
        .jssort01 .p.pdn .c {
            background-position: 50% 50%;
            width: 68px;
            height: 68px;
            border: #000 2px solid;
        }
        
        * html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {
            /* ie quirks mode adjust */
            width /**/: 72px;
            height /**/: 72px;
        }
/****************jassor end scroll slider***************/

/************details page***********/
.bg_rental1{background-color:#EEF2F3; padding:1% 1% 3% 1%;}
.bg_rental1 small{ font-size:13px; margin-top:-15px;}.bg_rental1 big{ font-size:21px; margin-top:-10px;}
.p-amount{color:#ff5d1e;}
.star_details{ font-size:21px;}
.detail-location{ color: #1c2f47 !important;font-weight: 300;font-size: 14px;}
h5 .detail-location a{ text-decoration:none;}
/***********end deatils page********/

/***********************details bottom***************/

#details_bottom{ background-color:#FFFFFF; margin-top:-30px;padding: 28px;}
#details_bottom h4{ color: #7d7a7a !important;font-size: 19px !important; padding:2%;}
#details_bottom p{ line-height:1.5; margin-top:-15px;}
.special_offer{ background-color:#529FD3; padding:1%; margin:20px; color:#fff;}
.special_offer1{ background-color:#F6FBFF; padding:1%; margin:20px; color:#616c7a; margin-top:-20px; font-size:13px;}
.more-details2{ background-color:#FFC641 !important; font-size:10px; border:none !important;padding: 2px 5px!important;margin: 0px 5px;}
.more-details2:hover{ background-color:#1C2F47 !important; color:#FFF !important}
.panel-resort{ background-color:#FF5D1E !important; padding:0 15px !important;border-color:none !important;}
h4.panel-title a { color: #fff !important; padding:1% !important; font-size:15px;margin-left: -40px;}
h4.panel-title  {padding:1%!important; margin:0 35px;}
.panel-default {border-color:#fff !important;padding: 1% !important;}
.media_details {height: 1%; !important;overflow-y: scroll !important;padding:3%;}
.button_bg{ background-color:#EEF2F3; height:30px;}
.top_book{ margin-top:-10px;}
/*********************end**details bottom***************/

/****************************surrondings*************************/
#surrondings{background-color:#EEF2F3; padding:1% 1% 3% 1%;}
#surrondings h1{ color:#7d7a7a; font-weight:bold;font-family: 'Roboto',Arial,sans-serif;}
#surrondings p{ color:#7d7a7a; font-family: 'Roboto',Arial,sans-serif;margin-left: 0px;}
#sr_img1,#sr_img2,#sr_img3 {border-radius: 5px;cursor: pointer; transition: 0.3s;}
#sr_img1:hover,#sr_img2:hover,#sr_img3:hover{opacity: 0.7;}
#sr_img1,#sr_img2,#sr_img3{height:200px;}
.modal-content-sr { margin: auto; display: block;  width: 100%; max-width: 800px;}
.rp-resort{
    font-size: 16px;
    font-weight: 500;
    display: block;
    color: #1c2f47;
    padding: 2px 10px 0;
	font-family:font-family: 'Roboto',Arial,sans-serif;
	text-align:left;
}

/****************end surrondings******************/

/***************contact us**********/
.contact_form{
    display: block;
    padding: 30px 30px !important;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	color:#7D7A7A;
}
.search_availabality{border-radius:5px;}
.check_avail{ text-align:center;}
section .blockquote_202 .from {
    margin-top: 7px;
    display: block;
}
/****************end contact us******/
/*******about us********/
.about_us{ line-height:25px;}
/************end about us******/
/****rules page***********/
.rules p{ margin-left:-13px !important;}
.rules_p{ margin-top:-30px !important; line-height:25px;}
.rp-resort1{font-size: 16px;font-weight: 500;display: block;color: #1c2f47;padding: 2px 10px 0;font-family:font-family: 'Roboto',Arial,sans-serif;
	text-align:left;}
/**********end rules page***********/
/****************booking page*******/


/**************end booking page*******/
/*****************media screen size 768px****************/
@media screen and (max-width:768px){
.rules p{ margin-left:0px !important;}
.rules_p{ margin-top:10px !important; line-height:25px;}
}
/*****************media screen size 768px****************/

.media-left.listing-top img {
   padding: 4%;
   vertical-align: top;
   margin-top: 7px;
}
.side_text a{color:#333333}