body 
{
font-size: 14px; 
overflow-x: hidden;
font-family: 'Open Sans', sans-serif !important;
margin:0px;
padding:0px;

}


p {
    font-size: inherit;
    line-height: 145%;
	margin:20px 0px;
}





p.large {
    font-size: 16px;
}

.bigger
{
font-size:150%;
line-height:125%;
}

h1,
h2,
h3,
h4,
h5,
h6
{
text-transform: uppercase;
font-family: 'Cabin', sans-serif !important;
font-weight: 700;
}


h1
{
padding:0px;
margin:15px 0px;
font-size:230%;
}

h3,h4
{
margin-bottom:20px;
}

.text-to-right
{
text-align:right;
}


	
section
{
padding:10px 0;
}

section#intro
{
margin-top:0px;
}

section#text-content
{
margin-top:60px;
margin-bottom:40px;

}



.right-align
{
text-align:right;
}


.divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
}

.google-maps iframe {
width: 100% !important;
border:1px solid #cccccc;
padding:5px;

}




/**********************
 *CSS Animations by:
 *http://codepen.io/vivinantony
***********************/

.spinner3 {
  width: 40px;
  height: 40px;
  position: relative;  
  -webkit-animation: rotate 2.0s infinite linear;
  animation: rotate 2.0s infinite linear;
  z-index:1200;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


.photo-frame-left
{
margin-left:20px;
}

.photo-frame-right
{
margin-right:20px;
}

.tooltip-inner {
background-color: #ffffff;
}

.tooltip.right .tooltip-arrow {
border-right: 1px solid #FF0000;

}


/* ===========================
        FORMS
============================ */

label

{
font-weight:700;
}



label.error {	
	text-align: left;
	width: auto;
	padding: 5px 0 0 20px;
	clear: none;
	display: block;
	font-size: 11px;
	border: none;
}


input:focus,textarea:focus, select:focus{
background-color: none !important;
}

input.error, textarea.error, select.error{
background-color:#fed62f;
}

.form-style input,
.form-style select,
.form-style textarea
{
margin-bottom:8px;
}

.form-style h4
{
display:block;
padding:12px 8px;
margin-bottom:20px;
}


ul.float-checkbox,
ul.float-checkbox li
{
list-style:none;
padding:0px;
margin:0px;
}

ul.float-checkbox li
{
display:block;
float:left;
margin-right:25px;
}

/* ===========================
        CAROUSEL
============================ */
#myCarousel
{

}

.carousel-indicators
{
z-index:1;
}

.carousel-indicators li
{
z-index:1;
}


.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
  position: absolute;
  top: 40%;
  z-index: 5;
  font-size:350%;
  font-weight:300;
  display: inline-block;
}

.carousel-control .fa-angle-left {
  left: 45%;
  margin-left: -20px;
}


.carousel-control .fa-angle-right {
  right: 45%;
  margin-right: -20px;
}

.header-text {
    position: absolute;
    bottom: 15%;
	text-align:right;
    
    right: 0;
    width: 50%;
	display:inline-block;
}

.header-text h2 
{
  color:#fffff; 
  line-height:135%;
  background:url(../images/opacity-85.png) repeat;
	color:#ffffff;
	padding:20px;
  
}


/* ===========================
       NAVIGATION
============================ */


.navbar-default
{
z-index:10;
}



header
{
/*position: fixed;*/
width: 100%;
text-align: center;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
z-index:10;
margin-bottom:-20px;
}

#logo-area
{
text-align:left;
}

nav
{

}

/* navbar */
.navbar-default {
  border:0px;
  text-align:left;
  z-index: 10;
  text-transform:uppercase;
  font-size:120%;
}



.navbar-default .navbar-nav > li > a 
{
  z-index: 100;
}

.navbar-default .navbar-nav > li > .dropdown-menu 
{
  border-radius:0px;
  border:0px;
  text-align:left;
}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a 
{
  padding:9px 15px;
}

.navbar-default .navbar-toggle {
  border:0px;
}

.navbar-default .navbar-collapse{
  border: 0px;
}



.navbar-form {
  padding: 5px 15px;
  margin-top: 3px;
  margin-right: -15px;
  margin-bottom: 3px;
  margin-left: -15px;
  border-top: 0px solid transparent;
  border-bottom: 0px solid transparent;
  border:0px;
}

/*
.goToTop {
  position: fixed;
  top: 0;
  height: 50px;
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
  border-bottom:0px;
  z-index: 55;
  width:100%;
}
*/


/*
.goToTop .navbar-form
{
 padding: 8px 15px;
  margin-top: 0px;
  margin-bottom: 0px;

}
*/

#top-right
{
padding:10px 15px;
}

/* ===========================
         LISTING
============================ */

ul.listing
{
}

ul.listing li
{
margin:15px 0px;
}

ul.listing-bullet
{
margin:8px 0px;
padding:0px;
}


ul.listing-bullet li
{
list-style:none;
margin:0px;
padding:0px;
padding:7px 0px;
border-top:1px dotted #999999;
}

ul.listing-bullet a, ul.listing-bullet a:link, ul.listing-bullet a:visited
{
color:#454545;
}

ul.listing-bullet a:hover
{
color:#005696;
}


#breadcrumb
{
text-align:right;
}

#breadcrumb ul,
#breadcrumb li
{
list-style:none;
margin:0px;
padding:0px;
font-size:110%;
}


