/*
 * Author: Carlos Alvarez
 * URL: http://alvarez.is
 *
 * Project Name: Bolt - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */
 
/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,700,900);
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700);
@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Yellowtail);
@import url(http://fonts.googleapis.com/css?family=Parisienne);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,800,600,300);
@import url(http://fonts.googleapis.com/css?family=Alegreya:400,900,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,900,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);


/* OVERALL ASPECT */

body {
  background-color: #f2f2f2;
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 1.6em;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    margin-top: 70px;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h1.dark, h2.dark, h3.dark, h4.dark, h5.dark, h6.dark, p.dark, li.dark {
	color: #333;
}

h2.phone{
	font-family: "Arimo" !important;
	color:#fff;
	font-size: 3em !important;
}

/* Paragraph & Typographic */
p {
    line-height: 28px;
    margin-bottom: 25px;
}

.centered {
    text-align: center;
}

.mt {
	margin-top: 40px;
}

/* Links */
a {
    color: #fff;
    word-wrap: break-word;
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #7b7b7b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

blockquote {
  border-left: 10px solid #888888;
}

blockquote.right{
	border-right: 10px solid #FFF;
	border-left: none;
	text-align:right;
}

blockquote p {
  display: inline;
  font-size: 2.5em !important;
  font-weight: 500;
}

/* Bootstrap Modifications */
 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.navbar {
	font-weight: 400;
	font-size: 14px;
	padding-top: 25px;
	padding-bottom: 15px;
	background-color: #49769c;
	border: none;
	font-family: 'Open Sans', sans-serif;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
	color: #fff;
	background-color: #49769c;
}

.navbar-default .navbar-nav > .active > a:hover{
	color: #b8d0de;
	background-color: #49769c;
}

.navbar-brand {
	font-size: 1.8em;
	padding-top: 10px;
	padding-bottom: 2px;
	font-family: 'Parisienne', cursive;
}

ul.dropdown-menu{
	background-color: #49769c;
}

a.dropdown-toggle{
	color: #FFFFFF !important;
	background-color: #49769c !important;
}

.btn-theme {
	color: #ffffff;
	background-color: #74cfae;
	border-color: transparent;
}

li.dropdown a{
	background-color: #49769c !important;
	color: #FFFFFF !important;
}

li.dropdown a:hover{
	background-color: #73a2bd !important;
	color: #FFFFFF !important;
}

.btn {
	padding: 10px 30px;
	margin-bottom: 0;
	font-size: 18px;
	border: 5px solid transparent;
	border-radius: 0px;
}

.lead {
	letter-spacing: 1px;
}

i{
	color: #fff;
}


/* WRAP SECTIONS */

/* header */
section.header {
	width: 100%;
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
    color: #fff;
	height: 800px;
    background-image: url(../img/header2.jpg);
    background-position: center;
	background-size:cover;
}

section.header h1{
	font-size: 6em;
	font-weight:700;
	color: #FFFFFF !important;
	text-shadow: 2px 2px 4px #333;
	font-family: 'Parisienne', cursive;
}

section.header h2{
	font-size: 2em;
	font-weight:700;
	text-shadow: 2px 2px 4px #333;
	font-family: 'Raleway';
	color: #FFFFFF !important;
}

section.header i{
	color: #fff;
}

.hi{
	margin: -50px;
	padding: 0;
	font-size: 4em;
}

/* light */
section.light {
	background-color: #eaf2f7;
	padding-top: 120px;
	padding-bottom: 100px;
}

section.light h3, h1, h2, i {
	color: #3B3B3B;
	font-weight: 400;
	margin-bottom: 35px;
}

section.light p {
	color: #3B3B3B;
	font-weight: 400;
}

/* staff */
section.blue {
	background-color: #73a2bd;
	padding-top: 100px;
	padding-bottom: 200px;
}

section.blue h3, h2, h1, p, li {
	color: #FFFFFF;
}


section.blue img {
	font-weight: 400;
}

/* lightblue */
section.lightblue {
	background-color: #b1d1e4;
	padding-top: 100px;
	padding-bottom: 200px;
}

section.lightblue h3, h2, h1, p, li {
	color: #3B3B3B;
}

section.lightblue img {
	font-weight: 400;
}



/* contact */
section.contact {
	background-color: #b1d1e4;
	padding-top: 120px;
	padding-bottom: 100px;
}

section.contact h3, h1, h2, i {
	color: #3B3B3B;
	font-weight: 400;
	margin-bottom: 35px;
}

section.contact p, a {
	color: #1A1A1A;
	font-weight: 400;
}

/* directions */
section.directions {
	background-color: #eaf2f7;
	padding-top: 80px;
	margin:0;
	height: 600px;
}
/* Footer */
#f {
	padding: 40px 0 20px 0;
	background-color: #73a2bd;
}

#f p, h1, h2, h3 {
	color: #FFFFFF;
	text-align: center;
	font-weight: 400;
}

/* Image Opacity */
.grid img {
    opacity: .7;
}
.grid img:hover {
    opacity: 1;
}

.spacer {
	height: 450px;
	background-image: url(../img/office3.jpg);
	background-size: cover;
	background-position: bottom;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.spacer2 {
	height: 450px;
	background-image: url(../img/office2.jpg);
	background-size: cover;
	background-position: bottom;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

i.white{
	color: #FFF;
}

h1.ri{
	font-size: 8em;
}

ul.nobullets
{
    list-style-type: none;
}
ul.nobullets i
{
    padding:0;
	margin:2px;
}
@media(max-width:767px){
h1.ri{
	font-size: 6em;
	margin: 0;
	line-height: none;
}
.hi{
	margin-top: -20px;
	padding: 0;
	font-size: 4em;
}
body{
	font-size: 1.4em;
	line-height: 1.4em;
}
.mobilestaff{
	margin-top: 100px;
}
.mobile{
	margin-top: 50px;
}
.headermobile{
	margin-top: 50px;
}
section.header h1{
	font-size: 4em;
	margin: 0;
	line-height: none;
}
section.header h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
section.header {
	padding-top: 100px;
	margin-bottom: 0;
	height: 468px;
    background-image: url(../img/headermobile.jpg);
}
}
@media(min-width: @screen-tablet){
h1.ri{
	font-size: 8em;
	margin: 0;
	line-height: none;
}
body{
	font-size: .8em !important;
}	
	}

br{
	height: 20px;
}

.overlay {
   background: transparent; 
   position: relative; 
   width: 100%;
   height: 600px; /* your iframe height */
   top: 600px;  /* your iframe height */
   margin-top: -600px;  /* your iframe height */
   pointer-events: none;
}

.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
 
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
 
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#map-canvas{height:600px;}