@charset "utf-8";
/* CSS Document */

/* SOCIAL SITE LOGO COLOR
*Facebook #3B5998
*Flickr #FE0883
*Foursquare #8FD400
*Google+ #C63D2D
*Instagram #4E433C
*Linkedin #4875B4
*Tumblr #2B4964
*Twitter #33CCFF
*Vimeo #86B32D
*Youtube #FF3333
*/


/* social site color */
.cstm-gplus-color {
	color:#dd4b39;
}
.cstm-linkedin-color {
	color:#0e76a8;
}
.cstm-twitter-color {
	color:#33CCFF;
}
.cstm-facebook-color {
	color:#3b5998;
}
/* END social site color */

/* top container */
.cstm-top-container {
	background-image:url('images/top-bg.png');
	background-color:#1866ad;
	position:relative;
	max-width:1600px;
	width:100%;
	padding:10px 0px 10px 0px;
}

.cstm-top-content {
	margin:0 auto;
	max-width:1080px;
	width:100%;
	text-align:right;
	color:white;
}

.cstm-top-content a{
	color:white;
}

.cstm-top-content span{
	font-size:28px;
	vertical-align:middle;
}

.cstm-top-content a {
	background-color:white;
	padding:6px 6px 10px 6px;
	border-radius:50%;
	position:relative;
	bottom:7px;
}
.cstm-top-content a:hover {
	background-color:#00c586;
}

.cstm-top-content b{
	font-size:1.5em;
}
/* END top container */

/* .cstm-header-bar */
.cstm-header-bar {
	margin-top:50px;
	position:relative;
}

