/*
Theme Name: United Locksmith
Theme URI: https://unitedlocksmith.net
Author: United Locksmith
Author URI: https://unitedlocksmith.net
Description: This is a custom theme.
Version: 1.0
*/

/* Global
----------------------------------------------- */

body, html {
	margin: 0px;
	padding: 0px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
.center {
	width: 1260px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header {
	height: auto;
	width: 100%;
	z-index: 77;
	position: relative;
	float: left;
}
.footer {
	float: left;
	height: auto;
	width: 100%;
}
blockquote {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #26ADE8;
	margin: 0px;
	background-color: #F8F8F8;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}
::selection {
	color: #fff;
	background-color: #26ADE4;
	text-shadow: inherit;
}
img.alignright {
	float: right;
	display: block;
	margin-left: 20px;
}
img.alignleft {
	float: left;
	display: block;
	margin-right: 20px;
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Header
----------------------------------------------- */

.header-bar {
	background-color: #26ADE4;
	height: 48px;
	width: 100%;
	float: left;
	z-index: 99;
	position: fixed;
}
.header-main {
	float: left;
	height: auto;
	width: 100%;
	background-color: #454545;
	padding-top: 48px;
}
.header-column {
	height: auto;
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
}
.header-nav {
	height: auto;
	width: auto;
	float: left;
}
.header-social {
	float: right;
	height: auto;
	width: auto;
}
.header-icon {
	height: 32px;
	width: 32px;
	float: left;
	margin-left: 8px;
	margin-top: 8px;
}
.header-icon a {
	line-height: 32px;
	width: 100%;
	display: block;
	height: 32px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-radius: 48px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
}
.header-icon a:hover {
	background-color: #FFF;
	color: #26ADE4;
}
.header-left {
	height: auto;
	width: 50%;
	float: left;
}
.header-logo {
	/* [disabled]display: none; */
	display: block;
	width: 192px;
	padding-top: 16px;
	float: left;
	height: auto;
}
.header-logo img {
	display: block;
	max-width: 100%;
}
.header-right {
	float: right;
	width: auto;
	height: auto;
}
.header-phone {
	float: right;
	width: 300px;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-align: center;
	/* [disabled]min-height: 92px; */
	font-weight: 300;
	text-transform: uppercase;
}
.header-phone a {
	text-decoration: none;
	letter-spacing: 0.07em;
	display: block;
	background-color: #333;
	height: 72px;
	width: 100%;
	color: #E5E5E5;
	padding-top: 28px;
}
.header-phone a:hover {
	background-color: #333;
}
.header-phone a span {
	color: #FFF;
	font-size: 24px;
	letter-spacing: 0.07em;
	font-weight: 700;
}
.header-phone p {
	margin: 0px;
}

/* Navigation
----------------------------------------------- */

.header-menu {
}
.header-menu ul {
	margin: 0;
	padding: 0;
}
.header-menu li {
	float: left;
	list-style-type: none;
	width: auto;
	font-size: 18px;
	line-height: 48px;
	color: #FFF;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	font-weight: 700;
}
.header-menu li a {
	display: block;
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	line-height: 48px;
	padding-right: 20px;
	padding-left: 20px;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #219ACB;
}
.header-menu li a:hover {
	text-shadow: none;
	color: #26ADE4;
	background-color: #FFF;
}
.header-menu li a:active {
	text-shadow: none;
}
.header-menu li a.none {
	margin-right: 0px;
	padding-right: 0px;
}
.header-menu .dropdown {
	position: relative;
}
.header-menu .home-icon {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #219ACB;
}
.header-menu .drop-nav {
	position: absolute;
	display: none;
	height: auto;
	width: auto;
	z-index: 999;
	float: left;
}
.header-menu .dropdown:hover > .drop-nav {
	display: block;
}
.header-menu .drop-nav li {
	width: auto;
	background-color: #FFF;
	text-align: left;
	font-weight: 400;
	height: auto;
}
.header-menu .drop-nav a {
	color: #333;
	background-color: #EEEEEE;
	font-size: 12px;
	width: 227px;
	height: auto;
	padding-left: 12px;
	line-height: 40px;
	font-weight: 500;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	text-shadow: none;
	border-right-style: none;
}
.header-menu .drop-nav a:hover {
	color: #26ADE4;
	background-color: #F5F5F5;
}
.header-menu .drop-nav li:last-child {
}
.header-menu .drop-nav li:last-child a {
	border-bottom-style: none;
}
.mobile-logo {
	width: 100px;
	display: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 6px;
	position: relative;
	height: 42px;
}
.mobile-logo a {
	text-decoration: none;
	display: block;
}
.mobile-logo img {
	display: block;
	max-width: 100%;
}
a.mobile-menu {
	color: #FFF;
	font-size: 24px;
	text-align: center;
	display: none;
	text-decoration: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	line-height: 48px;
	width: 48px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #219ACB;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}
a.mobile-menu:hover {
	color: #26ADE4;
	background-color: #FFF;
	text-shadow: none;
}
a.mobile-call {
	color: #FFF;
	font-size: 24px;
	text-align: center;
	display: none;
	text-decoration: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	line-height: 48px;
	width: 48px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #219ACB;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	float: right;
	position: absolute;
	right: 48px;
	top: 0px;
}
a.mobile-call:hover {
	color: #26ADE4;
	background-color: #FFF;
	text-shadow: none;
}

/* Home
----------------------------------------------- */

.main {
	float: left;
	height: auto;
	width: 100%;
}
.main-capture {
	float: left;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #26ADE4;
}
.main-title {
	float: left;
	height: auto;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
	background-image: url(/mw/themes/ul/images/symbol.png);
	background-position: right 110px center;
	background-repeat: no-repeat;
}
.main-headline {
	color: #FFF;
	height: auto;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 300;
	padding-top: 56px;
	padding-bottom: 56px;
}
.main-headline h1 {
	font-weight: 300;
	font-size: 48px;
	margin: 0px;
	color: #26ADE4;
}
.main-headline h1 span {
	font-weight: 500;
	color: #FFF;
	letter-spacing: .03em;
}
.main-headline p {
	margin: 0px;
	padding-top: 4px;
}
.main-headline a {
	display: block;
	line-height: 72px;
	text-decoration: none;
	color: #FFF;
	font-weight: 700;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	margin-top: 20px;
	border: 1px solid rgba(255,255,255,.33);
	width: 300px;
	letter-spacing: .07em;
}
.main-headline a:hover {
	background-color: #FFF;
	color: #26ADE4;
}
.main-element {
	float: left;
	height: auto;
	width: 100%;
}
.main-columns {
	float: left;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
}
.main-column-single {
	width: 33.3333%;
	height: auto;
	float: left;
	margin-top: 30px;
}
.main-column-inside {
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
	text-align: center;
	/* [disabled]box-shadow: rgba(0,0,0,.10) 0px 0px 8px; */
	/* [disabled]-moz-box-shadow: rgba(0,0,0,.10) 0px 0px 8px; */
	/* [disabled]-webkit-box-shadow: rgba(0,0,0,.10) 0px 0px 8px; */
	background-color: #FFF;
}
.main-column-image {
	height: auto;
	width: auto;
}
.main-column-image img {
	max-width: 100%;
	display: block;
}
.main-column-header {
	background-color: #454545;
	color: #FFF;
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
}
.main-column-title {
	font-size: 24px;
	font-weight: 900;
	line-height: 60px;
	background-color: #333;
}
.main-column-price {
	font-size: 24px;
	padding-top: 20px;
	font-weight: 700;
}
.main-column-per {
	font-size: 14px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: 400;
}
.main-column-content {
	background-color: #FFF;
	font-size: 16px;
}
.main-column-content ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.main-column-content ul li{
	display: block;
	height: 40px;
	line-height: 40px;
	border-left-color: #DDD;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}
.main-column-content ul li span {
	font-size: 12px;
	font-weight: 300;
	letter-spacing: .01em;
}
.main-column-content ul li:nth-child(odd) {
	color: #26ADE4;
}
.main-column-content ul li:nth-child(even) {
	color: #444;
	background-color: #f5f5f5;
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
}
.main-column-call {
	width: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
	padding: 20px;
}
.main-column-call a {
	width: 100%;
	height: auto;
	background-color: #26ade4;
	display: inline-block;
	font-size: 18px;
	font-weight: 900;
	color: #FFF;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.main-column-call a:hover {
	background-color: #219ACB;
}
.main-column-call a:active {
}
.main-column-box {
	float: left;
	width: 33.3333%;
	height: auto;
}
.main-column-box-text {
	background-color: #F5F5F5;
	border: 1px solid #DDD;
	margin-right: 15px;
	margin-left: 15px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: 300;
	font-size: 16px;
	color: #333;
	text-align: center;
	padding-bottom: 20px;
	margin-top: 30px;
	/* [disabled]border-radius: 4px; */
	/* [disabled]-webkit-border-radius: 4px; */
	/* [disabled]-moz-border-radius: 4px; */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.main-column-box-text h3 {
	font-weight: 500;
	color: #333;
	letter-spacing: .03em;
}
.main-column-box-text p {
	line-height: 23px;
}
.main-column-box-text a {
	width: 100%;
	height: auto;
	background-color: #26ade4;
	display: inline-block;
	font-size: 18px;
	font-weight: 900;
	color: #FFF;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.main-column-box-text a:hover {
	background-color: #219ACB;
}
.main-column-box-text a:active {
}
.main-content {
	float: left;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
	font-size: 20px;
	color: #333;
	font-weight: 300;
}
.main-content h1 {
	font-weight: 900;
	color: #000;
}
.main-content h2 {
	font-weight: 700;
}
.main-content h3 {
	font-weight: 700;
}
.main-content h4 {
}
.main-content p {
	line-height: 30px;
	letter-spacing: 0.01em;
}
.main-content span {
	color: #26ADE4;
}
.main-content a {
	text-decoration: none;
	color: #26ADE4;
}
.main-content a:hover {
	color: #000;
}
.main-content img {
	max-width: 100%;
	display: block;
}
.main-content i {
	color: #26ADE4;
	margin-top: 2px;
}
.main-content ul {
}
.main-content li {
	line-height: 30px;
}
.main-locale {
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #DDD;
	border-bottom-color: #DDD;
	float: left;
	width: 100%;
	margin-top: 30px;
}
.main-locale-line {
	text-align: center;
	margin-right: 15px;
	margin-left: 15px;
}
.main-locale-line h2 {
	margin: 0px;
	display: block;
	color: #000;
	padding-top: 30px;
	padding-bottom: 30px;
}
.main-locale-section {
	padding-bottom: 30px;
	float: left;
	height: auto;
	width: 100%;
}
.main-locale-left {
	float: left;
	height: auto;
	width: 50%;
}
.main-locale-right {
	float: right;
	height: auto;
	width: 50%;
}
.main-locale-text {
	margin-right: 15px;
	margin-left: 15px;	
}
.main-locale-text ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.main-left {
	width: 66.6666%;
	float: left;
	height: auto;
}
.main-text {
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 15px;
}
.main-right {
	float: right;
	height: auto;
	width: 33.3333%;
}
.main-sidebar {
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
}
.main-form {
	height: auto;
	width: auto;
	background-color: #FFF;
	margin-top: 30px;
	margin-bottom: 30px;
}
.main-form-top {
	width: auto;
	text-align: center;
	color: #CCC;
	height: auto;
	background-color: #333;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding: 18px;
}
.main-form-top h2 {
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 900;
	line-height: 32px;
	text-shadow: rgba(0,0,0,.5) 0px 1px 3px;
	margin: 0px;
	color: #FFF;
}
.main-form-top p {
	font-size: 16px;
	padding-top: 4px;
	text-shadow: rgba(0,0,0,.5) 0px 1px 1px;
	font-weight: 300;
	margin: 0px;
}
.main-form-bottom {
	height: auto;
	width: auto;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #DDD;
	border-bottom-color: #DDD;
	border-left-color: #DDD;
	padding: 20px;
}
.main-map iframe,   
.main-map object,  
.main-map embed {
	max-width: 100%;
	display: block;
	z-index: 99;
}
.main-clients {
	border: 1px solid #DDD;
	width: auto;
	background-color: #FFF;
	margin-bottom: 20px;
}
.main-client-slides {
	height: auto;
	width: 100%;
}
.main-client-text {
	line-height: 40px;
	color: #666;
	font-size: 16px;
	text-align: center;
	display: block;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	font-weight: 300;
}
.main-pad {
	float: left;
	height: auto;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
}
.main-action {
	width: 100%;
	background-color: #454545;
	float: left;
	height: auto;
}
.main-action-text {
	font-size: 36px;
	color: #FFF;
	font-weight: 300;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.main-action-text span {
	font-weight: 900;
}
.main-action-text a {
	display: inline-block;
	line-height: 72px;
	text-decoration: none;
	color: #FFF;
	font-weight: 700;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	text-align: center;
	border: 1px solid rgba(255,255,255,.33);
	width: auto;
	letter-spacing: 0.07em;
	font-size: 24px;
	height: auto;
	margin-left: 24px;
	padding-right: 30px;
	padding-left: 30px;
}
.main-action-text a:hover {
	background-color: #FFF;
	color: #26ade4;
}

/* Page
----------------------------------------------- */

.page {
	float: left;
	height: auto;
	width: 100%;
}
.page-pad {
	float: left;
	height: auto;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
}
.page-capture {
	float: left;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #26ADE4;
}
.page-title {
	float: left;
	height: auto;
	width: 100%;
	background-position: right bottom;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
	/* background-image: url(/mw/themes/ul/images/symbol.png);
	background-position: right 110px center;
	background-repeat: no-repeat; */
}
.page-headline {
	color: #FFF;
	height: auto;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 300;
	padding-top: 105px;
	padding-bottom: 105px;
}
.page-headline h1 {
	font-weight: 900;
	font-size: 48px;
	margin: 0px;
	color: #26ADE4;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.page-headline p {
	margin: 0px;
	padding-top: 4px;
}
.page-bread {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	float: left;
	height: auto;
	width: 100%;
}
.page-crumbs {
	height: auto;
	float: left;
	width: 100%;
	font-weight: 400;
	letter-spacing: 0.1em;
	font-size: 14px;
	text-transform: uppercase;
	color: #666;
	padding-top: 12px;
	padding-bottom: 12px;
}
.page-crumbs a {
	color: #999;
	text-decoration: none;
}
.page-crumbs a:hover {
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.page-crumbs strong {
	font-weight: 700;
}
.page-element {
	float: left;
	height: auto;
	width: 100%;
	font-size: 20px;
	color: #333;
	font-weight: 300;
}
.page-element h1 {
	font-weight: 900;
	color: #000;
}
.page-element h2 {
	font-weight: 700;
}
.page-element h3 {
	font-weight: 700;
}
.page-element h4 {
}
.page-element h5 {
}
.page-element h6 {
	margin: 0px;
}
.page-element p {
	line-height: 30px;
	letter-spacing: 0.01em;
}
.page-element span {
}
.page-element a {
	text-decoration: none;
	color: #26ADE4;
}
.page-element a:hover {
	color: #000;
}
.page-element img {
	max-width: 100%;
	display: block;
	height: auto;
}
.wp-block-image {
	margin: 0;
}
.page-element ul {
}
.page-element li {
	line-height: 30px;
	letter-spacing: .01em;
}
.page-element hr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #EEEEEE;
	height: 5px;
	margin: 0px;
}
.page-element hr:last-child {
	display: none;
}
.page-element a.learn {
	height: auto;
	display: inline-block;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 60px;
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #26ADE4;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
}
.page-element a.learn:hover {
	background-color: #219ACB;
}
.page-element .anchor {
	display: block;
	position: relative;
	top: -52px;
	visibility: hidden;
}
.page-column {
	float: left;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	position: relative;
}
.page-full {
	width: 100%;
	float: left;
	height: auto;
	min-height: 720px;
}
.page-left {
	width: 66.6666%;
	float: left;
	height: auto;
	min-height: 720px;
}
.page-text {
	padding-bottom: 15px;
	padding-right: 30px;
}
.page-right {
	float: right;
	height: auto;
	width: 33.3333%;
	z-index: 99;
}
.page-panel {
	float: right;
	height: 100%;
	width: 33.3333%;
	background-color: #F8F8F8;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E5E5E5;
	border-left-color: #E5E5E5;
}
.page-sidebar {
	height: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	min-height: 100%;
	padding-right: 30px;
	padding-left: 30px;
}
.page-blog-link {
}
.page-blog-link a {
	width: 100%;
	height: auto;
	background-color: #26ade4;
	display: inline-block;
	font-size: 18px;
	font-weight: 900;
	color: #FFF;
	line-height: 60px;
	text-align: center;
	text-decoration: none;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}
.page-blog-link a:hover {
	background-color: #219ACB;
}
.page-sidebar ul {
	padding: 0px;
	list-style-type: none;
}
.page-sidebar li {
	font-size: 16px;
	line-height: 24px;
}
.page-sidebar li a {
	font-weight: 700;
}
.page-sidebar li a:hover {
}
.page-sidebar li a:active {
}
.page-sidebar .menu li a {
	display: block;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
}
.page-form {
	height: auto;
	width: auto;
	background-color: #FFF;
	margin-top: 30px;
	margin-bottom: 30px;
}
.page-form p {
}
.page-buttons {
	float: left;
	width: calc(100% + 20px);
	padding-bottom: 25px;
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;     
    box-sizing: border-box;
	margin-left: -10px;
}
.page-buttons ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.page-buttons li {
	width: 33.3333%;
	display: block;
	float: left;
	padding-bottom: 20px;
}
.page-buttons li a {
	height: auto;
	width: auto;
	display: block;
	font-weight: 400;
	color: #26ADE4;
	text-align: center;
	border: 1px solid #E5E5E5;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: 50px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #F8F8F8;
}
.page-buttons li a:hover {
	background-color: #26ADE4;
	color: #FFF;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	border-top-color: #26ADE4;
	border-right-color: #26ADE4;
	border-bottom-color: #26ADE4;
	border-left-color: #26ADE4;
}
.blog-subscribe {
	background-color: #333;
	color: #FFF;
	line-height: normal;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	margin-top: 30px;
}
.blog-ad {
	margin-top: 30px;
}
.blog-form {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.blog-form h3 {
	margin: 0px;
}
.blog-form p {
	line-height: normal;
	font-size: 16px;
	color: #CCC;
}
.blog-widgets .searchform {
	position: relative;
	margin-top: 30px;
}
.blog-widgets .searchform:before {
	position: absolute;
	content: "\f002";
	right: 0;
	top: 9px;
	width: 60px;
	height: 100%;
	text-align: center;
	color: white;
	z-index: 1;
	font-size: 24px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	pointer-events: none;
	font-family: FontAwesome;
}
.blog-widgets .searchform:after { /* clearfix */
	content: "";
	display: table;
	clear: both;
}
.blog-widgets .searchform label {
	display: none !important;
}
.blog-widgets .searchform input[type="text"] {
	border: none;
	border-radius: 4px 0px 0px 4px;
	float: left;
	margin: 0;
	padding: 10px;
	width: calc(100% - 60px);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E5E5E5;
	border-right-color: #E5E5E5;
	border-bottom-color: #E5E5E5;
	border-left-color: #E5E5E5;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #333;
}
.blog-widgets .searchform input[type="text"]:focus {
	outline: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #26ADE4;
	border-right-color: #26ADE4;
	border-bottom-color: #26ADE4;
	border-left-color: #26ADE4;
}
.blog-widgets .searchform input[type="submit"] {
	border: none;
	border-radius: 0px 4px 4px 0px;
	font-size: 12px;
	outline: none;
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	height: 100%;
	width: 60px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	text-indent: -9999px;
	background-color: #26ADE4;
}
.blog-widgets .searchform input[type="submit"]:hover {
	cursor: pointer;
	background-color: #333;
}
.blog-widgets .searchform input[type="submit"]:active {

}
.blog-older {
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}
.blog-newer {
	float: right;
	text-align: right;
	padding-top: 30px;
	padding-bottom: 30px;
}
.blog-newer a, .blog-older a {
	display: block;
	padding: 12px;
	border: 1px solid #26ADE4;
	color: #26ADE4;
	font-weight: 600;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.blog-newer a:after, .blog-older a:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.blog-older a:before {
	content: '\f0d9';
	margin-right: 10px;
}
.blog-newer a:after {
	content: '\f0da';
	margin-left: 10px;
}
.blog-newer a:hover, .blog-older a:hover {
	color: #FFF;
	background-color: #26ADE4;
}
.blog-newer a:active, .blog-older a:active {
}

/* Contact
----------------------------------------------- */

.contact-left {
	width: 50%;
	float: left;
	height: auto;
	min-height: 720px;
}
.contact-form {
	padding-right: 60px;
}
.contact-right {
	float: right;
	height: auto;
	width: 50%;
	z-index: 99;
}
.contact-panel {
	float: right;
	height: 100%;
	width: 50%;
	background-color: #F8F8F8;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E5E5E5;
	border-left-color: #E5E5E5;
}
.contact-text {
	padding-right: 30px;
	padding-left: 30px;
}

/* Locations
----------------------------------------------- */

.locations-left {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	float: left;
	width: 33.3333%;
	height: auto;
	position: relative;
	min-height: 720px;
	padding-bottom: 30px;
}
.locations-single {
	height: auto;
	width: auto;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	border: 1px solid #E5E5e5;
	background-color: #F8F8F8;
	margin-top: 30px;
}
.locations-text {
	padding-right: 20px;
	padding-left: 20px;
}
.locations-right {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	float: left;
	width: 66.6666%;
	height: auto;
}
.locations-map {
	padding-top: 30px;
	padding-left: 30px;
}
.locations-map p {
	line-height: normal;
	font-weight: 400;
}

/* Footer
----------------------------------------------- */

.footer-main {
	float: left;
	width: 100%;
	height: auto;
	background-color: #333;
}
.footer-container {
	float: left;
	width: 100%;
	height: auto;
	color: rgba(255,255,255,.5);
	font-size: 16px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	padding-right: 30px;
	padding-left: 30px;
}
.footer-container a {
	text-decoration: none;
	color: rgba(255,255,255,.5);
}
.footer-container a:hover {
	color: #FFF;
}
.footer-container a:active {
}
.footer-links {
	float: left;
	width: 100%;
	height: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
.footer-column {
	float: left;
	width: 25%;
	height: auto;
	font-size: 16px;
}
.footer-column h3 {
	color: #FFF;
	font-weight: 900;
	text-transform: uppercase;
	display: block;
	padding-bottom: 16px;
	letter-spacing: .1em;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(255,255,255,.25);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.footer-column ul {
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.footer-column li  {
	line-height: 20px;
}
.footer-icons  {
	height: auto;
	width: auto;
	float: left;
	padding-top: 4px;
}
.footer-icon  {
	height: auto;
	width: auto;
	float: left;
}
.footer-icon a  {
	height: 48px;
	width: 48px;
	float: left;
	text-decoration: none;
	display: block;
	margin-bottom: 8px;
	margin-right: 8px;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	color: #FFF;
	line-height: 48px;
	text-align: center;
	font-size: 24px;
	background-color: #26ADE4;
	text-shadow: rgba(0,0,0,.50) px 4px 0px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.footer-icon a:hover  {
	background-color: #FFF;
	color: #26ade4;
}
.footer-icon a:active  {
}
.footer-copy {
	float: left;
	width: 100%;
	height: auto;
	line-height: 60px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(255,255,255,.25);
}
.footer-copy-left {
	float: left;
	height: auto;
	width: auto;
}
.footer-copy-right {
	float: right;
	height: auto;
	width: auto;
}

/* Forms
----------------------------------------------- */

.text-field {
	height: 40px;
	width: 100%;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	color: #333;
	position: relative;
	padding: 0px;
	background-color: #F8F8F8;
	text-indent: 9px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin: 0px;
	border: 1px solid #DDD;
	font-weight: 700;
	line-height: normal;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	letter-spacing: 0.03em;
}
.text-field:hover {
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.text-field:focus {
	background-color: #FFF;
	border-top-color: #26ADE4;
	border-right-color: #26ADE4;
	border-bottom-color: #26ADE4;
	border-left-color: #26ADE4;
	outline: none;
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
}
.text-hidden {
	display: none;
	visibility: hidden;
}
.text-area {
	width: 100%;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	color: #333;
	position: relative;
	background-color: #F8F8F8;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	margin: 0px;
	border: 1px solid #DDD;
	font-weight: 700;
	line-height: normal;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	letter-spacing: 0.03em;
	padding-top: 8px;
	padding-right: 9px;
	padding-bottom: 8px;
	padding-left: 9px;
}
.text-area:hover {
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
.text-area:focus {
	background-color: #FFF;
	border-top-color: #26ADE4;
	border-right-color: #26ADE4;
	border-bottom-color: #26ADE4;
	border-left-color: #26ADE4;
	outline: none;
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
}
.styled-select select {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	border: 1px solid #DDD;
	height: 40px;
	width: 100%;
	color: #AAA;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	background-color: #F8F8F8;
	outline: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-weight: 700;
	letter-spacing: 0.03em;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 9px;
}
.styled-select:after {
	content: "\25bc";
	font-size: 60%;
	position: absolute;
	top: 0;
	right: 0;
	color: #AAA;
	pointer-events: none;
	line-height: 40px;
	padding-right: 9px;
}
input.submit {
	width: 100%;
	height: 60px;
	display: block;
	font-size: 18px;
	font-weight: 900;
	color: #26ADE4;
	text-align: center;
	text-decoration: none;
	text-decoration: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	cursor: pointer;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
	font-family: 'Lato', sans-serif;
	border: 1px solid #26ADE4;
	background-color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	line-height: normal;
}
input.submit:hover {
	background-color: #26ADE4;
	color: #FFF;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
}
input.submit:active {
}
form p {
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: auto;
}
form p label {
	position: absolute;
	top: 0;
	left: 0;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	color: #AAA;
	z-index: 9;
	cursor: text;
	padding-top: 9px;
	padding-left: 10px;
	font-weight: 700;
	line-height: normal;
	letter-spacing: .03em;
}
form textarea {
	resize: vertical;
}
form p br {display: none;}

.blog-form .text-field {
	background-color: #FFF;
	text-indent: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.blog-form .text-field:hover {
}
.blog-form .text-field:focus {
}
.blog-form input.submit {
	color: #FFF;
	background-color: #26ADE4;
	text-shadow: rgba(0,0,0,.2) 0px 1px 1px;
	height: 44px;
}
.blog-form input.submit:hover {
	background-color: #FFF;
	color: #26ADE4;
	text-shadow: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.blog-form input.submit:active {
}


/* YouTube Videos
----------------------------------------------- */

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}