/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
    /*responsive with max-height*/
    max-height: 623px;
    /*min-height: 300px;*/
    overflow: hidden;
    width: 100%;
}

.flexslider .slides > li {
    position: relative;
    display: none;
    -webkit-backface-visibility: hidden;
    /*responsive with max-height*/
     max-height: 623px;  
     /*min-height: 300px;*/ 
} 

.inner .flexslider,
.inner .flexslider .slides > li {
	max-height: 461px;  
	/*min-height: 180px; */
}

.flexslider .slides img {
    display: block;
    /*min-height: 250px;*/
    width: 100%;
}
.flex-pauseplay span { text-transform: capitalize; }
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    line-height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
    zoom: 1;
    position: relative;
    margin: 0 0 0px;
 }
.flex-viewport {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    max-height: 1000px;
}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }
.flex-direction-nav a {
    background: url(../images/slider-arrows.png) no-repeat 0 0;
    text-indent: -9999px;
    opacity: 0.3;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    position: absolute;
    top: 50%;
    z-index: 20;
    display: block;
    margin: -25px 0 0;
    width: 55px;
    height: 59px;
}
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 20px;
}
.flex-direction-nav .flex-prev { left: 20px; }
.flexslider:hover .flex-next {
    opacity: 1;
    right: 10px;
}
.flexslider:hover .flex-prev {
    opacity: 1;
    left: 10px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {
    opacity: .0!important;
    filter: alpha(opacity=0);
    cursor: default;
}
/* Control Nav aka the little dots */
.flex-control-nav {
    text-align: center;
    position: absolute;
    bottom: 87px;
    z-index: 10;
    width: 100%;
}
.flex-control-nav li {
    zoom: 1;
    display: inline-block;
    margin: 0 4px;
    *display: inline;
}
.flex-control-paging li a {
	background-color:rgba(0,0,0,0.6);
	box-shadow:1px 1px 1px rgba(0,0,0,0.2);
	text-indent: 100%;
	cursor: pointer;
	display: block;
	overflow: hidden;
	width:10px;
	height:10px;  
	border:1px solid rgba(0,0,0,0.8);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.flex-control-paging li a:hover {
    background-image:-moz-linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(220,214,204)));
    background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%);
    background-image:linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%);
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);   
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
}
.flex-control-paging li a.flex-active {
    background-image:-moz-linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%); 
    background-image:-webkit-gradient(linear,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(220,214,204)));
    background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%);
    background-image:linear-gradient(rgb(255,255,255) 0%,rgb(220,214,204) 100%);
    -webkit-box-shadow:1px 1px 1px rgba(0,0,0,0.2);   
    -moz-box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px rgba(0,0,0,0.2);
    cursor: default;
}



/*Flex Caption*/
.flex-caption {
	background:url(../images/map.png) no-repeat center 55%;
	color: #fff;
	text-align: center;
	font-size: 20px;
	opacity: 1;
	position: absolute;
	bottom: 30%;
	left: 0;
	width: 90%;
	padding: 0 5%;
	z-index: 100;
}

.flex-caption h2 {
	background:url(../images/header-bk.png);
	color: #fff;
	text-transform: lowercase;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.3);
	font-size: 80px;
	font-family: 'proxlight', Helvetica, Arial, sans-serif;
	position: relative;
	
	display: inline-block;
	/*bottom: 25%;*/
	padding: 0px 100px 5px;
	/*width: 980px;*/
}

.inner .flex-caption {
	width: 100%;
	bottom: 50%;
}
.inner .flex-caption h2 {
	text-align: left;
	width: 980px;
	padding: 0;
	font-size: 80px;
	margin: auto;
	line-height: 0.8em;
	position: relative;
}

.flex-caption p {
	color: #FFE6C6;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size: 24px;
	line-height: 140%;
	z-index: 1;
	margin: auto;
	width: 500px;
}

