@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Cabin:400,500i,700');
.heading {color:#3d84b9; width: 100%; margin: 5px; font-weight: bold}
.heading .fa.social {font-size: 30px}
body {font-family:'Cabin';}
p {font-size:1.2em; line-height:1.7em;}
a {color:#3d84b9;}
.navbar-left img {max-width: 100%; }
.navbar-default .navbar-nav>li>a {padding:0 15px; line-height:100px; color:#2077AC; font-size:18px; text-transform: uppercase; font-weight: bold}
.navbar-default .navbar-nav>li>a::after{ background: none repeat scroll 0 0 transparent;
  bottom: -1px;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  position: absolute;
  background: #000;
  -webkit-transition: width 0.3s ease 0s, left 0.3s ease 0s;
  -o-transition: width 0.3s ease 0s, left 0.3s ease 0s;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;}
.navbar-default .navbar-nav>li>a:hover::after { width: 100%; 
  left: 0; }        
.navbar-default {background:rgba(255, 255, 255, 0.8); -webkit-box-shadow:1px 1px 16px #444; box-shadow:1px 1px 16px #444; top:0; position:absolute; z-index:2; width:100%;}
#bannerSection {background:url('../images/banner.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; height:85vh; margin-top:-20px;}
#bannerSection2 {background:url('../images/serviceBG.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; /*height:40vh; margin-top:-20px;*/}
#bannerText {position:absolute; top:40%; left:10%; font-family:'Cabin';}
#bannerText2 {text-align:center; padding:200px 12px 45px; font-family:'Cabin';}
#bannerText h2 {font-size:2em; color:#9a3259; text-transform:uppercase; font-weight:bold; text-shadow: 1px 1px 1px #000; line-height: 40px}
#bannerText2 h2 {font-size:3em; color:#fff; text-transform:uppercase; font-weight:300; text-shadow: 1px 1px 1px #000; line-height: 40px; margin-bottom: 30px}
#bannerText h3 {font-size:2em; color:#3d84b9; text-transform:lowercase; font-weight:700; position:relative; z-index:0; text-shadow: 1px 1px 1px #000; line-height: 30px}
#bannerText h3:before {font-family:'FontAwesome'; content:'\f10d'; font-size:1.0em; position:absolute; top:0px; left:-20px; z-index:-1; color:#dcdcdc; text-shadow: none}
.flexContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.locationBubble {width:275px; height:275px; border:12px solid #dedede; border-radius:100%; margin-top:-130px; -webkit-box-shadow:1px 3px 15px #777; box-shadow:1px 3px 15px #777; -webkit-transition:0.25s; -o-transition:0.25s; transition:0.25s; position:relative;}
.locationBubble:hover,
.locationBubble:focus {
    -webkit-transform:translateY(-0.5em);
        -ms-transform:translateY(-0.5em);
            transform:translateY(-0.5em);
}
.flexContainer a {text-decoration:none;}
.locationBubble h3 {padding:50px 15px; font-size:1.8em; font-weight:600; line-height:2em; color:#fff; text-align:center;}
.bubble1 {
    background:url('../images/bubble1.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.bubble1:hover {
    -webkit-box-shadow:0 1em 1em -0.4em #4ec2d4;
            box-shadow:0 1em 1em -0.4em #4ec2d4;
}

.bubble2 {
    background:url('../images/bubble2.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.bubble2:hover {
    -webkit-box-shadow:0 1em 1em -0.4em #4da9d6;
            box-shadow:0 1em 1em -0.4em #4da9d6;
}
.bubble3 {
    background:url('../images/bubble3.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.bubble3:hover {
    -webkit-box-shadow:0 1em 1em -0.4em #2e83b7;
            box-shadow:0 1em 1em -0.4em #2e83b7;
}
#welcome {
    padding:50px 0;
}
#welcome2 {
    padding:50px 0;
}
h1 {
    color:#444444;
    letter-spacing:4px;
    font-size:3em;
}
#welcome img {padding:5px;  margin:0 10px; max-width: 100%}
#welcome2 img {padding:10px; margin:0 10px;}
#services {
    padding:50px 0; 
    background:url('../images/serviceBG.jpg');
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}
#services h1 {color:#fff; text-transform:uppercase; margin:0 auto; max-width:725px; margin-bottom:20px;}
#services .flexContainer {-ms-flex-pack:distribute;justify-content:space-around;}
#iconSet {text-align:center;}
.icons {
    margin:10px 0; 
    display:inline-block; 
    max-width:100%;
    height:auto;
    cursor:pointer;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
.icons img {width:200px; margin:0 auto; padding:20px; float:left;}
.servicesText {display:none; color:#fff;}
.show {display:block; float:left; width:80%; margin-left:20px; margin-top:10px; text-align:left;}
.left {float:left; margin-right:20px !important;}
.border {border: 6px solid #fff;}
.initialBorder {-webkit-transition: -webkit-box-shadow 0.5s;transition: -webkit-box-shadow 0.5s;-o-transition: box-shadow 0.5s;transition: box-shadow 0.5s;transition: box-shadow 0.5s, -webkit-box-shadow 0.5s; border:6px solid #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.initialBorder:hover {-webkit-box-shadow :0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.3);box-shadow :0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.3);}
.centerFlex {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.wide {width:100%;}
#staff h1 {padding:20px 0; text-transform:uppercase;}
#staff button {
    margin:0 20px;
    font-size:1.2em;
    letter-spacing:3px;
    padding:10px 20px;
    color:#fff;
    border:6px solid #dedede;
    outline:none;
	-webkit-transition: -webkit-box-shadow 0.5s;transition: -webkit-box-shadow 0.5s;-o-transition: box-shadow 0.5s;transition: box-shadow 0.5s;transition: box-shadow 0.5s, -webkit-box-shadow 0.5s; border:6px solid #fff; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom:30px;
}
#staff button:hover {
	-webkit-box-shadow :0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.3);box-shadow :0 8px 16px 0 rgba(0, 0, 0, 0.4), 0 12px 40px 0 rgba(0, 0, 0, 0.3);
}
#staff h2 {margin-top:40px;}
#staff1 {background:#3d84b9;}
#staff2 {background:#148ABC;}
#staff3 {background:#0C669B;}
#staff4 {background:#3d84b9;}
#staffImage img {max-width:100%;}
li {font-size:1.2em;}
.clear {clear:both; margin-bottom:5px;}
.hidey {display:none;}
.uppercase {text-transform:uppercase;}
.mobileOnly {display:none;}
.navbar-fixed {
    top: 0;
    z-index: 100;
  position: fixed;
    width: 100%;
    background:#fff;
}
.blackBG {background:#000;}
.opaque {opacity:0.2;}
.anchorTag {margin-top:-70px; height:70px; display:block; visibility:hidden;}
.locationFlex {height:90vh; position:relative; -webkit-box-flex:1; -ms-flex:1 1; flex:1 1;}
.locationFlex h3 {position:absolute; width:100%; bottom:0; margin-bottom:30px; text-align:center; color:#fff; line-height:1.5em;}
#locBG1 {background:url('../images/location1.jpg'); background-size:cover; background-position:center center; background-repeat:no-repeat;}
#locBG2 {background:url('../images/location2.jpg'); background-size:cover; background-position:center center; background-repeat:no-repeat;}
#locBG3 {background:url('../images/location3.jpg'); background-size:cover; background-position:center center; background-repeat:no-repeat;}
.relativity {position:relative;}
.relativity h1 {
    -webkit-box-shadow: 6px 6px 26px #313030;
            box-shadow: 6px 6px 26px #313030; 
    z-index:2; 
    position:absolute; 
    color:#fff; 
    margin:0;  
    background: #0C669B; 
    background: -webkit-linear-gradient(#0C669B, #095a86);
    background: -o-linear-gradient(#0C669B, #095a86); 
    background: -webkit-gradient(linear, left top, left bottom, from(#0C669B), to(#095a86)); 
    background: linear-gradient(#0C669B, #095a86); 
    padding:30px 20px; 
	
    width:100%; 
    border-bottom:5px solid #fff; 
    -webkit-box-sizing:border-box; 
            box-sizing:border-box;
}
.locName {font-size:1.2em; text-transform:uppercase; letter-spacing:4px;}
#footer {background:url('../images/serviceBG.jpg'); color:#fff; text-align:center; padding:30px; background-position:bottom; background-size:cover; background-repeat:no-repeat;}
.heading .mobileOnly {font-size:18px;}
/**************************************************************
**************************Mobile Styling***********************
**************************************************************/
@media (max-width:1200px) {
    .show {width:70%;}
}
@media (max-width:1000px) {
    .locationBubble {width:225px; height:225px;}
    .locationBubble h3 {font-size:18px; padding:20px 5px;}
    .blackBG {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    .locationFlex {height:30vh;}
    .relativity h1 {position:relative; padding:20px 10px;}
	.locationFlex h3 {margin-bottom:10px;}
	#welcome img {margin-top:-50px;}
	.navbar-default .navbar-nav>li>a {padding:0 8px; font-size:15px;}
}
@media (max-width:768px) {
    body {font-size:12px;}
    .show {margin:0; width:auto; text-align:center;}
    .show h3 {margin-top:0;}
    #staff button {margin-bottom:10px;}
    #iconSet {padding:0 5px;}
    .icons {height:auto; padding:8px;}
    .icons img {width:150px; float:none;}
    .mobileOnly {display:block;}
    #bannerSection {height:65vh;}
	.navbar-header {text-align: center}
    #bannerText {top:15%; left:7%; display: none}
    .navbar-default {position:relative;}
    .locationBubble {margin-top:0; margin:10px; width:150px; height:150px;}
	.navbar-left img {width:250px;float:none;display: block;margin:0 auto 12px;text-align: center}
    #locationBubbles .flexContainer {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	#bannerSection {background-position:65% 50%;}
	#welcome {padding:25px 0;}
	#welcome img {margin:0 auto; /*margin-top:-75px;*/}
	#welcome h1 {text-align:center;}
	.nomobile {display: none}
	.locationBubble h3 {padding:10px 5px; line-height:1.3em}
	.services {margin:0; margin-bottom:5px;}
	#bannerText2 {padding-top:25px;}
	h1 {font-size: 2em}
}

.dancing {font-family: 'Dancing Script', cursive; font-size: 2em;}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content li {list-style: none; font-size: 15px;}

.services {text-align: left; color:#fff}

#footer a {color:#fff}
h2 {color: #2077AC; margin-top: 30px}
.formColor:focus{border-color: #00aeef !important;color: #00aeef !important; }
.buttonColor{background: #00aeef !important;}
.buttonColor:hover{background: white !important; color: #00aeef !important;}

img.float-right{margin-top:6px;margin-bottom:12px}
img.float-right{float:right;margin-left:12px}
@media(max-width:480px){img.float-right{float:none;margin:10px auto;display:block} }

img.float-left {margin-top:6px;margin-bottom:12px}
img.float-left{float:right;margin-left:12px}
@media(max-width:480px){img.float-left{float:none;margin:10px auto;display:block} }

.skip {
    	position: absolute;
    	top: -1000px;
    	left: -1000px;
    	height: 1px;
    	width: 1px;
    	text-align: left;
    	overflow: hidden;
	}
    
.skip:active, .skip:focus, .skip:hover {
    	left: 0;
    	top: 0;
    	width: auto;
    	height: auto;
    	overflow: visible;
	}
/*********************
NAVIGATION STYLES
**********************/
nav {
  float:right;
}

@media (max-width: 768px) {
  nav {
	  width:100%;
    margin: 16px 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    background: #191919;
  }
}

nav ul {
  margin: 0;
  list-style: none;
}
@media (max-width: 768px) {
  nav ul {
    margin: 0;
    padding: 0;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.7);
    z-index: 15;
  }
}
nav ul li {
  float: left;
  position: relative;
  z-index: 1;
  /******************
  SUBNAV
  ******************/
}
@media (max-width: 768px) {
  nav ul li {
    float: none;
    
  }
}
nav ul li a {
  display: block;
  padding: 0 15px;
  text-align: center;
  color: #3d84b9;
	font-size:18px;
	text-transform: uppercase;
  text-decoration: none;
	font-weight:bold;
	line-height: 90px
}
nav ul li a:hover {
	text-decoration: none;
}
@media (max-width: 768px) {
  nav ul li a {
    display: table;
    margin: 0;
    padding: 15px 2px;
    color: white;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.03);
    text-shadow: none;
    width: 100%;
	  line-height:1.7em;
  }
}
nav ul li:hover ul {
  opacity: 1;
  max-height: 1000px;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	z-index:3 !important;
}
@media (max-width: 768px) {
  nav ul li:hover ul {
    max-height: 0;
  }
}
nav ul li ul {
  background: #1c1c1c;
  list-style: none;
  padding: 0;
  position: absolute;
  width: 200px;
  max-height: 0;
  z-index: 0;
  opacity: 0;
  overflow: hidden;
  font-size: .9em;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@media (max-width: 768px) {
  nav ul li ul {
    max-height: 0;
    opacity: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.5);
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
  }
}
nav ul li ul li {
  float: none;
  margin: 0;
}
@media (max-width: 768px) {
  nav ul li ul li {
    margin: 0;
  }
}
nav ul li ul li a {
  display: block;
  text-align: left;
  padding: 10px 13.33333px;
  margin: 0;
  border-right: none;
  border-top: 1px solid #161616;
  box-shadow: inset 0px 1px 3px rgba(255, 255, 255, 0.03);
  text-transform: none;
  text-shadow: none;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
	line-height:1.7em;
}
nav ul li ul li a:hover {
  color: #00aedb;
  background: #424242;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
@media (max-width: 768px) {
  nav ul li ul li a {
    color: white;
    padding-left: 20px;
    background: none;
  }
}

/***************************
MOBILE NAV STYLES
***************************/
.mobile {
  display: none;
  margin: 0;
  padding: 12px 15px;
  /*background: linear-gradient(to bottom, #353535 0%, #262626 100%);*/
  
  color: #111;
  text-decoration: none;
  top: 45px;
  right: 15px;
	font-size:18px;
  line-height: 0;
	border:1px solid #ddd;
	border-radius: 5px;
  /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);*/
}
.mobile:hover, .mobile:focus, .mobile:active {
	text-decoration: none
}
@media (max-width: 768px) {
  .mobile {
    display: table;
  }
}

.active {
  max-height: 9000px !important;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}

@media (max-width: 768px) {
  .arrow {
    display: block;
    background: url(http://www.jasonkinney.me/images/arrow.png) no-repeat;
    float: right;
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 16px;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .arrow:hover {
    cursor: pointer;
  }

  .rotate {
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
}
.icon-bar {
	background:#888;
	display: block;
	width:22px;
	height:2px;
	border-radius: 1px;
	margin:2px 0;
}
.img-right {
	float:right;
	margin:0 0 12px 12px !important;
}
.img-left {
	float:left;
	margin:0 12px 12px 0 !important;
}
.img-center {
	display: block;
    margin:12px auto !important;
}
@media(max-width:480px) {
	.img-left, .img-right {
		float:none;
		display: block;
		margin:12px auto !important;
	}
}
img.shadow {
    box-shadow: 3px 6px 7px #999;
}
img.border {
    padding:5px;
    border:1px solid #eee
}
.site-button {
	display: inline-block;
	padding:12px;
	text-align: center;
	color:#fff;
	background:#2077AC;
	transition: all ease .3s;
	font-size:16px;
	text-transform: uppercase;
	font-weight: bold;
	border:4px double #fff;
}
.site-button:hover {
	background:#0389be
}
.site-button i {
	margin-left:7px;
}
#welcome img.icons2 {max-width: 100%; margin: 5px; border: 6px solid #fff}
.noshow {display: none}
#welcome h3 {color:#2077AC}
h1 {color:#2077AC; text-transform: uppercase}

img.padding-top {padding-top: 35px}
img.responsive {max-width: 100%}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}