@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500i,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900');

body{font-family: 'Roboto', sans-serif; font-size:16px; margin:0; padding:0;}
h1,h2{font-family: 'Raleway', sans-serif;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1{ font-size:40px;}
img{ max-width:100%;}
ul{ padding:0; list-style:none; margin:0;}
p,li{ line-height:1.6;}
a{ color:#000;}
a:hover{ color:#000; text-decoration:none;}
section{ padding:50px 0;}
/*****header******/
header{ background:#79c1e6;position: absolute;left: 0;right: 0; z-index:999;}
.logo {position: absolute;top: -10px;}
/****nav******/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{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 #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding: 25px 14px;1px;text-decoration: none;color: #000;font-weight: 500;text-transform: uppercase;font-size: 14px;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;border-bottom: 5px solid #010166;margin: 0px 0 -4px;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#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:#fff}
/*#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
*//*#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}*/
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media screen and (max-width:1200px){

#cssmenu ul{width:100%;display:none;margin-top: 35px;}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:12px;font-size: 24px; color:#fff;right:20px;display:block;content: '\f0c9';
font-family: FontAwesome;}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.button.menu-opened:before{content: '\f00d';
font-family: FontAwesome;}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

#cssmenu #menu-button {display: none;}
#menu-line {position: absolute; top: 0; left: 0; height: 3px;background: #009ae1;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#cssmenu ul ul {position: absolute;left: -9999px;}
/***nav*****/
/*****header******/

/****banner******/
.slide-section{ position:absolute; top:50%; left:0; right:0;text-align:center}
.slider-caption{ background:rgba(37,35,116,.8); color:#fff; padding:20px 30px;}
/****banner******/
/****strip & introduction*****/
.strip{ background:#79c1e6; padding:10px 0; color:#000;overflow: hidden;}
.strip h3{ font-size:30px;}
.bookonline{ background:#89cef8; font-size:30px; border:1px solid #89cef8; padding:10px 60px; border-radius:50px; color:#000;}
.heading h1{ text-transform:uppercase; margin-bottom:20px; color:#000}
.heading h1:after{ width:100px; height:3px; background:#89cef8; content:''; display:block; margin:10px auto;}
.mt20{ margin-top:20px;}.mb30{ margin-bottom:30px;}
.textclr{ color:#1e62a8;}
.top_reasons li{ display: inline-block;
    width: 17%;
    text-align: center;
    border: 1px solid #ccc;
    margin: 15px;
    padding: 10px 10px;}
.top_reasons li img{ margin-bottom:15px;}

/*******gallery& testimonials***********/
#gallery{ background:url(../images/gallery.png); color:#fff;}
#gallery img{ width:100%; border:5px solid #79c1e6;}
#gallery .slick-slide{ margin:20px !important;}
.image-caption{position: absolute;top: 25%;right: 0;text-transform: uppercase;background: #79c1e6;padding: 5px 35px; color:#fff;}
.image-slider{ position:relative;}
#gallery .slick-prev,#gallery  .slick-next{ background:#000; height:40px;}
#testimonials{ background:#f1f1f1;}
.testimonial-content{ padding:20px 60px;}
.testimonial-content i.fa.fa-quote-left{ color:#b7b7b7; font-size:40px; margin-bottom:20px;}
.textred{ color:#2ab3ff;}
/*******footer***********/
footer, .footer-bottom{background:#79c1e6; padding:20px 0; color:#fff;}
.footerlink li{ display:inline-block; padding:0 20px;}
.br{ border-right:1px solid #fff;}
.sociallinks li{ display:inline-block; padding:0 	10px;}
.sociallinks li a, .footer-bottom a{ color:#fff;}
.footer-bottom{ border-top:1px solid #fff;}
.footer-bottom p{ margin-bottom:0px;}

.gallary-img { width:900px;}

.portfolio-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0,0.0);
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.image-slider{ overflow:hidden; margin-bottom:25px}
.image-slider:hover .portfolio-overlay {
    opacity: 1;
    visibility: visible;
}
.image-slider img {
		max-width:100%;
		position: relative;
		top:0;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition:         all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
	width:100%;
	}
.image-slider:hover img {
    /* transform: scale(1.2, 1.2) translate(15px, 15px); */
    -ms-transform: scale(1.2, 1.2) translate(15px, 15px);
    -webkit-transform: scale(1.2, 1.2) translate(15px, 15px);
}
.innerstrip{     background: #79c1e6;
    color: #000;
    padding: 10px 0;}
.innerstrip h1{ margin:0px;}
.form-control{ height:45px !important; border-radius:0px !important;}
#message{ height:100px !important;}
.submitbtn{ color:#fff; background:#79c1e6; font-size:20px;  padding:10px 30px;border:none !important; text-transform:uppercase;}
.contact_info h3{ margin:0 0 10px;}
.contact_info li {margin-bottom: 25px;}
.contact_info h4 {line-height: 1.6; margin: 0px;}
.facility li:before{ content:'\f0a4'; font-family:FontAwesome; width:40px; height:10px; padding-right: 15px; }
.facility li{ line-height: 3;font-size: 20px;}
.room-charge{ border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:25px;}.room-charge h2{ font-size:26px;}
@media(max-width:767px){.logo{ top:0px; z-index:999;}.logo img{width: 80px;} header{ position:relative;}.top_reasons li {width: 100%;margin: 0 0 20px;padding: 10px 10px;}	.slick-next{ right:0 !important;}.slick-prev{ left:0 !important;} footer .text-right,.footer-bottom .text-right, .footerlink, p{ text-align:center }#cssmenu > ul > li > a {padding: 15px 14px !important;}
.gallary-img { width:100%}
}
@media(min-width:481px) and (max-width:767px){.top_reasons li {width: 45%;margin: 10px;}#cssmenu > ul > li > a {padding: 15px 14px !important;}.col-xs-6xs{ width:50%} .gallary-img { width:100%}}



@media (min-width:768px) and ( max-width:1200px){.logo img{ width:auto;}.bookonline{ padding: 10px 35px;font-size: 20px;0}.strip h3{ margin:15px 0;}.top_reasons li{margin: 0 10px 20px; width:30%;}.slick-next{ right:0 !important;}.slick-prev{ left:0 !important;}}