@charset "UTF-8";
/* CSS Document */
body {font-family: 'Montserrat', sans-serif;}
h1 {font-size:42px; font-weight: 800;}
.headline-offer {background-color: #CF2129; color: #fff; text-align: center;}
.headline-offer span {font-weight:400;}

.navbar img {max-width:80px; }

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color:#143C7C;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-toggle .icon-bar {
	display: block;
    width: 22px;
    height: 5px;
    border-radius: 1px;
    background-color: #fff;}

.navbar a:hover {background:transparent!important;}
.navbar button:hover {background-color:#143C7C;}

.navbar-right {text-align: center;}
.navbar-right p {margin-bottom:-10px;margin-top:10px;}

.nav-logo {margin-right: 40px;}
.nav-headline {color: #143C7C; font-size: 30px; text-align: center; padding-bottom: 25px;}

.logo img {width:100%; max-width:550px; margin: 40px auto 0px auto; display: block;}

.gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,1e5799+100&0+1,1+100 */
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(124,184,231,0) 1%, rgba(30,87,153,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(124,184,231,0) 1%,rgba(30,87,153,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(124,184,231,0) 1%,rgba(30,87,153,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
position:absolute; width:100%; height: 100%; padding:0px; margin: 0px;}
.bg-header {
	background-image: url("../images/hero2.jpg");
	background-size: cover;
	background-position: center center;
	height: 500px;
	position: relative;
	text-align: center; 
	color: #FFFFFF; 
	font-weight: bold;
	
} 
.badge-wrap {background-color:#506079; padding-top:20px; padding-bottom:20px;}
.badge-wrap img {display:block; margin:auto;}
.carousel-caption {left: 0; right:0; bottom:0; padding-bottom:60px;}
.item img {margin:auto;}
.big-text {font-size:100px; line-height:80px; padding-top:20px;}
.bg-header h1 {margin-top:-20px; color: #FFF;}
.bg-orange {background-color:#CF2129; padding-bottom:0px; color:#fff!important;}

.offer-left {padding-top: 60px; font-size: 23px; padding-bottom: -15px;}
.offer-right {padding-top: 60px; font-size: 23px; padding-bottom: -15px;}

.btn {background-color: #CF2129; outline:none; border:none; color:#FFFFFF; padding: 10px; border-radius: 10px; min-width: 150px; text-transform: uppercase; letter-spacing: .09em; transition: background-color .25s ease-in; -webkit-transition: background-color .25s ease-in;}

.btn:hover {color:#fff;}

.modal-body {text-align:center;background:#50AAD9; color:#fff;}
.modal-body h1 span {font-size:14px;}
.modal-body h3 {margin-bottom:-32px;}
.modal-header {background:#50AAD9;}

#vertical-line {width:1px; background:#fff; margin: auto; height: 200px;}
#vertical-line hr {display:none;}
.bg-blue {text-align:center; background:#6BC7EC; color: #143C7C; padding-bottom:50px;}

.ribbon {background:#143C7C; color: #fff; text-align: center;}
.ribbon h1 {padding:20px 0px;}
.destination {text-align:center; background:#6BC7EC; color: #143C7C; padding-bottom:50px;}
.destination h1 { text-transform: uppercase; font-weight: bold;}
.destination .btn {width:100%;}

#body-place-logo {width:200px; margin-bottom: 30px;}
#coast-spas {width:90%; max-width:200px; margin: auto;}
.map {background: url(../../images/.jpg) no-repeat; background-size:auto; background-position: center center; height: 100%; background-attachment: fixed; padding-bottom:300px;}
#location {opacity:0.95;}

.spa-slider {height: 100%; display: block; width: 100%}

.belowslider { width: 100%; padding: 30px;}

.form, .form table {width:100%;}
.form input {
    width:95%;
    padding: 5px;
    margin: 10px auto;
    display: block;
}
.form textarea {
    width:98%;
    padding: 5px;
    border: 1px solid #eee;
}
.form input[type="submit"] {
    width:180px;
    height: 50px;
    font-size:18px;
    background-color:rgba(207,33,41,1.00);
    color:#fff;
    border:1px solid rgba(157,25,31,1.00)
}
@media only screen and (max-width:992px)
{

.offer-left {padding-top: 20px; font-size: 20px; padding-bottom: 20px!important; text-align: center;}
.offer-right {padding-top: 20px; font-size: 20px; padding-bottom: 20px!important; text-align: center;}
#body-place-logo {width:120px; margin-bottom: 30px;}
	.offer-left h1 {font-size: 30px; text-align: center;}
	.offer-right h1 {font-size: 30px; text-align: center;}
	
}

@media only screen and (max-width:768px) {
	#location {opacity:1!important;}
	#email-btn {margin-top:10px;}
	#vertical-line {width:100%; background:transparent; margin: auto; height: 20px;}
	#vertical-line hr {display:block;}
	.mobile-break {display: none}
	#body-place-logo {width:180px; margin-bottom: 20px;}
	
	.offer-left {padding-top: 30px; font-size: 25px; padding-bottom: 20px!important; text-align: center;}
    .offer-right {padding-top: 0px; font-size: 25px; padding-bottom: 20px!important; text-align: center;}
	
    .offer-left h1 {font-size: 40px; text-align: center;}
	.offer-right h1 {font-size: 40px; text-align: center;}
	
	.navbar img {width: 50px!important}

}

@media only screen and (max-width:610px) {
	/*.gradient {
		background: rgba(125,185,232,0);
		top:0px;
		
	}*/
	.carousel-caption {position:relative;}
}

@media only screen and (max-width:355px){
	.nav-logo {margin-right: 10px;}
}