@charset "UTF-8";
/* CSS Document */
body {font-family: 'Montserrat', sans-serif;}
h1 {font-size:42px; font-weight: 800;}
.headline-offer {background-color: #F26624; color:#fff; text-align: center;}
.headline-offer span {font-weight:400;}
.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: 2px;
    border-radius: 1px;
    background-color: #fff;}
.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/bg-header.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;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f26624+0,f26624+64,f26624+68,f26624+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(242,102,36,0) 0%, rgba(242,102,36,0.64) 64%, rgba(242,102,36,0.68) 68%, rgba(242,102,36,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,102,36,0) 0%,rgba(242,102,36,0.64) 64%,rgba(242,102,36,0.68) 68%,rgba(242,102,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,102,36,0) 0%,rgba(242,102,36,0.64) 64%,rgba(242,102,36,0.68) 68%,rgba(242,102,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f26624', endColorstr='#f26624',GradientType=0 ); /* IE6-9 */}
.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:#F26624; padding-bottom:15px; color:#fff!important;}
.logo img {width:95%; max-width:700px; margin: 40px auto 0px auto; display: block;}

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

.btn {background-color: #F26624; 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;}
.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;}

.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/store-front.jpg) no-repeat; background-size:auto; background-position: center center; height: 100%; background-attachment: fixed; padding-bottom:300px;}
#location {opacity:0.95;}
@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;}

}

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