/* ================================== General =============================== */

* {
font-family:  'Source Sans Pro', Sans-Serif; 
}

h1, h2, h3, h4, h5, h6 {
	font-family:  'Playfair Display', Serif;
}

body {
	margin-top:0;
}

section {
	padding: 55px 0 55px 0;
}

a {
	color:#0083c0;
}

/* ================================ Content ================================ */

/* Main */

#miami-splash {
content:"";
top:0;
left:0;
right:0;
z-index:-1; /* needed to keep in the background */
background: url(../img/main.jpg) center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
	max-height:600px;
}

#miami-splash-album {
	background-color: #f4cfaa;
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d5a372' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");	
}

#miami-title {
	margin-top:55px;
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#miami-splash {
		/* height:100vh; */
	}	
 }

h1  {
	font-family: "roboto", "helvetica neue", helvetica, arial, sans-serif;
	font-weight:300;
	color: #2e75b4;
}

#miami-splash h2 {
	color:#a80000;
	text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
}

#miami-nav {
	background-color:#092E46;
}



.features2 {background-color:#2e75b4; color:#FFF; padding-bottom:55px!important;}
.features2 a {color:#FFF; text-decoration: underline;}
.features2 h1 {color:#fff;}
.features2 h4 {line-height: 1.75;}


/* Testimonials */

.testimonials .fdb-touch {
    border-top: solid 5px #528bff;
}

.testimonials .fdb-box {
    background: #FFFFFF;
    color: #444444;
    padding: 60px 40px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    overflow: hidden; }
 .testimonials .fdb-touch {
    border-top: solid 5px #528bff; 
}

/* Carousel */
.carousel-item img {width:100%; height:auto;}

/* Testimonials */
.customerQuote {padding:25px; border-bottom:1px solid #ccc;}
  
/* =========================================== Scroll to Intro ===================================== */

.scroll-intro-wrapper {
	text-align: center;
	background-color: #092E46;
	color: #fff;
	width: 50px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #092E46;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	display:block;
	margin:0 auto;
}

.scroll-intro-wrapper:hover {
	background-color: #0083c0;
	border: 1px solid #007AAA;
	opacity: 1;
}
.scroll-intro-wrapper i.fa {
	line-height: inherit;
}


/* =========================================== Scroll Top =========================================== */

.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 10;
	background-color: #292116;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-bottom: 2px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: .5;
}
.scroll-top-wrapper:hover {
	background-color: #0083c0;
	border: 1px solid #007AAA;
	opacity: 1;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/* =========================================== Footer =========================================== */

.footer {
	padding: 35px;
	color: #ccc;
	background-color: #292116;
}
.footer a:hover {
	color: #fff;
}
.footer hr {
	border-top: 1px solid #666;
}