/*  
Theme Name: Ramada Katunayake
Version: 1.0
Description: Designed by <a href="http://www.foonzamedia.com">Foonzamedia</a>.
Author: Hareesh
Author URI: http://www.foonzamedia.com
Template: scratch
*/
@import url("../scratch/style.css");
@import url("includes/css/reset-font.css");
@import url("includes/css/datepicker.css");
@import url("includes/css/caplugin.css");
/*@import url("includes/css/caplugin.css");*/

body{line-height:1.8em;} 
h1, h2, h3, h4, h5, h6{font-family:Lora;}
h1{ font-size:30px; }
h2{ font-size:28px; }
h3{ font-size:24px; }
h4{ font-size:22px; }
h5,h6{ font-size:18px; }
h1.entry-title{ text-align:center;margin:20px 0px; }
a:link, a:visited{ color:#0880B0;}
.home .page-leads {
    display: none;
}
/*header styles */
#main-header #navigation-wrap{ margin:48px 0 15px; }
#main-header .flexnav li{background-color:transparent;}
#main-header .flexnav li a{ border-left:0;background:transparent;color:inherit;padding:10px 13px; }
#main,.list.isotope{ margin-top:20px; }
#main-header .eight.columns{ position:relative; }
#main-header nav#access{ float:left; }
.follow-us{margin-top:45px;text-align:center;position:absolute;width:135px;z-index:9999;display:inline-block;right:1%;}
.follow-link-mini{display:none}
.follow-link-red{background: #fff url("images/follow-us-red.png") no-repeat center right;background-position:120px;}
.follow-link-blue{background: #106080 url("images/follow-us.png") no-repeat center right;background-position:120px;}
.follow-link{color:#fff;padding:15px 22px;border-radius: 5px;transition: background-color 0.5s ease;font-size: 14px;cursor: pointer;background:#cd1f44;font-weight:bold;font-family:Roboto;text-transform:uppercase;letter-spacing:1.2px;}
.follow-link:hover{color:#ffffff;background: #B22E4A;border:1px #106080 solid;}
.follow-link-mini{color:white;padding:25px 25px;width:50px;background: #cd1f44 url("images/follow-us.png") no-repeat center center;cursor: pointer;float:right;box-sizing: border-box;}
li.widget_socialbar{ list-style:none; }
.reward{ margin-top:40px; }
.social-media a{-moz-transition: all .5s;-webkit-transition: all .5s;transition: all .5s;padding:0;}
.social-media a:hover{opacity:1;}
.social-media a.fb {background:url("images/socialicons.png") no-repeat;background-position: 6px 7px;}
.social-media a.gplus {background:url("images/socialicons.png") no-repeat ;background-position: center -152px;}
.social-media a.twt {background:url("images/socialicons.png") no-repeat  ;background-position: 7px -49px;}
.social-media a.lnk {background:url("images/socialicons.png") no-repeat ;background-position: center -97px;}

.lead-image{ position:relative; }
.lead-desc{ position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(22,22,22,0.6); }
.lead-desc > div{ display:table;height:100%;width:98%;max-width:1200px;margin:0px auto;font-family:Arapey;font-style:italic; }
.lead-desc h1.head-home,.lead-desc p.para-home{ width:50%;color:#fff;text-align:center;display:table-cell;vertical-align:middle;font-weight:400; }
.lead-desc p.para-home{ padding:0 4%;background:url('images/linequotes.png')no-repeat center 15% rgba(205,32,66,0.4);font-size:24px;line-height:2.0em; }
/* Booking Form Styles*/
.nav-wrapper {
    position: static;
    top: auto;
    width: 100%;
    border-bottom-style: none;
    display: none
}

.nav-wrapper.stick {
    position: fixed;
    top: 0;
    left: 7%;
    right: 7%;
}
.morph-button.morph-button-modal {
    padding: 10px 25px;
    background: #ffffffeb;
    border-radius: 18px;
}
form#bookingform {
    margin-bottom: 0;
}
#bookingform select {
    border: 1px solid #ce2043;
	padding: 10px 3%;
}

#bookingform div {
    float: left;
    margin-right: 3%;
    width: 14%
}

#bookingform div label {
    display: block;
    color: #656565;
    font-size: 14px;
    text-align: center;
    font: normal 14px/1.6 Arial
}

#bookingform button {
    background: #ce2043;
    color: #fff;
    margin-top: 20px;
    padding: 12px 25px;
    font: bold 14px/1.6 Arial;
    letter-spacing: 1.2px
}

.nav-wrapper {
    background: #fff;
    z-index: 9999;
    border-bottom: 1px solid #e5e4e3;
    display: block;
    width: auto;
    border-radius: 18px;
}

#bookingform input,#bookingform textarea,#bookingform select {
    border: 1px solid #ce2043;
    max-width: 160px;
    font: normal 16px/1.5em Arial;
    color: #676767;
    background: #fff
}

#bookingform select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('images/arrow.png')no-repeat 90% center
}