#breadcrumb li
{
display:inline-block;
padding:15px 15px;
padding-bottom:0px;	
}

#breadcrumb li:nth-child(1)
{
padding-left:0px;	
}


/* ===========================
--- Footer
============================ */

footer {
	padding: 30px 0 30px;
	font-size:90%;
	line-height:145%;
	text-align:left;
	margin-top:20px;
		
}

.expand
{
padding-left:15px;
padding-right:15px;
}

/* ===========================
           BOOKING WIDGET
============================ */

#booking-widget
{
padding:20px;
color:#999999;
z-index:999;
}


#booking-widget h3
{
margin-top:5px;
padding:10px 0px;
margin:0px;
font-size:200%;
}


.tagtext
{
border-top:1px solid #666666;
border-bottom:1px solid #666666;
padding:15px;
width:98%;
}

.tagtext2
{
border-top:1px solid #666666;
padding:10px 5px;
width:98%;
}

.tagtext h4,
.tagtext2 h4
{
font-size:140%;
display:block;
text-transform:uppercase;
margin:0px;
padding:0px;
margin-bottom:10px;
}

.tagtext2 h5
{
font-size:120%;
display:block;
text-transform:uppercase;
margin:0px;
padding:0px;
margin-bottom:5px;
padding-top:8px;
}



#searchlinks
{
padding-top:20px;
text-align:right;
}

/* ===========================
        DATEPICKER
============================ */

.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 14px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

/* ===========================
        LOGIN FORM
============================ */

#login-form
{
min-width:300px;
padding:5px 20px;
}

#login-form h4
{
font-weight:400;
font-size:160%;
padding:10px 0px;
border-bottom:1px solid #999999;
}

/* ===========================
        BOOKING SUMMARY
============================ */
#summary
{
padding:20px;
padding-bottom:5px;
}

#summary h3
{
margin:0px;
border-bottom:1px solid #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}

#summary h4
{
margin:0px;
}

.parts
{
padding:8px 0px;
}

.parts2
{
padding:12px 0px;
}

.contact-details
{
padding:10px 0px;
margin:1px 15px;
width:92%;
border:1px solid #cccccc;
border-left:0px;
border-right:0px;
}

.modal.modal-wide .modal-dialog {
  width: 90%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}


#tallModal .modal-body p { margin-bottom: 900px }

#terms li
{
margin-bottom:10px;
font-size:90%;
}

.responsive-table-container
{
	display:table;
	width:100%;
}

.table-header
{
	background-color:#00563f;
	color:#ffffff;
	font-weight:bold;
	padding:5px 5px;
}

.table-col-1,
.table-col-2,
.table-col-3,
.table-col-4,
.table-col-5
{
	display:table-cell;
	vertical-align:middle;
	padding:2px 5px;
	border-bottom:1px solid #00563f;
}

.table-col-1,
.table-col-5
{
	width:10%;
}

.table-col-2,
.table-col-3
{
	width:25%;
}

.table-col-4
{
	width:30%;
}

.numbering
{
	display:inline-block;
	padding:3px;
	text-align:center;
	-webkit-border-radius: 100px;
	-moz-border-radius:100px;
	border-radius:100px;
	background-color:#093;
	color:#ffffff;
	font-weight:700;
	width:30px;
	height:30px;
	line-height:25px;
}



@media only screen and (min-width : 991px) {
    /* Make Navigation Toggle on Desktop Hover 
    .dropdown:hover .dropdown-menu {
        display: block;
    }*/
}

@media only screen and (max-width :1024px) {
.header-text h2 {
font-size:120%;
text-align:right;
padding:10px;
}



}


@media (max-width: 990px) {

/* ===========================
           BOOKING WIDGET
============================ */




h1
{
margin-bottom:20px;
}

#booking-widget
{
margin-top:20px;


}


 
	footer,
.text-to-right
 {
	text-align:center;
		
}

#logo-area
{
text-align:center;
}


.right-align
{
text-align:center;
}


#top-right
{
padding:10px 15px;
}

.dropdown-toggle .fa
{
font-family: 'FontAwesome';
content: '\f067';
display:inlie-block;
line-height:25px;
position:absolute;
right:10px;
}


   .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		z-index:10;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
    .navbar-collapse.in {
        overflow-y: auto !important;
    }
	.navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
		
    }
    .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
		
    }



#searchlinks
{
padding-top:0px;
text-align:left;
}

#breadcrumb li
{
display:block;
float:left;
padding:5px 15px;
margin-bottom:10px;	
}

#breadcrumb li:nth-child(1)
{
padding-left:0px;	
}


.responsive-table-container
{
	display:block;
	width:100%;
}

.table-header
{
display:none;
}

.table-col-1,
.table-col-2,
.table-col-3,
.table-col-4,
.table-col-5
{
	display:block;
	width:100%;
	padding:2px 5px;
	border-bottom:0px solid #00563f;
}


.table-col-5
{
	border-bottom:1px solid #00563f;
	padding-bottom:10px;
}

}


@media (max-width:767px) 

{

}



@media (max-width:480px)
{
.header-text {
    width: 100%;

}

.header-text h2 {

font-size:130%;
text-align:center;
padding:10px;

}


.grid figure 
{
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
}

#breadcrumb li
{
display:inline-block;
padding:6px;
font-size:75%;	
}

.securing img
{
width:100%;
}




}