/*
Theme Name: London Locksmith 24/7
Theme URI: http://london_locksmith_24_7
Author: the London Locksmith team
Author URI: http://london_locksmith_24_7
Description: London Locksmith 24/7 landing page, blue
Version: 1.0
License: /
License URI: /
Tags: blue, responsive, London Locksmith, 24/7
Text Domain: london_locksmith_24_7
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/*  ==============================================
Table of Contents
==============================================

1. Reset Styles 
2. Layout and General Styles
3. Header
4. Teaser
5. Services
6. Emergency
7. About Us
8. Contact
9. Custom styles

============================================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300);
@import url("fonts.css");

/* ==============================================
1 - Reset Styles
============================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ==============================================
2 - Layout and General Styles
============================================== */

body {
	background: #ffffff;
	direction:ltr;
	padding-bottom:120px;
	color:#072A51;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h1 {
	font-size: 36px;
	color: #072A51;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 300;
}

h2 {
	font-size: 28px;
	line-height: 32px;
	color: #072A51;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin-bottom: 0px;
}

h3 {
	font-size: 23px;
	line-height: 25px;
	color: #072A51;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin-bottom: 0px;
}

h4 {
	font-size: 17px;
	line-height: 24px;
	color: #072A51;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 0px;
}

h5 {
	font-size: 14px;
	line-height: 18px;
	color: #072A51;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 0px;
}

p {
	font-size: 15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 24px;
	margin-bottom: 0px;
	color: #072A51;
}

a {
	text-decoration: none;
	color: #3097be;
	-webkit-transition: color linear .2s;
	-moz-transition: color linear .2s;
	-o-transition: color linear .2s;
}

a:hover {
	text-decoration: none;
	color: #207291;
}

