/*------------------------------------------------------------------
File:		custom css
Project:	speedy Appliance Service
Author: 	http://drivenlocal.com/ - AS #468EDC
-------------------------------------------------------------------*/
body { 
	color: #000;
	font:400 16px / 1.5 "Roboto", sans-serif;
	overflow-x: hidden;
}
em { color: #000; }
h1, h2, h3, h4, h5, h6 {
	margin:0 0 15px;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	color:#798810;
	text-transform:none;
}
h3 { color: #333336; }
h5 {
	color: #D00100;
	text-transform: uppercase;
	font-weight: 500;
}
h6 { font-weight: 500; }
.frame {
	padding: 2px;
	border: 1px solid #333336;
}
.text-red { color: #D00100; }
.hide { display: none; }

/* ===== Header ===== */
.top-bar {
	background: #000;
	padding: .5em 0;
}
.top-bar p { 
	color: #fff; 
	margin-bottom: 0;
	text-align: center;
}
header {
	background: #434345;
}
header .uk-container {
	padding:.5em 1em;
}
.logo img {
	float: left;
	margin-top: 40px;
}
.phone {
	float: right;
	text-align: center;
}
.phone h1 {
        margin:0px;
}
.phone h1 a { color: #C0D52E; font-size: 20px; line-height: 20px; padding-top: 0px; margin-top: 0px; }
.phone h1 a:hover { text-decoration: none; }
.phone .box {
	background: #F5F9ED;
	border: 4px solid #000;
        padding: 0px 10px;
	text-align: center;
}
.phone h6, .phone h5, .phone p { margin:3px 0; }
.phone .box p { margin-bottom: 0; }
.phone i { display: none; }

.service_area_phone {
    background: #F5F9ED;
    border: 4px solid #000;
    margin: 5px 0px;
    padding: 0px 15px;
}

.service_area_phone .area {
    text-align: justify;
    padding: 0px 5px;
}

.service_area_phone .area_phone a {
    color: red;
}
.social-top { 
	clear: both;
	background: #C0D52E;
	z-index: 9999;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.9);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.9);
	padding: 8px 0 5px 0;
	text-align: right;
}
.social-top h6 {
	display: inline-block;
	color: #798810;
	font-size: 1.4em;
	line-height: 1; 
	margin: 0;
	font-weight: 400;
}
.social-top a i { 
	color: #D00100;
	font-size: 1.6em;
	line-height: 1; 
	margin-left: 4px;
}
.social-top a:hover i { color: #F5F9ED; }
@media screen and (max-width: 1219px) {
	.phone h1 a{
		font-size: 18px;
	}
}
@media screen and (max-width: 983px) {
	.phone h1 {
		font-size: 24px;
		line-height: 30px;
	}
	.phone h1 a {
		font-size: 16px;
	}
}
@media screen and (max-width: 930px) {
	.phone h1 {
		font-size: 24px;
	}
	.phone h5 {
		font-size: 16px;
	}
		.phone p {
		font-size: 14px;
	}
}
@media screen and (max-width: 900px) {
	.top-bar .uk-container { padding: 0 5px; }
	.logo img { max-height: 135px; }
}
@media screen and (max-width: 905px) {
	.logo img, .phone { float: none; text-align: center; display: block; margin: 0 auto; }
	.phone h1 { margin-top: .5em; margin-bottom: 0; }
	.phone .box { width: auto; display: inline-block; }
		.phone h1 {
		font-size: 30px;
		line-height: 30px;
	}
	.phone h1 a {
		font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.social-top { text-align: center; }
}
@media screen and (max-width: 724px) {
	.top-bar p { font-size: 14px; }
}
@media screen and (max-width: 510px) {
			.phone h1 {
		font-size: 30px;
		line-height: 30px;
	}
	.phone h1 a {
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.phone h1 span { display: none; }
	.phone h1 { background: #C0D52E; border: 3px solid #333336; border-radius: 6px; margin-bottom: 10px; padding: 4px 5px 0; font-size: 24px; }
	.phone h1 a {  color: #000; }
	.phone i { display: inline-block; }
	.phone br {
		display: none;
	}
	header { max-width: none; }
	.social-top .uk-container { padding: 0 4px; }
	.social-top h6 { font-size: 1.3em; }
	.social-top a i { font-size: 1.5em; margin-left: 2px; }
}
@media screen and (max-width: 425px) {
	.phone h1 {
		font-size: 20px;
	}
}
@media screen and (max-width: 372px) {
	.phone h1 {
		font-size: 18px;
	}
}
@media screen and (max-width: 335px) {
	.phone h1 {
		font-size: 16px;
	}
}

/* ===== Hero ===== */
.hero {
	background: url(images/hero2.jpg) top center;
	border-bottom: 3px solid #333336;
	height: 300px;
	position:relative;
	z-index: -1;
}
.hero .uk-container { 
	position: relative; 
	height: 300px; 
	padding: 0; 
	overflow: hidden;
}
.promise {
	background: rgba(51,51,54,.8);
	position: absolute;
	bottom: -140px;
	left: 0;
	top: auto;
	border-radius: 200px;
	width: 400px;
	height: 400px;
	z-index: 1;
}
.promise-text {
	background: rgba(255,255,255,.9);
	position: absolute;
	bottom: 10px;
	left: 10px;
	top: auto;
	padding: 85px 10px 0;
	text-align: center;
	border-radius: 190px;
	width: 380px;
	height: 380px;
	z-index: 1;
}
.promise h6 { margin-bottom: 2px; }

@media screen and (max-width: 480px) {
	.hero { background: url(images/hero-m2.jpg) top right no-repeat; background-size: cover; height: 399px; }
	.hero .uk-container { height: 399px; }
	.promise {
		bottom: -75px;
		left: 5px;
		border-radius: 150px;
		width: 300px;
		height: 300px;
	}
	.promise-text {
		padding: 30px 10px 0;
		border-radius: 140px;
		width: 280px;
		height: 280px;
	}
}

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

/* ===== Content Area ===== */
.content {
}
.cta {
	text-align: center;
	margin: 1em 0;
}
.cta h5, .cta h3, .cta p { margin: 0; }
.content ul { list-style: none; padding-left: 50px; }
.content ul li {
	margin-bottom: 5px;
}
.content ul li:before { margin: 0 5px 0 -20px !important; }
.brands-list {
	background: rgba(255,255,255,.8);
	border:4px double #e2e2e2;
}
.content ul ul { list-style-type: disc; }
.content ul ul li:before { display: none; }
.brands-list .uk-width-small-1-3 { border-right: 4px double #e2e2e2; }
.brands-list .uk-width-small-1-3:last-of-type { border-right: none; }
.brands-list ul {
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.brands-list ul li:before { display: none !important; }

@media screen and (max-width: 768px) {
	.content { margin-bottom: 1.5em; }
	.content ul { text-align: left; display: table; margin: 1em auto; max-width: 70%; padding-left: 5px; }
	.content ul ul { margin: 1em 0; padding-left: 40px; max-width: none; }
	.brands-list ul { margin: 0; text-align: center; display: block; max-width: none; }
	.uk-align-medium-right, .uk-align-medium-left { margin-right: auto; margin-left: auto; }
}
@media screen and (max-width: 480px) {
	.content ul { max-width: none; }
	.brands-list { padding: 10px; }
	.brands-list ul { padding: 0; }
	.brands-list .uk-width-small-1-3 { border-right: none; }

}

/* ===== Sidebar =====*/
.sidebar {
}
/* Widgets */
.widget {
	margin-bottom: 1em;
}
.widget-title h2 {
	font-weight: 400;
	margin-bottom: 0;
}
.widget-content {
	background: rgba(255,255,255,.8);
	border:1px solid #e2e2e2;
	padding: 10px;
}
.widget-content h5 { margin-bottom: 5px; }
.widget-content p { margin-top: 0; }
.sidebar ul {
	list-style: none;
	padding: 0;
	margin:0 0 0 5px;
}
.sidebar ul li {
	margin-bottom: 3px;
}
.sidebar ul li:before, .content ul li:before {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f0ad";
	margin:0 5px 0 -5px;
	color: #C0D52E;
}
@media screen and (max-width: 768px) {
	.sidebar { text-align: center; }
}

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

footer { 
	background: #C0D52E; 
	color: #F5F9ED;
}
footer a, footer a:hover { color:#798810; }
.footerTop {
	background: #333336;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #000;
}
.footlo { margin-top: 30px;}
/*@media screen and (max-width: 1219px) { 
	.footlo { 
		display: block;
		float: none !important;
	}
	.footlo .uk-align-left { 
		float: none;
	}
		.footlo h2 { 
		display: block;
		float: none;
	}
}*/
.footer-logo {  }
.footerTop h2, .footerTop h4, .footerTop h6 { text-shadow:1px 1px 1px #000; color: #F5F9ED; }
ul.area-list { 
	list-style: none; 
	margin:0;
	padding: 0;
}
ul.area-list li { 
	margin: 3px;
	float: left;
	text-align: center;
	border: 1px solid #b1b1b1;
	padding: 5px 8px;
	min-width: 70px;
}
ul.area-list li:hover {
	background: #272729;
}
ul.area-list li:hover a {
	color: #fff;
	text-decoration: none;
}
.copyright {
	padding-top: .5em;
	padding-bottom: .5em;
}
.copyright-data { float: left; }
.copyright p { margin: 0 0 5px; color: #333336; }

/* Back to Top link */

.backtotop {
	background: rgba(0,0,0,0.3);
	padding: 10px 15px;
	font-size: 18px;
	color: #FFF;
	border-radius: 3px;
	-webkit-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
	float: right;
}
.backtotop:hover { background: rgba(0,0,0,0.4); text-decoration: none; }

@media screen and (max-width: 818px) {

	.copyright p { text-align: center; }
	.copyright-data, .backtotop { float: none; }
	.backtotop { display: table; margin: .7em auto; }
	/*.footerTop .uk-width-medium-4-10 { position: relative; padding-top: 125px; }*/
	.footer-logo { position: absolute; top: 0; left: 1em; }
}
@media screen and (max-width: 767px) {
	.footerTop .uk-width-medium-4-10 { padding-top: 0; height: 125px; }

	ul.area-list li { float: none; display: inline-block; margin: 3px 1px; }
}
@media screen and (max-width: 762px) {
	.footlo img {
		display: block;
		margin: auto;
		float: none;
	}
}
@media screen and (max-width: 480px) {

	.footerTop .uk-width-medium-4-10 { padding-left: 6em; }
}
@media screen and (max-width: 355px) {

	.footerTop .uk-width-medium-4-10 { height: 135px; }
}


.footerTop ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fridge-brands {
    float:left;
    border: 4px double #e2e2e2;
    background: rgba(255,255,255,.5);
    padding: 10px;
    margin-bottom: 1em;
    text-align: center;
}
.fridge-brands img {
    float:left;
    background: #fff;
    margin: 3px 3px;
    border: 1px solid #e2e2e2;
}