.flex-caption .btn-book {
	background: #c7481e; /* Old browsers */
	background: -moz-linear-gradient(top, #c7481e 0%, #a73e22 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c7481e), color-stop(100%,#a73e22)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c7481e 0%,#a73e22 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #c7481e 0%,#a73e22 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c7481e 0%,#a73e22 100%); /* W3C */
	background-clip: padding-box;
	color: #F4EEE5;
	text-align: left;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	font-size: 17px;
	font-family: "proxbold", Helvetica, Arial, sans-serif;
	display: inline-block;
	padding: 22px 0px 2px 0;
	margin: 50px 0 0 0;
	width: 250px;
	height: 35px;
	border: 4px solid rgba(0,0,0,0.5);
	border-radius: 7px;
	position: relative;
}

.flex-caption .btn-book:before {
	content: "";
	position: absolute;
	background:url(../images/arrow.png);
	width: 73px;
	height: 80px;
	left: -85px;
	top: -40px;
}

.flex-caption .btn-book:hover {
	color: #EFFFBF;
}

.flex-caption .btn-book img {
	width: 54px;
	float: left;
	margin: -16px 5px 0 4px;
	min-height: 30px;
}

.book-arrow {
	font-size: 33px;
	font-family: "imfell", Helvetica, Arial, sans-serif;
	line-height: 1em;
	float: right;
	margin: -10px 20px 0 -20px;
}


/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 980px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 980px) { 
    .flex-caption {
    	background:url(../images/map.png) no-repeat center 55%;
    	color: #fff;
    	text-align: center;
    	font-size: 20px;
    	opacity: 1;
    	position: absolute;
    	bottom: 30%;
    	left: 0;
    }
    .flex-caption h2 {
    	padding: 25px 0 35px;
    }
    .flex-control-nav {
        bottom: 65px;
        z-index: 10;
        width: 100%;
    }
    .inner .flex-caption {
    	bottom: 30%;
    	width: 95%;
    	padding: 0 2.5%;
    	background: none;
    	height: auto;
    }
    .inner .flex-caption h2 {
    	text-align: left;
    	padding: 0;
    	font-size: 65px;
    } 
    .inner .flexslider {
        height: 300px;
    }
    
    .inner .flexslider .slides > li {
        height: 300px;    
    } 
    .inner .flexslider .slides img {
        display: block;      
        height: 400px;
        width: auto;
    }
}

/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 1280px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) { 
	.flex-caption h2 {
		padding: 25px 15% 0px;
		font-size: 60px;
		display: block;
	}	
}



/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 780px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 780px) { 
	.flex-caption h2 {
		padding: 25px 5% 0px;
		font-size: 60px;
	}
	.flex-direction-nav .flex-prev,
	.flexslider .flex-next,
	.flexslider:hover .flex-next:hover,
	.flexslider:hover .flex-prev:hover {
	    display: none;
	}
	.flexslider .slides li > img {
	    display: block;      
	    height: 380px;
	    width: auto;
	}
	.flex-caption {
		bottom: 10%;
	}
	.flex-control-nav {
    
    position: absolute;
    bottom: 17px;
    
}
}

/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 780px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 580px) { 
	/*.flex-caption {
		bottom: 10%;
	}*/
	.flex-caption h2 {
		padding: 25px 0 0px;
		font-size: 50px;
		width: 100%;
	}
	.flex-caption .btn-book {
		font-size: 16px;
		font-family: "proxbold", Helvetica, Arial, sans-serif;
		display: inline-block;
		padding: 14px 0px 12px 0;
		margin: 30px 0 0 0;
		width: 240px;
		height: 18px;
	}
	.flex-caption .btn-book img {
		width: 44px;
		float: left;
		margin: -11px 5px 0 4px;
	}
	.inner .flex-caption h2 {
		font-size: 60px;
	}

	
}

/*----------------------------------------------------------------------------*/
/*
/*      Media Queries Default: Smaller than 500px
/*
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 500px) { 
	/*.flexslider .slides li > img {
	    display: block;      
	    height: 380px;
	    width: auto;
	}*/
}

