/*------------------------------------------------------------------
File:		custom css
Project:	Driven Local Framework v1.0
Author: 	https://drivenlocal.com/ - AG
-------------------------------------------------------------------*/
body { 
	font:400 16px / 1.4 'Lato', sans-serif;
	color: #e4ded7;
	background: #000;
}
.uk-container {
	border-right: 1px solid #8f8f8f;
	border-left: 1px solid #8f8f8f;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
}
em { color: inherit; }
a { color: #fff; }
a:hover { color: #32a396; text-decoration: none; }
.text-color { 
}
hr {
	margin: 18px;
	border-top: 1px dotted #4e4e4c;
}
.frame {
	border: 1px solid #4e4e4c;
}
.mobile-only { display: none; }
.desktop-only { display: block; }
@media screen and (max-width: 850px){
	.uk-align-medium-right { float: none; display: block; margin: 0 auto; }
}
@media screen and (max-width: 767px){
	.mobile-only { display: block; }
	.desktop-only { display: none; }
}

/* ===== Header ===== */
header {
	padding: 1em !important;
	position: relative;
}
.social {
	position: absolute;
	top: .5em;
	right: 1em;
}
.social a, .social img {
	width: 30px;
	height: 30px;
	display: block;
}
.social a {
	line-height: 30px;
	text-align: center;
	background: #375794;
	border-radius: 4px;
	margin-left: 4px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
}
.social a.pinterest { background: #ca1517; }
.social a.instagram { background: #4f7ca2; }
.social i { font-size: 22px; line-height: 30px; vertical-align: middle; color: #fff; }
.social i.fa-instagram { font-size: 24px; vertical-align: top; }
.logo img {
	float: left;
	max-height: 115px;
	margin-top: 15px;
}
.phone {
	float: right;
	margin-top: 2.5em;
	text-align: right;
}
.phone h3, .phone h4 { margin:0; }
.phone h3 { 
	display: inline-block;
	margin-left: 10px;
}
.phone h3 a { color: #fff; }
.phone i { font-size: .75em; color: #fff; }

@media screen and (max-width: 1220px) {
	.logo { max-width: 40%; }
	.phone { margin-top: 1.5em; }
}
@media screen and (max-width: 875px) {
	header { padding: .5em .5em 2.5em !important; }
	/*.social a, .social img { display: block; margin-left: 0; margin-bottom: 6px; }*/
	.social { position: relative; top: auto; right: auto; text-align: center; }
	.social a { margin: 0 2px; }	
	.phone h4 { display: none; }
	.logo img, .phone { float: none; text-align: center; display: block; margin: 0 auto; }
	.logo { max-width: none; }
	.logo img { max-height: 105px; }
	.phone { margin-top: .5em; }
}
@media screen and (max-width: 480px) {
	header { padding: .5em .5em 4.2em !important; }
	.phone h3 { margin-left: 0; margin-bottom: 8px; display: block; }
	.phone h3 a { background: #fff; color: #4e4e4c; padding: 3px 10px; display: inline-block; border-radius: 4px; border: 1px solid #32a396; }
	.phone i { color: #4e4e4c; }
}

/* ===== Navigation ===== */
nav {
	width: 50%;
	position: absolute;
	bottom: 0;
	right: 1em;
}
nav ul {
	margin:0;
	padding:0;
	list-style:none;
	display: table;
	width: 100%;
}
nav ul li {
	display: table-cell;
	width: 25%;
	position: relative;
}
nav ul li a {
	display: block;
	text-align: right;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 500;
	color: #e4ded7;
}
nav ul li i { font-size: 80% !important; }
nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}
ul.uk-dropdown {
	background: #000;
	border-radius: 0;
	margin-top: 8px;
	padding: 7px 15px;
	width: 250px;
}
ul.uk-dropdown li {
	display: block;
	width: 100%;
	padding: 5px 0 5px 10px;
}
ul.uk-dropdown li:before {
	color: #32a396;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f054";
	margin: 0 5px 0 -15px;
	vertical-align: middle;
	line-height: 17px;
	font-size: 11px;
}
ul.uk-dropdown li a {
	text-align: left;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
}

@media screen and (max-width: 875px) {
	nav { width: 100%; bottom: .25em; }
	nav ul li a { text-align: center; }
}
@media screen and (max-width: 480px) {
	nav { background: #000; left: 0; bottom: 1px; }
	nav ul li { width: 50%; float: left; display: block; padding: 6px 10px 6px 20px; border: 1px solid rgba(78,78,76,.6); }
	nav ul li a { text-align: left; }
	ul.uk-dropdown li { border: none; }
	ul.uk-dropdown { margin-top: 4px; margin-left: .5em; }
}

/* ===== Main Content ===== */
.main-content {
	padding: 2em 1em;
	background: #000;
}

/* ===== Content Area ===== */
.content {
}
.uk-panel, .uk-panel-teaser>* {
	border-radius: 0 !important;
}
.uk-panel-box {
	background: #000;
	border: none;
	padding: 0;
	color: #fff;
}
.uk-panel-teaser { margin-bottom: 0 !important; }
.uk-caption {
	-webkit-transition: opacity .4s linear;
	transition: opacity .4s linear;
	background: rgba(0,0,0,.75);
	opacity: 0;
	filter:alpha(opacity=0);
}
.uk-caption:hover { opacity: 1; filter:alpha(opacity=1); }
.captionArea {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.captionArea:not(:empty) { font-size: 0; }
.captionArea:not(:empty):before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.captionContent {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	color: #e4ded7;
	font-size: 16px;
	width: 100%;
}

.button {
	background: #32a396;
	border: none;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #1cabca, 1px 1px 0 #1cabca;
	font-weight: 500;
	letter-spacing: .5px;
	line-height: 1;
	-webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.7);
	box-shadow: 1px 1px 4px 0 rgba(0,0,0,.7);
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}
.button:hover {
	color: #fff;
	text-shadow: 1px 1px 1px #1cabca, 1px 1px 0 #1cabca;
	background: #2c8d82;
}

.container { 
	overflow: hidden;
	-webkit-transition: outline .3s ease-in;
	-moz-transition: outline .3s ease-in;
	-ms-transition: outline .3s ease-in;
	-o-transition: outline .3s ease-in;
	transition: outline .3s ease-in;
	outline: 1px solid rgba(255,235,211,0);
}
.container:hover {
	outline: 1px solid rgba(255,235,211,1);
}
.gallery img {
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.gallery img:hover {
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.beforeAfter .uk-width-medium-1-3:nth-child(odd) { margin-right: 6em; }

.content ul { list-style-type: none; }
.content ul li:before {
	color: #32a396;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	content: "\f054";
	margin: 0 5px 0 -15px;
	vertical-align: middle;
	line-height: 17px;
	font-size: 11px;
}
.content ul li { margin: 4px 0; }
.social-contact {
	position: relative;
	top: auto;
	right: auto;
}
.content .fa-phone, .content .fa-map-marker, .content .fa-envelope-o {
	font-size: 90%;
	margin-right: 4px;
}

@media screen and (max-width: 767px){
	.content ul { text-align: left; display: table; margin: 1em auto; max-width: 70%; }
	.social-contact a { display: inline-block; margin-left: 4px; margin-bottom: 0; }
	.beforeAfter .uk-width-medium-1-3:nth-child(odd) { margin-right: 0; }
}
@media screen and (max-width: 500px){
	.content ul { max-width: 95%; }
}


/* ===== Sidebar =====*/
.sidebar {
}
/* Widgets */
.widget {
}
.widget-title {
}
.widget-content {
}

/* ===== Footer ===== */

footer {
	background: #000;
	padding: 1em !important;
	position: relative;
}
footer p { margin:3px 0; }

/* Back to Top link */

.backtotop {
	background: #8f8f8f;
	padding: 15px;
	font-size: 16px;
	line-height: 1;
	color: #000;
	border-radius: 3px;
	-webkit-transition: background 0.1s ease-in-out;
	transition: background 0.1s ease-in-out;
	position: absolute;
	right: .5em;
	top: auto;
	bottom: 1em;
}
.backtotop i { padding-left: 3px; }
.backtotop:hover { background: #797979; color: #000; }

@media screen and (max-width: 480px){
	footer p { text-align: center; }
	.backtotop { position: relative; text-align: center; bottom: auto; top: auto; right: auto; display: table; margin: 0 auto; margin-top: 1em; }
}
/*
     FILE ARCHIVED ON 06:19:54 Jun 10, 2023 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:28:20 Jun 06, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.669
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.05
  esindex: 0.011
  cdx.remote: 66.153
  LoadShardBlock: 404.904 (3)
  PetaboxLoader3.resolve: 791.669 (4)
  PetaboxLoader3.datanode: 140.744 (5)
  load_resource: 558.625
  loaddict: 46.194
*/