.padding-top {
	padding-top: 50px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.image-left {
	float: left;
	margin: 0 30px 30px 0;
}

.image-right {
	float: right;
	margin: 0 0 30px 30px;
}

.no-margin-bottom {
	margin-bottom: 10px;
}

.container {
	padding:0px;
	width:1002px;
}

.color-text {
	color: #3097be;
}

.color-background {
	background: #3097be;
	color: #ffffff;
}

.color-background h2 {
	color: #ffffff;
}

.white-background {
	background: white;
}

.light-gray-background {
	background: #f2f2f2;
}

.gray-background {
	background: #dedede;
}

.dark-gray-background {
	background: #333333;
}

.dark-gray-background h2 {
	color: #ffffff;
}

.dark-gray-background p {
	color: #bebebe;
}

.darker-background {
	background: #191919;
}

.darker-background h2 {
	color: #ffffff;
}

.darker-background h3 {
	color: #ffffff;
}

.darker-background p {
	color: #bebebe;
}

.hero-section {
	-webkit-transition: background linear .2s, color linear .2s;
	-moz-transition: background linear .2s, color linear .2s;
	-o-transition: background linear .2s, color linear .2s;
}

.hero-section:hover {
	background: #333333;
}

.button-dark {	
	background: #ffffff;
	color: #3097be;
	padding: 12px 30px 12px 30px;
	font-size: 20px;
	font-family:Arial, Helvetica, sans-serif;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	-o-border-radius: 10px; 
	border-radius: 10px;
	-webkit-transition: background linear .2s, color linear .2s;
	-moz-transition: background linear .2s, color linear .2s;
	-o-transition: background linear .2s, color linear .2s;
	display: block;
	text-align: center;
}

.button-dark:hover {
	background: #3097be;
	color: #ffffff;
}

.form-error {
	background-color: #610000 !important;
}

label.error {
	display: none !important;
}

/* ==============================================
3 - Header
============================================== */

.header {
	background:#ffffff;
	width: 100%;
	height: 73px;
	border-bottom:5px solid #072a51;
}

body.fixed-nav .header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.header .container {
	padding: 0px;
	border:none;
	position:relative;
}

.header .container .span12{width:1002px;}

.logo {
	padding:0px;
}
.logo a{ padding:0px;}
.logo a, .logo img{margin:11px 4px; padding:0px; max-width:160px;}

ul.nav {
	float: right;
	margin-bottom: 0px;
	/*width:560px;*/
	padding-right:317px;
	padding-top:22px;
	text-align:center;
}

ul.nav li {
	position:relative;
	float: none;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style:normal;
	font-weight:300;
	padding-top:5px;
	text-align:right;
}

ul.nav li a {
	padding:3px 11px 0;
	line-height:15px;
	color: #072a51;
	font-family:'Myriad Hebrew',Arial, Helvetica, sans-serif;
	border-left:1px solid #072a51;
}
ul.nav li:first-child a{border:none;}
ul.nav li a:hover{
	outline:none;
	background:#ffffff;
	text-decoration:underline;
}
ul.nav li a.selected:active{}

ul.nav li > ul {
	position: absolute;
	width: 100%;
	background: #ffffff;
	display: none;
	min-width: 175px;
}

a.phone_btn
{
	display:block;
	position:absolute;
	right:0px;
	top:5px;
	width:271px; 
	height:74px;
	line-height:74px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:35px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	background:url(../images/locksmith_btn_01.png) top no-repeat;
	margin-top:-5px;
	margin-right:-7px;
	margin-left:9px;
	padding:0px;
	padding-left:32px;
	border:none;	
}
a.phone_btn:hover{text-decoration:none;}

.mobile-nav {
	margin-top: 20px;
}

/* ==============================================
4 - Teaser
============================================== */

.teaser {
	margin-top: 0px;
	background:#072a51 url(../images/teaser_bg.png) 0px 78px repeat-x;
	min-height:430px;
	border-bottom:5px solid #072a51;
	overflow:hidden;
	position:relative;
}

body.fixed-nav .teaser {
	padding-top: 78px;
	/*margin-top:78px;*/
}

.teaser .container {
	padding: 0px;
	overflow:hidden;
	border:none;
	background:url(../images/locksmith-master.png) 530px bottom no-repeat;
	min-height:430px;
	position:relative;
	z-index:9;
}
.teaser .white_bg_holder
{
	position:relative;
	margin:0 auto;
	z-index:8;
}
.teaser .white_bg
{
	width:100%; 
	height:100%;
	background:#ffffff;
	left:100%;
	top:0px;
	position:absolute;
}
.teaser .container .text{
	max-width:600px; 
	padding-top:15px;
}
.teaser .container .text .title
{
	background:url(../images/transparent_clock.png) top left no-repeat;
	height:40px;
	line-height:40px;
	padding-left:60px;
	font-size:33px;
	font-weight:bold;
	margin-bottom:20px;
	color:#ffffff;
}
.teaser .container .text ul li
{
	background:url(../images/teaser_text_holder_line_bg.png) top left no-repeat;
	height:31px;
	padding-left:10px;
	padding-top:2px;
	line-height:31px;
	color:#072A51;
	font-family:'Myriad Hebrew',Arial, Helvetica, sans-serif;
	font-size:21px;
	margin-top:8px;
}
.teaser .container .text ul li:before{
	display:inline-block;
	zoom:1;
	*display:inline;
	content:'';
	width:18px;
	height:14px;
	margin-right:10px;
	margin-top:-2px;
	vertical-align:middle;
	background:url(../images/red_check.png) center no-repeat;
}

.title_holder
{
	font-size:36px;
	font-style:italic;
	font-weight:bold;
	color:#072A51;
	padding-left:0px;
	text-align:center;
	width:580px;
	height:55px;
	padding-top:14px;
	padding-bottom:35px;
	line-height:55px;
	background:url(../images/title_holder_bg.png) top no-repeat;
}
.teaser .phone_number_bellow_title{text-align:center; padding-top:5px; display:none;}
.teaser .phone_number_bellow_title a.phone_number
{
	background:url(../images/phone_number_btn.png) left top no-repeat;
	padding-left:30px;
	width:187px;
	height:47px;
	display:inline-block;
	line-height:47px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

.testimonial-holder
{
	position:absolute;
	width:265px;
	padding:8px 12px;
	box-sizing:border-box;
	right:75px;
	top:185px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.4;
	text-align:left;
	background:#ffffff;
	border:1px solid #000000;
	border-radius:8px;	
}
.testimonial-holder .name{
	font-weight:700;
}
.testimonial-holder .text{
	padding:0 !important;
}

/* ==============================================
5 - Services
============================================== */

.services{background:#E7E7E7;}
.services .container {
	padding-top: 0px;
}

.services .col_50
{
	width:50%;
	float:left;
}
.services .col_01 .title, .services .col_02 .title
{
	padding-left:65px;
	width:280px;
	height:46px;
	line-height:40px;
	font-size:21px;
	font-weight:bold;
	color:#072A51;
	overflow:hidden;
}
.services .col_01 .title{background:url(../images/services_btn.png) top left no-repeat;}
.services .col_02 .title{background:url(../images/testimonials_btn.png) top left no-repeat; float:right;}

.services .lists{padding:10px 0px; padding-top:30px; margin:20px 0px; margin-top:0px; position:relative;}
.services .col_01 .lists{padding-left:25px; border-right:1px solid #cccccc;}
.services .col_01 .lists ul{float:left;}
.services .col_02 .lists{padding-right:28px;}
.services .col_02 .lists ul{margin-left:15px; margin-right:0px; float:right;}
.services .lists ul{margin-right:15px;}
.services .lists ul li
{
	background:url(../images/services_list_style.png) 0px 5px no-repeat;
	padding-left:18px;
	font-size:17px;
	line-height:20px;
	margin:12px 0px;
}
.services .lists-2 ul{padding-left:45px; padding-top:25px;}
.services .lists-2 ul li
{
	background:url(../images/red_check.png) left 2px no-repeat;
	padding-left:30px;
	margin:12px 0px;
	font-size:17px;
	line-height:20px;
}

/* ==============================================
6 - Emergency
============================================== */

.emergency{}
.emergency .container{}
.emergency .container .header_title{background:url(../images/head_title.png) top left no-repeat; height:56px; line-height:56px; padding-left:20px; font-size:31px; font-weight:bold; color:#ffffff;}

.emergency .col_48{width:48%;float:left;}
.emergency .col_50{width:50%;float:left;}
.emergency .col_52{width:52%;float:left;}

.emergency .col_01{background:url(../images/v_separator.png) right center no-repeat;}
.emergency ul{padding-left:10px;}
.emergency ul li
{
	background:url(../images/red_check.png) left 2px no-repeat;
	padding-left:30px;
	margin:12px 0px;
	font-size:17px;
	line-height:20px;
}
.emergency .col_02 a.phone_number
{
	background:url(../images/phone_number_btn.png) left top no-repeat;
	padding-left:30px;
	width:187px;
	height:47px;
	display:block;
	line-height:47px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

/* ==============================================
7 - About Us
============================================== */

.about{background:#E7E7E7;}
.about .container{}
.about .container .header_title{background:url(../images/head_title.png) top left no-repeat; height:56px; line-height:56px; padding-left:20px; font-size:31px; font-weight:bold; color:#ffffff;}

.about .col_44{width:44%;float:left;}
.about .col_02{float:right;}

.about .col_02 a.phone_number
{
	background:url(../images/phone_number_btn.png) left top no-repeat;
	padding-left:30px;
	width:187px;
	height:47px;
	display:block;
	line-height:47px;
	font-size:24px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
}

/* ==============================================
8 - Footer
============================================== */
#footer{
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	padding:40px 0 30px;
	background:#072a51;
	z-index:1000;
}
.footer .span12{
	width:100%;
}
.footer .footer-logo {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin-left: 5px;
}
.footer .footer-logo:first-child{
	margin-left:0;
}
.footer a.phone_number
{
	background:url(../images/footer_phone_btn.png) left top no-repeat;
	padding-left:32px;
	width:263px;
	height:47px;
	display:block;
	line-height:51px;
	font-size:31px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	box-sizing:border-box;
}

/* =========================================
9 - Custom styles
========================================= */

.locksmith-master-popup{
	position:fixed;
	left:-300px;
	top:30%;
	width:250px;
	padding:10px 25px 10px 65px;
	min-height:71px;
	box-sizing:border-box;
	background:#fffee0 url(../images/popup-logo.png) 12px 15px no-repeat;
	border:1px solid #000000;
	border-radius:4px;
	font-size:12px;
	line-height:1.4;
	opacity:0;
	color:#000000;
	z-index:100000;
}
.locksmith-master-popup .close{
	position:absolute;
	right:5px;
	top:4px;
	width:16px;
	height:16px;
	background:url(../images/popup-close.png) center no-repeat;
	opacity:1;
	cursor:pointer;
}

.span7{float:right; width:1002px; margin-left:0px;}
.span6{width:400px; float:right; padding-left:60px;}
.offset1{margin:0px;}
.our_clients .row{margin:0px;}

.container .header_title
{
}


.posRel{position:relative;}
.posAbs{position:absolute;}

.displayNone{display:none;}

.clearBoth{clear:both;}
.floatLeft{float:left;}
.floatRight{float:right;}

.fontSize22px{font-size:22px;}
.fontSize24px{font-size:24px;}
.fontSize27px{font-size:27px;}
.fontSize28px{font-size:28px;}
.fontSize30px{font-size:30px;}
.fontSize31px{font-size:31px;}
.fontSize34px{font-size:34px;}
.fontSize38px{font-size:38px;}
.fontSize42px{font-size:42px;}
.lineHeight22px{line-height:22px;}
.lineHeight28px{line-height:28px;}
.lineHeight30px{line-height:30px;}
.lineHeight32px{line-height:32px;}
.lineHeight45px{line-height:45px;}
.lineHeight50px{line-height:50px;}
.lineHeight65px{line-height:65px;}
.bold{font-weight:bold;}

.textAlignCenter{text-align:center;}
.textAlignRight{text-align:right;}
		
.color_fff{color:#FFFFFF;}
.color_orange{color:#f0a03e !important;}
.color_dark_orange{color:#D75527;}

.bg_000{background:#000000;}
.bg_fff{background:#FFFFFF;}
.bg_light_grey{background:#E6E6E6;}

.width249px{width:249px;}
.width270px{width:270px;}
.width585px{width:585px;}


.height10px{height:10px;}
.height15px{height:15px;}
.height20px{height:20px;}
.height25px{height:25px;}
.height85px{height:85px;}
.height100{height:100%;}
		
.paddingTop0px{padding-top:0px;}
.paddingTop8px{padding-top:8px;}
.paddingTop9px{padding-top:9px;}
.paddingTop10px{padding-top:10px;}
.paddingTop13px{padding-top:13px;}
.paddingTop15px{padding-top:15px;}
.paddingTop17px{padding-top:17px;}
.paddingTop20px{padding-top:20px;}
.paddingTop25px{padding-top:25px;}
.paddingTop30px{padding-top:30px;}
.paddingTop35px{padding-top:35px;}

.paddingRight8px{padding-right:8px;}
.paddingRight10px{padding-right:10px;}
.paddingRight30px{padding-right:30px;}
.paddingRight34px{padding-right:34px;}
.paddingRight35px{padding-right:35px;}
.paddingRight42px{padding-right:42px;}
.paddingRight50px{padding-right:50px;}

.paddingLeft20px{padding-left:20px;}

.paddingBottom0px{padding-bottom:0px;}
.paddingBottom5px{padding-bottom:5px;}
.paddingBottom10px{padding-bottom:10px;}

.marginTop_30px{margin-top:-30px;}
.marginTop_45px{margin-top:-45px;}
.marginTop_60px{margin-top:-60px;}
.marginTop8px{margin-top:8px;}
.marginTop40px{margin-top:40px;}
.marginTop60px{margin-top:60px;}
.marginLeft20px{margin-left:20px;}
.marginLeft430px{margin-left:430px;}
.marginBottom10px{margin-bottom:10px;}
.marginRight0px{margin-right:0px !important;}

.r{border:1px solid red;}

/*  ==============================================
	CSS for Mobile
============================================== */

@media (min-width: 768px) and (max-width: 1002px) {
	body{padding-bottom:76px;}
	.container, .header .container .span12, .features .span12, .our_clients  .span12, .span7{width: 724px;}
	.header .container .span12{margin-left:20px;}
	ul.nav { width:410px; padding-right:210px;}
	ul.nav li {font-size: 15px;}
	ul.nav li a{padding:0px 7px;}
	a.phone_btn
	{
		width:175px; 
		height:49px;
		line-height:49px;
		font-size:23px;
		background:url(../images/locksmith_btn_01_mobile.png) top left no-repeat;
		padding:0px;
		padding-left:25px;
	}

	.teaser .container {padding: 0px; background-position:right bottom; min-height:590px;}
	.testimonial-holder{right:265px; top:435px;}

	.services .lists{padding-left:25px;}
	.services .lists ul{padding-left:25px; margin-top:-10px; float:left !important;}
	
	.emergency ul li{font-size:15px;}
	
	.about p{font-size:14px;}
	
	.row, .intro .row{ margin-left:-20px;}

	.teaser .offset5{width:704px; margin-left:0px; float:none;}
	
	.span6{width:340px; padding-left:0px;}	
	.offset1{margin-left: 15px;}

	.teaser .text-container {
		height: 242px;
	}
	
	.header .container .span12{margin-left:0px;}
	
	.row, .intro .row{ margin-left:0px;}
	.our_clients .row{margin-left:0px !important;}
	
	#footer{padding:20px 0 15px;}
	.footer .footer-logo{margin-left:8px;}
	.footer img{height:38px;}
	.footer a.phone_number{background: url(../images/phone_number_btn.png) left top no-repeat; padding-left: 30px; width: 181px; line-height: 42px; height: 39px; font-size: 20px; background-size: auto 100% !important;}
}
@media(min-width: 768px){	
	ul.nav{display:block !important;}
	.mobile-nav{display:none !important;}
}
@media(max-width: 767px){
	body{padding-bottom:187px;}
	.teaser, .teaser .container{min-height:480px;}
	.teaser .phone_number_bellow_title{display:block;}
	.teaser .container .text{padding-top:5px;}
	a.phone_btn{display:none !important;}
	.testimonial-holder{position:absolute; left:20px; top:425px; right:auto;}
	.services .lists-2 ul{padding:10px 15px;}
	#footer{padding:15px 0;}
	.footer .span12, #footer .floatRight{float:none; clear:both; text-align:center;}
	.footer a.phone_number{margin:0 auto;}
	.footer .footer-logo{float:left; width:33.33%; text-align:center; margin:0 0 15px;}
	.footer .footer-logo img{height:37px;}
}
@media(min-width: 480px) and (max-width: 767px) {

	.container, .header .container .span12 {
		width: 460px;
	}
	
	.teaser .container{padding: 0px; padding-bottom: 135px; /*background:none;*/background-position:right bottom; background-size: 200px auto;}
	
	.teaser .container .title_holder
	{
		font-size:37px;
		font-style:italic;
		font-weight:bold;
		color:#072A51;
		padding-left:0px;
		text-align:center;
		width:460px;
		height:55px;
		padding-top:21px;
		padding-bottom:0px;
		line-height:25px;
		background:url(../images/title_holder_bg_w460.png) top left no-repeat;
	}
	
	.services .col_50{width:100%;}
	.services .col_01{border-bottom:1px solid #cccccc;}
	
	.services .col_02 .title{float:left;}
	.services .lists{padding-left:10px; border:none !important;}
	.services .lists ul{padding-left:5px; margin-top:-10px; float:left !important;}
	
	.emergency .container .header_title{background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:20px; font-size:25px;}
	.emergency .col_52, .emergency .col_48{width:100%;}
	.emergency .col_01{background:url(../images/h_separator.png) bottom center no-repeat; padding-bottom:20px;}
	.emergency .col_02{padding-top:50px;}
	.emergency ul li{font-size:15px;}
	
	.about .container .header_title{background:url(../images/head_title_w460.png) top left no-repeat; height:44px; line-height:44px; padding-left:20px; font-size:25px;}
	.about .col_44{width:96%; float:left !important;}
	.about .col{padding:0px 2% !important;}
	.about .col .paddingLeft20px{padding-left:0px !important;}
	
	.span6{padding-left:0px;}
	.span7{width:460px;}
	.features .span6 .text_holder{width:270px;}
	
	
}

@media(max-width:480px) {
	body{/*padding-bottom:77px;*/ padding-bottom:120px;}
	
	#footer .container {
	width: 100%;
}
.lists-2 span img {
	max-width: 100px;
}
.about .col_02 a.phone_number {
	margin: 0 auto;
}
.posRel.height100 .floatRight {
	float: none;
}
.footer .footer-logo:nth-child(2){
	b/*order-bottom: 1px solid #fff;
	padding-bottom: 15px;*/
}
 	.header h1 {font-size: 26px;}

 	.logo{padding:0px;}
	.logo img{max-width:120px;}
 	.mobile-nav {width: 180px;}	
 	.container, .header .container .span12 {width: 300px;}

	.fullwidth-video {height: 180px;}

	.flexslider {margin-bottom: 30px;}
	
	.teaser .offset5{width:300px; float:none;}
	
	.span6{padding-left:0px;}
	.span7, .span6{width:300px;}
	
	.teaser{min-height:430px; background-position:top;}
	.teaser .container{padding: 0px;  padding-bottom: 135px; /*background:none;*/background-position:right bottom; background-size: 200px auto; min-height:430px;}
	.testimonial-holder{left: 10px; top: 475px; right: auto;}
	
	.teaser .container .title_holder
	{
		font-size:23px;
		padding-left:0px;
		width:300px;
		text-align:center;
		height:41px;
		padding-top:11px;
		padding-bottom:0px;
		line-height:25px;
		background:url(../images/title_holder_bg_w300.png) top left no-repeat;
	}
	.teaser .container .text .title
	{
		padding-left:55px;
		font-size:23px;
	}
	.teaser .container .text ul li
	{
		background:url(../images/teaser_text_holder_line_bg_w300.png) top left no-repeat;
		height:24px;
		padding-left:8px;
		padding-top:1px;
		line-height:24px;
		font-size:15px;
	}
	.teaser .container .text ul li:before{margin-right:6px; margin-top:-1px;}

	.services .col_01 .title, .services .col_02 .title
	{
		padding-left:65px;
		width:235px;
		height:40px;
		line-height:35px;
		font-size:18px;
		overflow:hidden;
	}
	
	.services .col_50{width:100%;}
	.services .col_01{border-bottom:1px solid #cccccc;}
	
	.services .col_01 .title{background:url(../images/services_btn_w300.png) top left no-repeat;}
	.services .col_02 .title{float:left; background:url(../images/testimonials_btn_w300.png) top left no-repeat;}
	.services .lists{padding-left:10px; padding-top:18px; border:none !important;}
	.services .lists ul{padding-left:5px; margin-top:-10px; float:left !important;}
	
	.emergency .container .header_title{background:url(../images/head_title_w300.png) top left no-repeat; height:28px; line-height:28px; padding-left:15px; font-size:18px;}
	.emergency .col_52, .emergency .col_48{width:100%;}
	.emergency .col_01{background:url(../images/h_separator.png) bottom center no-repeat; padding-bottom:20px;}
	.emergency .col_02{padding-top:50px;}
	.emergency ul li{font-size:15px;}
	
	.about .container .header_title{background:url(../images/head_title_w300.png) top left no-repeat; height:28px; line-height:28px; padding-left:15px; font-size:18px;}
	.about .col_44{width:96%; float:left !important;}
	.about .col{padding:0px 2% !important;}
	.about .col .paddingLeft20px{padding-left:0px !important;}
	.about p{line-height:18px; font-size:13px;}

	.footer .footer-logo {
	/* display: none; */
	float: none;
	width: 100%;
	}
}

@media (max-width: 768px) {
	.testimonial-holder {top: 430px!important;}
	.locksmith-master-popup{display: none!important}
	.mobile-cta{display:block!important;}
}
@media (max-width: 375px) {
	.teaser {min-height: 310px!important}
	.teaser .container{background:transparent!important;padding-bottom:0!important;min-height: 310px!important}
}
.mobile-cta{
	display:none;color:#fff;font-size:18px;padding:0 0 10px;font-weight:bold
}



.footer a.phone_number {
	box-shadow: 0 0 0 rgba(255,255,252, 0.7);
	animation: pulse 1.5s infinite;
	border-radius: 15px;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
    box-shadow: 0 0 0 0 rgba(255,255,255, 0.7);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,255,255, 0);
      box-shadow: 0 0 0 10px rgba(255,255,255, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,255,255, 0);
      box-shadow: 0 0 0 0 rgba(255,255,255, 0);
  }
}

.lists-2 span {
  display: block;
}
.lists-2 span img {
  vertical-align: middle;
  margin-right: 5px;
}

ul.nav li .sub-menu a {
  border: none;
  padding-top: 10px;
  display: block;
  text-align: left;
}
ul.nav li .sub-menu {
  padding: 10px 0;
}
ul.nav li .sub-menu li {
  display: block;
}























@media (max-width: 991px) {
.float-right::before {
	content: '';
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 50px;
}
ul.nav.show {
  display: block !important;
  position: absolute;
  background: #f0f0f0;
  width: 200px;
  right: 0;
  padding: 10px 0;
  top: 19px;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  text-align: left;
  z-index: 999;
}
ul.nav.show a {
  border: none;
  padding: 5px 0px 5px;
}
ul.nav.show li {
  display: block;
  text-align: left;
  margin: 0 15px;
}
ul.nav.show li .sub-menu {
  position: inherit;
  display: block !important;
  background: no-repeat;
  text-align: left;
  padding: 0;
}
ul.nav.show li .sub-menu li a {
  text-align: left;
  padding-left: 0;
}
ul.nav.show li.menu-item-has-children > a {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.float-right {
	display: none;
}
a.mob-menu.hidden-desktop {
	display: block;
	background: #f0f0f0;
	border: 1px solid #bbb;
	border-radius: 5px;
	padding: 2vw 2.6vw;
	color: #072a51;
	font-family: 'Myriad Hebrew',Arial, Helvetica, sans-serif;
	text-align: left;
	float: right;
	width: 43vw;
	font-size: 4.4vw;
	margin-top: 4.5vw;
}
}
@media(max-width:480px) {
#footer {
	position: inherit;
}
#footer .floatRight {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #072a51;
	padding: 5vw 0;
}

}