.cstm-js-menu {
	background-color:#008c5f !important;
	background:-webkit-linear-gradient(#00bc7f,#008c5f) !important;
	background:linear-gradient(#00bc7f,#008c5f) !important;
	cursor:pointer;
}

.cstm-header-bar div[css=menu-mid] {
	background-color:#1866ad;
	background:-webkit-linear-gradient(#1866ad,#00426b);
	background:linear-gradient(#1866ad,#00426b);
	-moz-background-clip: border;
 	-webkit-background-clip: border;
 	background-clip: border-box; 
	border-left:5px solid rgba(0,0,0,0);
	-moz-box-shadow:    inset 5px 0 7px -6px #000000;
	-webkit-box-shadow: inset 5px 0 7px -6px #000000;
	box-shadow:         inset 5px 0 7px -6px #000000;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:bold;
	text-shadow:0px 1px 2px black;
	line-height:1;
	padding:0 0 0 20px;
	position:relative;
	max-width:200px;
	width:100%;
	height:70px;
}

.cstm-header-bar span {
	color:white;
}

.cstm-header-bar span[css=style] {
	vertical-align:middle;
	position:absolute;
	top:10px;
}

.cstm-mid-menu11:after {
	content:url('images/menu1.png');
	position:absolute;
	top:0px;
	right:-75px
}

.cstm-mid-menu22:after {
	content:url('images/menu2.png');
	position:absolute;
	top:0px;
	right:-75px
}
.cstm-mid-menu33:after {
	content:url('images/menu3.png');
	position:absolute;
	top:0px;
	right:-75px
}
.cstm-mid-menu44:after {
	content:url('images/menu4.png');
	position:absolute;
	top:0px;
	right:-75px;
}

.cstm-mid-text {
	font-family: 'Lato', sans-serif;
	font-size:52px;
	line-height:1;
	color:white;
	text-shadow:-1px -1px 3px gray;
	text-align:center;
}

.cstm-mid-text i{
	font-weight:bold;
}
/* END .cstm-header-bar */
/* .cstm-content-container */
.cstm-content-container {
	position:absolute;
	background:-webkit-linear-gradient(rgba(193,223,248,0.3),#f2f8ff);
	background:linear-gradient(rgba(193,223,248,0.3),#f2f8ff);
	background-color:rgba(193,223,248,0.3);
	box-shadow:0px -1px 1px black;
	top:-50px;
	height:50px;
	width:100%;
}
.cstm-content-title{
	color:#0064aa;
	font-size:22px;
}
/* END .cstm-content-container */
/* side menu / .menu-areas-of-practice-container .cstm-widget */
.cstm-widget-areas {
	background-color:white;
	padding:10px 20px 10px 20px;
	border:1px solid #7dabbf;
}

.menu-areas-of-practice-container ul{
	list-style:none;
	margin:0;
	padding:0
	
}
.menu-areas-of-practice-container li a{
	font-weight:bold;
	font-size:15px;
	color:white;
}

.widget-title-areas {
	font-family: 'Lato', sans-serif;
	font-size:24px;
	color:#065475;
	margin-top:0px;
}

.menu-areas-of-practice-container li{
	background-color:#27a8df;
	margin:4px 0 5px 0;
	padding-left:5px;
	border-left:5px solid #00c586;
}


.cstm-widget-form {
	background-color:#007bae;
	background:-webkit-linear-gradient(#007bae,#006591);
	background:linear-gradient(#007bae,#006591);
	color:white;
}

.cstm-input-form{
	width:100%;
	margin-bottom:5px;
}
.cstm-submit-form{
	width:100%;
	margin-bottom:5px;
}

.cstm-input-form {
	background-color:#084966;
	border:thin solid #399ecb;
	color:white;
	resize:none
}

.cstm-input-form:focus{
	border:thin solid #fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #50c9ff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #50c9ff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #50c9ff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #50c9ff;
}

.cstm-widget-form h3{
	margin-top:10px;
	margin-bottom:0px;
	font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	padding:5px 120px 5px 10px;
	background-color:#009867;
}

.cstm-widget-form div.textwidget {
	padding:0px 30px;
	padding-bottom:10px;
}

.widget {
	display:none;
}

#map_canvas {
	max-width: 700px;
	width:100%;
	height: 600px;
	border:2px solid #000;
	border-radius:5px;
}
#legend {
    background: rgba(0,152,103,0.9);
    padding: 10px;
	color:#fff;
	font-size:14px;
}
/* END side menu / .menu-areas-of-practice-container .cstm-widget */
/* footer */
.cstm-footer {
	margin:0 auto;
	max-width:1080px;
	width:100%;
}
.cstm-widget-nav ul {
	background-color:#0ea172;
	background:-webkit-linear-gradient(#009364,#1caf7f);
	background:linear-gradient(#009364,#1caf7f);
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	display:inline-block;
}
.cstm-widget-nav li {
	display:inline-block;
	padding:10px 25px;
}
.cstm-widget-nav li a{
	color:#fff;
}
.cstm-footer-info {
	padding:15px 10px;
}
.cstm-footer-info > a > span{
	font-size:28px;
}
.cstm-footer-txt1 {
	color:#366275;
	margin-left:20px;
	text-shadow:0px 0px 1px white;
}
.cstm-footer-txt1 b{
	font-size:20px;
}
/* END footer */

/* @media */
@media (min-width: 1000px) {
	.cstm-footer {
		background:url('images/logo-bot.png') no-repeat;
		background-position:100% 100%;
	}
	.cstm-photo1 {
		background-image:url('images/photo.png');
		max-width:471px;
		width:100%;
		height:440px;
		position:absolute;
		bottom:0;
		right:0;
	}
}
@media (max-width: 999px){
	.cstm-widget-nav ul {
		display:block;
		text-align:center;
	}
}

@media (max-width: 770px) {
	.cstm-top-container {
		padding: 10px 10px;
	}
	.cstm-mid-text img{
		width:400px;
	}
}

@media (max-width: 643px) {
	.cstm-mid-text{
		font-size:32px;
		text-align:right;
	}
	.cstm-mid-text img{
		width:300px;
	}
	.cstm-widget-nav li {
		display:inline-block;
		padding:10px 15px;
	}
	
}

@media (max-width: 480px) {
	.cstm-top-content {
		padding-top:10px;
	}
	.cstm-top-content b {
		font-size: 1em;
	}
	.cstm-mid-text{
		font-size:22px;
	}
	.cstm-mid-text img{
		width:250px;
	}
}

@media (max-width: 359px) {
	.cstm-mid-text{
		display:none !important;
	}
	.cstm-top-content {
		display:none;
	}
	.cstm-top-content > a > span{
		display:block !important;
	}
}
/* END @media */