#bookingform select:after {
    content: '';
    padding: 9px
}

#bookingform input#date-out,#bookingform input#date-in {
    padding: 10px;
    padding-right: 24px;
    width: 94%;
    background-image: url(images/calendar-icon.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    height: auto;
}

.morph-button>button,.icon-close {
    display: none
}
.icon-bar {
    background: #ca0024;
}

/* Mini features */
.mini-features{ margin:80px 0px; }
.mini-features .three.columns{text-align:center;border-right:1px solid #dcdcdc;width:23.3%;}
.mini-features .three.columns:last-child{border:0;}
.mini-features img{float:none;text-align:center;}
.mini-features p{text-align:left;font:400 18px/1.8em Roboto;}
.mini-features h3{color:#6b6b6b;}
.mini-features h3:first-child{text-align:left;}

/* Sliders setup */
#features{padding:40px 0px;background:#f7f7f7;}
.widget-title span{  background:transparent; }
#features h3.widget-title{ margin-top:0; }
.flexslider{ box-shadow:none!important;background:transparent!important; }
li.slide>a {width: 50%;display: block;float: left;}
.flexslider .content > a{color:#676767;font:normal 36px/1.5em Lora;display:block;text-align:center;}
.flexslider .content{ position:static;width: 47%;float: left;padding: 5px 1.5%;background:transparent; }
.flexslider .content .excerpt{ color:#333; }
.flexslider .content .excerpt p{ max-height:206px;overflow:hidden;font:normal 18px/1.8em Roboto; }
.flexslider .content a.button{display:inline-block;padding:10px 15px;background:#ce163b;margin-top:23px;font:bold 14px/1.6 Roboto;letter-spacing: 1.2px;text-transform:uppercase;}
#features .flex-control-nav{right:20%;}
#features .flex-control-nav li a{ width:16px;height:16px;background:#cfcfcf;border-radius:10px; }
#features .flex-control-nav li a.flex-active{border:4px solid #cfcfcf;background:#ce163b;width:8px;height:8px;}

#testimonial{padding:35px 0px;background:#cd2042;}
.testimonial .content{ width:97%; max-width: 1000px; margin: 0px auto; float: none;padding-top:50px;background:url('images/linequotes.png')no-repeat center 10%; }
.testimonial .content .excerpt p{ color:#fff;font:italic 22px/1.5em Arapey;text-align:center; }
.testimonial .content .excerpt p a{ color:inherit; }
/* Blog listing */
.list .type-post, .list .type-page{border:0;}
.list .type-post header h2{ font:normal 20px/1.5em Lora; }
h1.entry-title a,h2.entry-title a{ color:#444; }
h3.widget-title{color:#676767;font:normal 44px/1.5em Lora;text-align:center;margin-top:40px;margin-bottom:35px;}
h3.widget-title span{text-transform:none;background:transparent;border-bottom:1px solid #676767;}
.type-post a.more-link, .type-page a.more-link{display:block;text-decoration:none;background:#fff;text-align:center;padding:10px;font:bold 18px/1.4em Roboto;color:#ce163b;letter-spacing:1.3px;text-transform:uppercase;margin-top:20px;border:1px solid #e0e0e0;-webkit-box-shadow: 0 0px 0px #cfcfcf;
	-moz-box-shadow:0 0px 0px #cfcfcf;box-shadow:0 0px 0px #cfcfcf; transition:all ease 1s; }
.type-post a.more-link:hover, .type-page a.more-link:hover{background:#ce163b;;color:#fff;}

/* Footer */
/* Gravity Form subscription  */
#footer{ background:#453337 ;margin-top:60px; }
#footer p.gform_required_legend {
    color: #fff;
}

.container.d-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#footer-widgets .widget h4{font:italic 28px/1.5 Lora;}
#footer-widgets .widget h4 span{background:transparent;color:#fff;text-transform:none;	}
.gform_widget h4.widget-title{display:inline-block;float:left;margin:20px 15px 20px 0px;}
.gform_widget .gform_body{float:left;}
.form .gform_wrapper input[type=image]{ background:transparent; }
.form .gform_previous_button.gform_image_button{ position:absolute;left:-30px; }
#footer .gform_page_fields{width: 70%;float: left;clear: none;max-width: 250px;}
#footer .gform_wrapper .top_label .gfield_label{ display:none; }
#footer .gform_wrapper .gf_progressbar{background: none;height: 10px;border: none;box-shadow: none;border-radius: 0;display:none;}
#footer h3.gf_progressbar_title{bottom: 0;    color: #fff;    position: absolute; right: 0;}
#footer .gform_wrapper{position: relative; width: 80%; margin: 0 10%; }
#footer .gforms_confirmation_message{ position: absolute;width: 100%;left: 0;top: 0;background: #333;height:100%; }
#footer .gform_confirmation_message{ margin:0;background-color:transparent;color:#fff;font:300 20px/1.5 Roboto;border:0;padding:1em;text-align:center; }
#footer .gform_wrapper .top_label input.medium{width: 100% !important;background: transparent;padding:5px;border: 0;border-bottom: 1px solid #fff;text-align:center;color:#fff;font:normal 17px/1.5em Lora;}
#footer .gform_wrapper .top_label input.medium::-webkit-input-placeholder {color:#fff;}
#footer .gform_wrapper .top_label input.medium:-moz-placeholder {color:#fff;}
#footer .gform_wrapper .top_label input.medium::-moz-placeholder { color:#fff; }
#footer .gform_wrapper .top_label input.medium:-ms-input-placeholder { color:#fff; }
#footer .gform_wrapper .percentbar_blue{background: #568f95;border: none; height: 10px;}
#footer .gform_wrapper .gf_progressbar_percentage{height: 10px;}
#footer .gform_wrapper .gf_progressbar_wrapper, #footer .gform_wrapper .gform_page_footer, #footer .widget ul li{border: none !important;}
#footer .gform_page_fields,#footer .gform_page_footer{width:48%;float:left;clear:none;}
#footer .gform_page_footer{max-width:125px;margin-left:20px!important;}
#footer .gform_wrapper .gf_progressbar_wrapper{padding: 0; margin: 0;width:50%;}
#footer .gform_wrapper .gf_progressbar_percentage span{display: none;}
#footer .gform_wrapper .gform_page_footer, #footer .gfield{padding: 0; margin: 0;border: none;}
#footer .gform_wrapper .gform_page_footer{ margin-top:5px; }
#footer .widget.gform_widget ul li{padding: 0;}
#footer .gform_wrapper input.button{margin: 0 !important;border: none !important;}  
#footer .gform_wrapper input.button{padding:10px 20px;background:#cd2042 !important;color:#fff !important;font-size:14px !important;font-family:"Roboto";font-weight:bold;text-transform:uppercase;letter-spacing: 1.2px;}
#footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required{margin: 0 !important; padding: 0 !important;}
#footer .gform_wrapper li.gfield.gfield_error, #footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, #footer .gform_wrapper .ginput_container + .gfield_description.validation_message, #footer.gform_wrapper .top_label .gfield_description.validation_message, #footer .gform_wrapper .gfield_description.validation_message, #footer .gform_wrapper .gfield_description{background: none;padding: 0 !important;margin: 0 !important;}
#footer .gform_wrapper div.validation_error{display: none;}
#footer .gform_wrapper label.gfield_label + div.ginput_container{ margin:0; }
#footer .sub,#footer .form{ width:49%;float:left; }
#footer .sub{ text-align:right;color:#fff;font:normal 28px/1.5 Lora; }
#footer a.google-map-code{ display:none; }
#footer .widget_text { color:#fff;font:300 18px/1.5 Roboto;margin-bottom:22px; }
#footer .textwidget{ padding-left:50px; }
#footer
.footer-widget-1 .textwidget{ background:url('images/loc.png')no-repeat left center; }
.footer-widget-2 .textwidget{ background:url('images/phone.png')no-repeat left center; }
.footer-widget-3 .textwidget{ background:url('images/mail.png')no-repeat left center; }
#footer-bottom{ background:#371f23; }
#footer-bottom p{ color:#bdbdbd;font:lighter 12px/1.4em Roboto; }
#footer-bottom a{  font-weight:normal;color:#fff;}
/* SIngle Post */
.single-post #primary.twelve.columns{
    max-width: 900px;
    margin: 0px auto;
}
.entry-content h1, .entry-content h2, .entry-content h3,.entry-content h4{ margin-bottom:20px; }
a.share.wapp{ background:url("images/whatsapp.png") no-repeat scroll center; }
a.share.email{ background:url("images/email.png") no-repeat scroll center; }
.entry-content p{ font-size:18px; }
.lead-desc.non-home .cont{ position:absolute;top:30%;text-align:center;height: auto; max-width: none;color:#fff; }
.lead-desc.non-home h1{font:italic 50px/1.8em Arapey; color:#fff;}
.lead-desc.non-home p{ font:normal 25px/1.8em Arapey; }
#related h4.entry-title{ text-align:center;color:#585858;margin-bottom:40px;}
#related h4.entry-title span{ font:normal 26px/2em Lora;padding:5px 15px;border-bottom:1px solid #585858; }
.type-post, .type-page{ font:normal 18px/1.8em Roboto; }
.single .lead-image{ box-shadow:none; }
.lead-image img{ width:100% }
#related .column{width:31%;}
#related .post h4{font:normal 20px/1.5em Lora;}
.symple-one-third .gform_wrapper .top_label input.large,.symple-one-third .gform_wrapper textarea.medium{width:92.5%; }

/* Porfolio Styles */
.flexslider .slides > li{ list-style:none; }
#roomslider{ width:70%;float:left; }
#carousel{ width:30%;float:left;position:relative;max-height:600px;overflow:hidden; }
#carousel .slides > li{ float:none!important;list-style:none; }
#carousel .flex-direction-nav li a{ left:50%!important; }
#carousel .flex-direction-nav li a.flex-prev{ bottom:95%!important; }
#carousel .flex-direction-nav li a.flex-next{ bottom:5%!important; }

#features-tab{ margin:30px 0px; }
#features-tab .ui-tabs-nav{ border-bottom:1px solid #585858; }
#features-tab .ui-tabs-nav li{ width:49%;float:left;list-style:none;text-align:center; }
#features-tab .ui-tabs-nav li a{ padding:15px 30px;display:inline-block;font:Normal 25px/1.5em Lora;position:relative;bottom:-2px;outline:0; }
#features-tab .ui-tabs-nav li.ui-state-active a{ border-bottom:3px solid #cd2042; }
#features-tab .ui-tabs-panel ul li{ list-style-image: url('images/bullet.png');width:31%;padding:15px 1%;float:left;font:300 15px/1.3em Roboto; }
#features-tab .ui-tabs-panel{ background:#f7f7f7;padding:20px; }

/* Blog Archive Styles */

.blog-aux-wrap{ background:#f7f7f7; }
.blog-aux-wrap .blog-aux-options{ max-width:1200px;padding:20px 0px; }
.blog-aux-wrap li{ padding:20px 4%; }
.blog-aux-wrap li.search input{ width:200px;border:1px solid #cd2042;color:#cd2042;text-align:center;background:url('images/search.png')no-repeat 90% center;border-radius:3px;font:normal 20px/1.6em Lora;padding:3px 3%; }
.blog-aux-wrap li.search input::-webkit-input-placeholder{ color:#cd2042; }
.blog-aux-wrap li.search input:-moz-placeholder{ color:#cd2042; }
.blog-aux-wrap li.search input::-moz-placeholder{ color:#cd2042; }
.blog-aux-wrap li.search input:-ms-input-placeholder{ color:#cd2042; }
.blog-aux-wrap li a{font:normal 20px/1.6em  Lora;color:#cd2042;}
.blog-aux-wrap li a:hover{ color:#006699; }
.blog-filter-wrap{ border-bottom:10px solid #f7f7f7; }
.slideout-filter ul li:hover, .slideout-filter ul li a:hover{background:#cd2042;}

/*Portfolio Archive Styles */
.page-template-template-portfolio-php .portfolio,#related .portfolio,.tax-facilities .portfolio{ position:relative; }
.archive.tax-facilities .lead-desc.non-home p{ display:none; }
.page-template-template-portfolio-php .portfolio header,#related .portfolio header,.tax-facilities .portfolio header{ position:absolute;bottom:0;background:rgba(50,50,50,.6);text-align:center;width:100%;min-height:90px;transition:all ease 1s; }
.page-template-template-portfolio-php .portfolio header:hover,#related .portfolio header:hover,.tax-facilities .portfolio header:hover{min-height:100%; }
.page-template-template-portfolio-php .portfolio header h2,#related .portfolio header h2,.tax-facilities .portfolio header h2,.page-template-template-portfolio-php .portfolio header a.read-more,#related .portfolio header a.read-more,.tax-facilities .portfolio header a.read-more{ width:100%;text-align:center;transition:all ease 1s; }
.page-template-template-portfolio-php .portfolio header:hover h2,#related .portfolio header:hover h2,.tax-facilities .portfolio header:hover h2{ position:absolute;bottom:50%; }
.page-template-template-portfolio-php .portfolio header a.read-more,#related .portfolio header a.read-more,.tax-facilities .portfolio header a.read-more{position:absolute;bottom:0; }
.page-template-template-portfolio-php .type-portfolio, .recent-portfolios-widget li, .recent-work li{ height:auto; }
.post-thumb img{ width:100%;margin:0; }
#related .column{ margin:0 1%; }
#related .column.first{ margin-left:0; }
#related .column.last{ margin:0 1%;;margin-right:0; }
#related .portfolio h4{ margin:20px 0px; }
.post-thumb{ line-height:0; }
.tax-facilities .portfolio{ padding:0; }
.page-template-template-portfolio-php .type-portfolio .entry-title a,#related .portfolio h4 a,.tax-facilities .portfolio .entry-title a{ color:#fff;font:300 23px/1.6em Roboto!important;}
.page-template-template-portfolio-php .portfolio a.read-more,.tax-facilities .portfolio a.read-more{ font:bold 20px/1.6em Lora!important;color:#fff;font-style:italic!important;display:block;margin:15px 0px; }

/* Contact form */
.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea, .gform_wrapper .ginput_complex input[type=text]{font: 400 13px/1.4 Lato;padding: 10px;border-radius: 6px;border: 1px solid #929292;margin: 10px 0px;color: #4f4f4f;transition: all ease 1s;}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_footer input[type=image]{ background:#ce163b;color:#fff;margin-top:20px;padding:9px 15px;font:bold 14px/1.6 Lora; }
.gform_wrapper .top_label input.large:hover, .gform_wrapper .top_label select.large:hover, .gform_wrapper .top_label textarea.textarea:hover,.gform_wrapper .ginput_complex input[type=text]:hover,.gform_wrapper .top_label input.large:focus, .gform_wrapper .top_label select.large:focus, .gform_wrapper .top_label textarea.textarea:focus,.gform_wrapper .ginput_complex input[type=text]:focus,.gform_wrapper .top_label input.large:active, .gform_wrapper .top_label select.large:active, .gform_wrapper .top_label textarea.textarea:active,.gform_wrapper .ginput_complex input[type=text]:active,.gform_wrapper.gf_browser_chrome .ginput_complex select:hover, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:hover,.gform_wrapper li.gfield_price input[type=text]:hover,.gform_wrapper.gf_browser_chrome .ginput_complex select:focus, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:focus,.gform_wrapper li.gfield_price input[type=text]:focus,.gform_wrapper.gf_browser_chrome .ginput_complex select:active, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select:active,.gform_wrapper li.gfield_price input[type=text]:active{ border-color:#ce163b;box-shadow:0px 0px 5px #ce163b; }

@media only screen and (max-width:1100px){
/* Minimal Nav Styles */
ul.flexnav li:first-child a{
	padding-left:1em;
}
nav#access{
	width:80px;
	float:left;
}
nav#access #navigation-wrap{
	margin-bottom:0px;
}
nav#access .menu-button{
	display:inline-block;
	background:transparent;
	border-bottom:0px;
	padding-top:0px;
}
nav#access .menu-button .touch-button{
	position:inherit;
}
nav#access .menu-button .touch-button .navicon:before{
	content:"MENU";
	font-size:10px;
	font-family:roboto;
	position:absolute;
	left: 2px;
	top: 33px;
	font-weight:400;
}
nav#access .menu-button .touch-button .navicon{
	position:initial;
	line-height: .4;
	font-size: 59px;
	color:#cd2042;
	font-family:roboto;
}
ul.flexnav{
	min-width:200px;
	margin:0px;
	position:absolute;
	left:14px;
} 
ul.flexnav li a{
	background:#04decd;
	padding:1em;
}
ul.flexnav li ul li a{
	background:#04decd;
	padding:1em;
}
	#main-header nav#access{ float:right; }
#main-header #navigation-wrap{margin:28px 0px;z-index: 9999;}
#navigation .flexnav{ background:#cd2042;color:#fff;}
/* Morph Button: Default Styles */

.morph-button {
	position: relative;
	display: block;
	margin: 0 auto;
}

.morph-button > button {
	display: block;
	position: relative;
	padding: 20px 1em;
	border: none;
	background-color: #e85657;
	color: #f9f6e5;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	overflow: hidden;
}

.morph-button.open > button {
	pointer-events: none;
}

.morph-content {
	pointer-events: none;
}
.morph-content .icon-close{ display: block;width: 18px;height: 18px;text-indent: -9999px;background: url('images/cancel.png')no-repeat;    position: fixed;background-size: contain;
    right: 19px; }

.morph-button.open .morph-content {
	pointer-events: auto;
}

/* Common styles for overlay and modal type (fixed morph) */
.morph-button-fixed,
.morph-button-fixed .morph-content {
	
	height: 80px;
}

.morph-button-fixed > button {
	z-index: 1000;
	width:100%;
	-webkit-transition: opacity 0.1s 0.5s;
	transition: opacity 0.1s 0.5s;
}

.morph-button-fixed.open > button {
	opacity: 0;
	-webkit-transition: opacity 0.1s;
	transition: opacity 0.1s;
}

.morph-button-fixed .morph-content {
	position: fixed;
	z-index: 900;
	opacity: 0;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-fixed.open .morph-content {
	opacity: 1;
}

.morph-button-fixed .morph-content > div {
	visibility: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
	transition: opacity 0.1s, visibility 0s 0.1s, height 0s 0.1s;
}

.morph-button-fixed.open .morph-content > div {
	visibility: visible;
	height: auto;
	opacity: 1;
	-webkit-transition: opacity 0.3s 0.5s;
	transition: opacity 0.3s 0.5s;
}

.morph-button-fixed.active > button {
	z-index: 8000;
}

.morph-button-fixed.active .morph-content {
	z-index: 7000;
}

/* Transitions for overlay button and sidebar button */
.morph-button-overlay .morph-content,
.morph-button-sidebar .morph-content {
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
}

.morph-button-overlay.open .morph-content,
.morph-button-sidebar.open .morph-content {
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s;	
}

/* Morph Button Style: Overlay */
.morph-button.morph-button-overlay {
	margin: 50px auto;
}

.morph-button-overlay .morph-content {
	overflow: hidden;
	background: #e85657;
}

.morph-button-overlay.open .morph-content {
	top: 0 !important;
	left: 0 !important;
	width: 100%;
	height: 100%;
}

/* Morph Button Style: Modal */
.morph-button-modal::before {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 800;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: none;
}

.morph-button-modal.open::before {
	opacity: 1;
	pointer-events: auto;
}

.morph-button-modal.active::before {
	z-index: 1800;
}

.morph-button-modal .morph-content {
	overflow: hidden;
	-webkit-transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: opacity 0.3s 0.5s, width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

.morph-button-modal.open .morph-content {
	top: 60% !important;
	left: 50% !important;
	margin: -210px 0 0 -300px;
	width: 600px;
	height: 420px;
	-webkit-transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
	transition: width 0.4s 0.1s, height 0.4s 0.1s, top 0.4s 0.1s, left 0.4s 0.1s, margin 0.4s 0.1s;
}

/* Colors and sizes for individual modals */
.morph-button.morph-button-modal-1 {
	float: left;
}

.morph-button.morph-button-modal-2,
.morph-button.morph-button-modal-3 {
	margin: 10px 15px;
}

.morph-button-modal-1 > button,
.morph-button-modal-1 .morph-content {
	background-color: #553445;
}

.morph-button-modal-2 > button,
.morph-button-modal-3 > button
{
	background-color: #ce2043;
	color: #fff;
}
.morph-button-modal-2 .morph-content,
.morph-button-modal-3 .morph-content { 

background: #fff; }

.morph-button-modal-4 {
	display: inline-block;
}

.morph-button-modal-4 > button,
.morph-button-modal-4 .morph-content {
	background-color: #faf1e0;
	color: #553445;
}

.morph-button-modal-4 > button span,
.morph-button-modal-4 .morph-clone {
	padding-left: 10px;
	color: #286f81;
}

.morph-button-modal-4 .morph-clone {
	position: absolute;
	right: 34px;
	bottom: 30px;
	z-index: 100;
	letter-spacing: 1px;
	font-weight: 700;
	-webkit-transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
	transition: bottom 0.4s 0.1s, right 0.4s 0.1s;
}

.morph-button-modal-4.open .morph-clone,
.no-js .morph-button-modal-4 .morph-clone {
	right: 10px;
	bottom: 10px;
}

.morph-button-modal-1::before {
	background: rgba(240,221,204,0.7);
}

.morph-button-modal-2.open .morph-content {
	margin: -210px 0 0 -170px;
	width: 340px;
	height: 420px;
	padding: 20px;
}

.morph-button-modal-3.open .morph-content {
	margin: -255px 0 0 -210px;
	width: 420px;
	height: 510px;
}

.morph-button-modal-3.open .morph-content > div {
	height: 420px;
}

.morph-button-modal-2.open .morph-content > div,
.morph-button-modal-3.open .morph-content > div {
 	-webkit-transition: opacity 0.3s 0.3s;
	transition: opacity 0.3s 0.3s;
}

.morph-button-modal-4.open .morph-content {
	margin: -200px 0 0 -320px;
	width: 640px;
	height: 400px;
}

/* Morph Button Style: In the content flow */
.morph-button-inflow {
	overflow: hidden;
	max-width: 100%;
	height: 70px;
}

.morph-button-inflow > button {
	width: 100%;
	line-height: 70px;
}

.morph-button-inflow .morph-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.morph-button-inflow .morph-content .morph-clone {
	padding: 0;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 70px;
}

/* Colors and sizes for individual in flow buttons */
.morph-button-inflow-1 {
	width: 600px;
	margin: 2em auto;
	-webkit-transition: height 0.5s cubic-bezier(0.7,0,0.3,1);
	transition: height 0.5s cubic-bezier(0.7,0,0.3,1);
}

.morph-button-inflow-1 > button span {
	visibility: hidden;
}

.morph-button-inflow-1 .morph-content .morph-clone {
	color: #f9f6e5;
	background: #e85657;
}

.morph-button-inflow-2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 220px;
	background-color: #fef0e3;
	-webkit-transition: height 0.3s, width 0.3s, -webkit-transform 0.3s;
	transition: height 0.3s, width 0.3s, transform 0.3s;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.morph-button-inflow-2 > button {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	color: #e75854;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.morph-button-inflow-2.open > button {
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}

.morph-button-inflow-2 .morph-content {
	width: 260px;
	height: 200px;
}

.morph-button-inflow-2.open {
	width: 260px;
}

/* Morph Button Style: Sidebar */
.morph-button-sidebar,
.morph-button-sidebar .morph-content {
	width: 60px;
	height: 60px;
}

.morph-button-sidebar {
	position: fixed;
	bottom: 50px;
	left: 50px;
}

.morph-button-sidebar > button {
	line-height: 60px;
	font-size: 1.6em;
	padding: 0;
}

.morph-button-sidebar .morph-content {
	background: #e85657;
}

.morph-button-sidebar.open .morph-content {
	top: 0 !important;
	left: 0 !important;
	width: 300px;
	height: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

/* Let's add some nice easing for all cases */
.morph-button .morph-content,
.morph-button.open .morph-content,
.morph-button-modal-4 .morph-clone {
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

/* Helper classes */
.noscroll {
	overflow: hidden;
}

.morph-button-overlay.scroll .morph-content {
	overflow-y: scroll;
}

.morph-button-sidebar.scroll .morph-content {
	overflow: auto;
}

/* No JS fallback: let's hide the button and show the content */
.no-js .morph-button > button {
	display: none;
}

.no-js .morph-button {
	margin: 10px 0;
	float: none;
}

.no-js .morph-button,
.no-js .morph-button .morph-content,
.no-js .morph-button .morph-content > div {
	position: relative;
	width: auto;
	height: auto;
	opacity: 1;
	visibility: visible;
	top: auto;
	left: auto;
	-webkit-transform: none;
	transform: none;
	pointer-events: auto;
}

.no-js .morph-button .morph-content .icon-close {
	display: none;
}

.no-js .morph-button-sidebar {
	width: 300px;
	position: fixed;
	top: 0;
	left: 0;
	margin: 0;
	height: 100%;
	background: #e85657;
	overflow: auto;
}

.no-transition {
	-webkit-transition: none !important;
	transition: none !important;
}
}
@media only screen and (max-width:1100px) and (min-width:800px){
#booking-form input, #booking-form textarea, #booking-form select{ font-size:14px; }
#booking-form button{ padding:10px;font-size:12px; }
}
@media only screen and (max-width:900px){
.lead-desc h1.head-home{ display:block;width:98%;max-width:600px;font-size:50px;margin:0px auto;padding:0; }
.lead-desc p.para-home{ display:none; }
}
@media only screen and (max-width:900px) and (min-width:600px){ 
.mini-features .three.columns{ width:47.5%;margin:0 1%; border:0;} 
.mini-features .three.columns:nth-child(2n){ border-left:1px solid #dcdcdc; }

}
@media only screen and (max-width:800px){
#booking-form input{ max-width:100%; }
h3.widget-title{ font-size:35px; }
li.slide>a{ width:100%; }
li.slide img{ width:100%; }
.flexslider .content > a{ font-size:30px; }
.flexslider .content{ width:98%;margin:0px auto; }
.flexslider .content .excerpt p{ font-size:14px; }
.flexslider .content a.button{ display:block;max-width:90px;margin:20px auto; }

}
@media only screen and (max-width:800px) and (min-width:500px){
#booking-form .date-in,#booking-form .date-out{ width:46%; }
#booking-form .choose{ width:30%; }
.lead-desc.non-home h1{ font-size:40px; }
}

@media only screen and (max-width:699px) and (min-width:480px){
#main-header .nine.columns{ width:64%; }
.lead-desc h1.head-home{ font-size:35px;margin:auto;margin-top:8%; }
.container .list .four.columns,#related .column{ width:98%;margin:0 1%; }
.container .list .four.columns img,#related .column img{ width:100%; }
}
@media only screen and (max-width:600px){ .mini-features .three.columns{ width:98%;border:0; } }
@media only screen and (max-width:500px){
.nav-wrapper.stick{ position:static; }
#booking-form .date-in,#booking-form .date-out{ width:98%;margin:0px auto;} 
#booking-form input#date-out, #booking-form input#date-in{ width:89%; }
#booking-form .choose{ width:30%; }
#booking-form button{ margin:10px auto;width:98%; }
.lead-desc.non-home h1{ font-size:24px; }
.lead-desc.non-home .cont{ top:5px; }
 .nav-wrapper.stick {
        padding-bottom: 0;
        padding-top: 0
    }

    #bookingform .date-in,#bookingform .date-out {
        width: 98%;
        margin: 0 auto
    }

    #bookingform input#date-out,#bookingform input#date-in {
        width: 98%;
        max-width: none;
    }

    #bookingform .choose {
        width: 30%
    }

    #bookingform button {
        margin: 10px auto;
        width: 98%
    }	
}
@media only screen and (max-width:480px){
#main-header .three.columns{ max-width:150px; }
#main-header .nine.columns{ width:40%; }
nav#access #navigation-wrap{ margin-top:18px; }
	  #footer .sub, #footer .form {
    width: 100%;
}

#footer .sub {
    font-size: 19px;
	text-align:center;
}
	#footer .gform_page_fields, #footer .gform_page_footer {
    width: 80%;
}

#footer .gform_wrapper .gform_page_footer {
    width: auto;
}
.follow-us{ margin-top:35px; }
.reward.fr{display:none;}
.lead-desc h1.head-home{ font-size:30px; }
.container .list .four.columns,#related .column{ width:98%;margin:0 1%; }
.container .list .four.columns img,#related .column img{ width:100%; }
}