@import url('//fonts.googleapis.com/css?family=Abel|Montserrat');

body {
	line-height: 1.2rem;
	color: #022c42;
	font-family: 'Montserrat', sans-serif;
	background: #fff;
	font-size: 13px;
}

#editor {background: #fff;}
.cke_panel_frame {background:white;}
a {
	text-decoration: none !important;
	color: #00aeef;
}

a:hover { color: #222; }

a img { border: none; }

img { max-width: 100%; }

iframe { border: none !important; }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}


/* ----------------------------------------------------------------
	Basic Layout Styles
-----------------------------------------------------------------*/

h1,.h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h5,
h6 { margin-bottom: 20px; }

h1, .h1 { font-size: 1.5rem; margin-bottom:  25px; color: #00aeef; }
h1:after {
	content: '';
	display: block;
  margin: 0;
  width: 25%;
  padding-top: 5px;
  border-bottom: solid 3px #00aeef; }

h2, .h2 { font-size: 1.2rem; margin-top: 30px; font-weight: bold;}

h3, .h3 { font-size: 1.1rem; font-weight: bold; border-bottom: solid 1px #00aeef;}

h4 { font-size: 1rem; }

h5 { font-size: 1rem; }

h6 { font-size: .9rem; }

h5,
h6 { font-weight: bold;}

/* ----------------------------------------------------------------
	Helper Classes
-----------------------------------------------------------------*/

.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.padTop {padding-top: 20px;}
img.imageRight {margin: 0 0 20px 20px;}
a.blueButton, input[type="submit"].blueButton {display: inline-block; background: #00aeef; border-radius: 5px; color: #fff;padding: 10px 30px;margin-bottom: 10px; }
a:hover.blueButton, a:active.blueButton, input[type="submit"]:hover.blueButton, input[type="submit"]:active.blueButton {background: #AFCFDC; color: #00aeef;cursor: pointer;}
.vmiddle {align-items: center;height: 100%;display: flex;}
blue, .blue {color: #00aeef;}
.blueBarHeader {position: relative;}
.blueBarHeader div {display: block; font-size: 1.5rem; padding: 5px 0 5px 5px;color: #fff;position: relative;z-index: 100;}
.blueBarHeader:before {
	content: '';
	position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 80%;
	background-image: -webkit-linear-gradient(30deg, #00aeef 50%, transparent 50%);
	}

	.contentTab {border-top: solid 5px #00aeef;  padding: 20px 20px 20px;position: relative;}
	.contentTab.solidBkgd {border: solid 1px #00aeef; background: #fff; padding: 20px 20px 20px;position: relative;}
	.contentTab:before {
		content: '';
		position: absolute;
	  top: 0;
	  left: 0;
	  height: 100%;
		width: 100%;
		background: #fff;
	  opacity: .8;
	}

	.contentTab a {text-decoration: underline !important;}

	.blueLine {
			display: block;
		  margin: 0;
		  width: 25%;
		  padding-top: 5px;
		  border-bottom: solid 3px #00aeef;
			margin: 10px 0;
	}
/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

header .row.top {padding: 10px 0px;}
header .col.last {text-align: right; margin-right: 20px;}
header .row.navigation {background: #f1f1f2;}

.headerPhone {margin: 10px 0 0; color: #022c42; font-size: 1.3em;text-align: center;}
.headerPhone img {max-width: 30px; height: auto;}
.headerPhone span {height: 36px; vertical-align: middle; padding-left: 5px;}
.headerPhone a {color: #022c42;}
.tagline {font-size: .8rem; color: #939598; font-family: 'Montserrat', sans-serif; text-align: center;margin: 5px 0;}
.tagline span {color: #00aeef; font-size: 1rem; font-weight: bold;}
.navbar-light .navbar-nav .nav-link {color: #022c42;}


/* ----------------------------------------------------------------
	header graphic
-----------------------------------------------------------------*/
.slider { display: none; }
.slick-initialized { display: block; }
.sliderBackground {background: #d0d0d0;}
#slider .container {height: 100%;}
#slider .row {align-items: center;
    justify-content: center;
    height: 100%;}
#slider .item {position: relative;}
#slider .item .graphicBox {position: absolute; width:100%; margin: 0 auto;left: 0; right: 0; color: #fff;z-index: 1000;height: 100%;}
#slider .item .slideOverlay {
  display: none;
}


#slider .item .boxContent {margin: 0px; padding: 5px 15px;float: left;
    text-align: left;}
#slider .item .headerTitle {font-size: .6rem; line-height: 1.2em; margin-bottom: 10px; color: #00aeef;}
#slider .item .headerText { font-size: .5rem; line-height: 1.2em;}
.navbar {width: 100%;}

.slick-next {right: -20px;}
.slick-prev {left: -20px;}
#slider .slick-next {right: -30;}
#slider .slick-prev {left: -30;}

.slick-prev, .slick-next {
	width: 20px;
	height: 40px;
	color: #fff;
	z-index: 1000;
	opacity: .5;
	font-size: 20px;
}

.slick-prev, .slick-next {background: #b4b4b5;}
#slider .slick-prev, #slider .slick-next {background: #00aeef;}

.slick-prev:active, .slick-prev:focus, .slick-prev:hover,
.slick-next:active, .slick-next:focus, .slick-next:hover
{color: #fff; background: #9c9b9b; opacity: 1;}

#slider .slick-prev:active, #slider .slick-prev:focus, #slider .slick-prev:hover,
#slider .slick-next:active, #slider .slick-next:focus, #slider .slick-next:hover
{background: #00aeef;}

.slick-prev:before,
.slick-next:before
{
	content: '';
}

/* ----------------------------------------------------------------
	footer
-----------------------------------------------------------------*/
footer {background: #022c42; color: #fff; padding: 30px 0 10px;}
footer .footerAddress {padding-bottom: 30px;color: #fff;}
footer .footerText {color: #939598;}
footer h3 {font-size: 1.5rem;color: #00aeef; font-weight: normal;}
footer hr {border-top: 1px solid #939598;}
footer img.footerLogo {max-width: 90%; height: auto;}
footer .col-md {margin-bottom: 10px;}
footer a.footerLink {display: block; color: #939598; border-bottom: solid 1px #5f5f5f;}
footer a.footerLink.last {border-color: #939598;}
footer a:hover.footerLink {color: #fff;}
footer .finePrint {font-size: .8rem; color: #939598;}
footer .finePrint a {color: #939598;}
footer .finePrint span, footer .finePrint span a {color: #fff;}
/* ----------------------------------------------------------------
	Content
-----------------------------------------------------------------*/
#graphicAndContent {
	position: relative;
	background: url(/images/background-image.jpg) no-repeat top center;
  -webkt-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#content {
  padding: 40px 10px;
}



/* ----------------------------------------------------------------
	Home
-----------------------------------------------------------------*/
.contact_Map {
	width: 100%;
	height: 500px;
  margin: 20px 0;
  border: solid 1px #AFCFDC;
}

/* ----------------------------------------------------------------
	GridItem
-----------------------------------------------------------------*/
#grid {padding-bottom: 40px;}
.gridItem {margin-bottom: 20px;height: 100%;position: relative;}
.gridItemContent {text-align: center; padding: 20px;}
.gridTitle {font-weight: bold; text-align: center; font-size: 1.1rem; line-height: 1.1rem; margin-bottom: 5px;}
.gridTitle span {font-size: 1rem;}
.gridItem img {width: 100%;}
.gridItem > a {display: block; position: relative;}
.gridItem  > a:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(30deg, #062b42 25%, transparent 0%);
	opacity: .4;
}

.imageDetail  {
	text-align: center;
	margin-bottom: 20px;
}

.textDetail {margin-top: 20px;}
.textDetail ul {padding-left: 15px;}
.textDetail ul li {padding-left: 0; line-height: 1.1em; margin: 5px 0;}
.textDetail p {line-height: 1.1em; margin-bottom: 5px;}

/* ----------------------------------------------------------------
	Bios
-----------------------------------------------------------------*/
.bioDetails {position: relative;}
.selectAnother {font-size: 1.3rem; color: #00aeef;z-index: 200; margin-bottom: 10px; width: 100%;}
.blueBarHeader:before {
background-image: -webkit-linear-gradient(30deg, #00aeef 80%, transparent 0%);
	}
.bioLinks {font-size: .9rem; text-align: center; margin-bottom: 30px;}
.bioPhone {font-size: .9em;}

.bioDetails h1 span {color: #022c42;font-size: 1rem; text-transform: uppercase;line-height: 1;}

.bioDetails .contentTab h1 {line-height: 1.1em;}

/* ----------------------------------------------------------------
	Practices
-----------------------------------------------------------------*/
.teaser {font-size: .9rem; line-height: 1.1rem; margin-bottom: 10px;}
a.practiceButton {font-size: .9rem; margin: 10px auto; color: #fff; background:#00aeef; padding: 5px 10px;}
a:hover.practiceButton {background: #053b58;}

.practiceList .gridItem {margin-bottom: 0;}

.practiceList .teaser {display: none;}
.practiceList a.practiceButton {
    margin: 0px auto;
    color: #00aeef;
    background: transparent;
		font-weight: bold;
}

/* ----------------------------------------------------------------
	News
-----------------------------------------------------------------*/
.newsThumb {text-align: center;}
.selectAnother.practicesDD {width: auto;}

/* ----------------------------------------------------------------
	Contact Page
-----------------------------------------------------------------*/
.contactIcon {width: 55px;height: 55px;float: left;margin-right: 20px;font-size: 1.5rem; color: #00aeef;}
.contactLinks {padding: 20px 0;margin: 0 auto 20px;}
.contactLink h3 {color: #062b42; font-weight: 600;}
.contactLink p {margin-left: 75px;line-height: 1.2rem;}
.email-button {margin: 10px 0;}

.emailForm {margin-bottom: 20px;}
.emailForm input[type="text"], .emailForm textarea {background: #fff; border-radius: 25px; margin-bottom: 10px; border: solid 1px #717171; padding: .375rem 1rem;}
.emailForm input[type="submit"].blueButton {border-radius: 15px; background: #022c42;padding: 10px 30px;}
.emailForm input[type="submit"]:hover.blueButton {background: #00aeef;}
.valError {color: red; font-size: .9rem;}
.disclaimer {font-size: .8rem;line-height: 1rem; margin-top: 5px;color: #717171;}

.form-control::-webkit-input-placeholder{color:#b7b8b9;font-size: .8rem;}
.form-control::-moz-placeholder{color:#b7b8b9;font-size: .8rem;}
.form-control:-ms-input-placeholder{color:#b7b8b9;font-size: .8rem;}
.form-control::-ms-input-placeholder{color:#b7b8b9;font-size: .8rem;}
.form-control::placeholder{color:#b7b8b9;font-size: .8rem;}


#result img {
		max-width: 100%;
		/* This rule is very important, please do not ignore this! */
	}

	#canvas {
		background-color: #ffffff;
		cursor: default;
		border: 1 px solid black;
	}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

	h1,
	.h1 {
		font-size: 1.8rem;
	}

	h2,
	.h2 {
		font-size: 1.1rem;
	}

	#content {
		padding: 40px 20px;
	}

	#logo {
		max-width: 100%;
	}

	.headerPhone {
		font-size: 1.3em;
		margin: 0;
	}

	.headerPhone img {
		display: inline;
	}

	#slider .item .graphicBox {
		bottom: 0px;
	}

	.slick-slide img {
		width: 100%;
	}

	.slick-prev,
	.slick-next {
		width: 30px;
		height: 90px;
		font-size: 40px;
	}

	.slick-next {
		right: -30px;
	}

	.slick-prev {
		left: -30px;
	}

	#slider .item .boxContent {
		margin: 5px;
		padding: 15px;
	}

	#slider .item .headerTitle {
		font-size: 1.5rem;
		margin-bottom: 10px;
	}

	#slider .item .headerText {
		font-size: .9rem;
		line-height: 1.2rem;
	}

	.sidebar {
		float: right;
		width: 30%;
		padding: 0 0 10px 30px;
		background: #fff;
	}

	.grid {
		margin-bottom: 0px;
	}

	.gridItemContent {
		display: block;
	}

	.gridItemContent h3 {
		text-align: center;
		font-weight: bold;
	}

	.gridItemContent h3 span {
		font-size: .9rem;
	}

	.gridItemContent p {
		margin-bottom: 0;
		line-height: 1.2em;
		text-align: center;
		font-size: .9rem;
	}

	.viewAnotherBio {
		width: 50%;
		margin: 0 auto;
	}

	.blueBarHeader div {
		font-size: 1.8rem;
		padding: 8px 0 8px 8px;
	}

	.newsThumb {
		float: left;
		width: 25%;
		margin-bottom: 20px;
	}

	.newsThumb img {
		width: 90%;
		height: auto;
	}

	.newsTeaser {
		float: left;
		width: 75%;
		margin-bottom: 20px;
	}

	.newsTeaser h2 {
		margin-top: 0;
	}

	.searchIcon img {
		width: 25px;
		height: auto;
	}

	#slider .item .slideOverlay {
		position: absolute;
		width: 70%;
		height: 100%;
		left: 0px;
		top: 0;
		display: block;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

	h1,
	.h1 {
		font-size: 1.5rem;
	}

	h1:after {
		width: 15%;
	}

	h2,
	.h2 {
		font-size: 1.2rem;
	}

	.tagline {
		margin: 15px 0 0;
	}

	.headerPhone {
		font-size: 1.6em;
	}

	.navbar {
		margin: 0;
		padding: 0 1rem;
	}

	a.nav-link {
		color: #062b42;
		font-size: 1rem;
		padding: .8rem 1.5rem;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding: .8rem 1.5rem;
	}

	.navbar-light .navbar-nav .active>.nav-link,
	.navbar-light .navbar-nav .nav-link:focus,
	.navbar-light .navbar-nav .nav-link:hover {
		color: #fff;
		background: #053b58;
	}

	.dropdown-menu {
		margin: 0;
		background: #777071;
		padding: 0;
	}

	.dropdown-menu a {
		color: #fff;
		padding: 5px 10px;
	}

	.dropdown-menu a span {
		border-bottom: solid 1px #9e9a9a;
		display: block;
		padding: 5px 0;
	}

	.dropdown-menu a:hover {
		background-color: transparent;
		color: #00aeef;
	}

	.contactLinks {
		border: none;
		padding: 0px 0;
		margin: 0 auto 0px;
	}

	#slider .item .headerText {
		line-height: 1.7rem;
	}

	.gridTitle {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}

	.gridTitle span {
		font-size: 1.1rem;
	}

	#bios .gridItemContent {
		padding: 20px 20px 0px;
	}

	.blueBarHeader div {
		font-size: 1.5rem;
		padding: 10px 0 10px 10px;
	}

	.blueBarHeader:after {
		width: 50%;
	}

	.blueBarHeader:before {
		background-image: -webkit-linear-gradient(30deg, #00aeef 50%, transparent 0%);
	}

	.selectAnother {
		position: absolute;
		top: 0;
		right: 15px;
		font-size: 1.5rem;
		width: auto;
	}

	.contactIcon {
		width: 55px;
		height: 55px;
	}

	.blueLine {
		width: 15%;
	}

	.bioDetails h1 {
		line-height: 1.5rem;
	}

	.bioDetails h1 span {
		font-size: 1.2rem;
	}

	.imageDetail {
		padding-left: 20px;
		background: #fff;
	}

	.imageDetail:before {
		opacity: .8;
	}

	#floatingContainer {
		margin-top: -25%;
	}

	.searchIcon img {
		width: 30px;
		height: auto;
	}


}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	#content {
		padding: 60px 40px;
	}

	body {
		font-size: 16px;
		line-height: 1.2em;
	}

	h1,
	.h1 {
		font-size: 2rem;
	}

	h2,
	.h2 {
		font-size: 1.6rem;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1rem;
		padding-left: 1rem;
	}

	a.nav-link {
		font-size: 1.5rem;
	}

	#slider .item .headerTitle {
		font-size: 2rem;
		margin-bottom: 20px;
	}

	#slider .item .headerText {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	#slider .item .graphicBox {}

	.blueBarHeader div {
		font-size: 2rem;
		padding: 20px 0 20px 20px;
	}

	.blueBarHeader:after {
		width: 60%;
	}

	.bioDetails h1 {
		line-height: 2.2rem;
	}

	.bioDetails h1 span {
		font-size: 1.6rem;
	}

	.textDetail p {
		line-height: 1.4rem;
	}

	.textDetail ul {
		padding-left: 20px;
	}

	#slider .item .slideOverlay {
		width: 55%;
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	#slider .item .headerTitle {
		font-size: 2.2rem;
	}

	#slider .item .headerText {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	.graphicBox .container {
		max-width: 90%;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.blueBarHeader div {
		font-size: 2.5rem;
	}

	#slider .item .slideOverlay {
		width: 55%;
	}
}

@media (min-width: 1500px) {
	.graphicBox .container {
		max-width: 1500px;
	}

	#slider .item .slideOverlay {
		width: 48%;
	}
}