/*
Theme Name: Locksmith4Less
Theme URI: http://www.locksmith4less.co.uk
Author: the Locksmith 4 Less team
Author URI: http://www.locksmith4less.co.uk
Description: Locksmith 4 Less landing page, yellow
Version: 1.0
License: /
License URI: /
Tags: blue, responsive, Locksmith, 4less
Text Domain: locksmith_4_less
*/

/* =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("css/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;
	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:340px;*/
	padding-right:317px;
	padding-top:25px;
}

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

ul.nav li a {
	padding:0px 11px;
	line-height:18px;
	color: #072a51;
	font-family:'Myriad Hebrew',Arial, Helvetica, sans-serif;
	border-right:1px solid #072a51;
}
ul.nav li:last-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 li a {
	border: none;
}
/*ul.nav li > ul{
	position:absolute;
	width:100%;
	background:#ffffff;
	display:none;
}*/
ul.nav li > ul {
	position: absolute;
	width: 100%;
	background: #ffffff;
	display: none;
	padding: 10px 0;
	min-width: 175px;
	text-align: center;
}
ul.nav li > ul li {
	float: none;
	text-align: left;
	padding-bottom: 5px;
	display:block;
}

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/teaser_bg_24_7.png) right top 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{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:15px;
	padding-top:2px;
	line-height:31px;
	color:#072A51;
	font-family:'Myriad Hebrew',Arial, Helvetica, sans-serif;
	font-size:21px;
	margin-top:8px;
}

.title_holder
{
	font-size:45px;
	font-style:italic;
	font-weight:bold;
	color:#072A51;
	padding-left:20px;
	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;
}

.special_offer_holder
{
	position:absolute;
	width:220px;
	right:12px;
	top:60px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	line-height:34px;
	text-align:center;	
}

/* ==============================================
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/products_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;
}

/* ==============================================
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 - Contact
============================================== */

.about .container{background:none !important;}
.about .title_holder{font-size:40px;}
.about-columns-holder{position:relative; padding-top:30px; padding-bottom:0px;}

.contact{}
.contact .container{ position:relative;}
.contact .container .header_title{background:url(images/head_title.png) top left no-repeat; height:56px; line-height:56px; padding-left:20px; font-size:27px; font-weight:bold; color:#ffffff;}
.locksmith-image
{
	position:absolute;
	right:235px;
	top:-264px;
	width:310px;
	height:320px;
	z-index:990;
}
.locksmith-image img{max-width:100%; max-height:100%;}
.speacial-offer-holder
{
	position:absolute;
	width:239px;
	height:412px;
	right:66px;
	top:35px;
	background:url(images/locksmith-special.png) center top no-repeat;
}
.special-offer
{
	position:absolute;
	width:239px;
	right:0px;
	top:39px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:27px;
	line-height:31px;
	text-align:center;	
}
.special-offer .the_number{font-size:31px; padding-top:35px;}

.contact-form{padding:40px 20px; width:427px;}
.input-holder{position:relative; width:427px; padding:3px 0px;}
.input-holder .label
{
	display:block;
	float:left;
	width:100% !important;
	height:23px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	color:#333333 !important;
	margin:0px !important; 
	padding:0px !important;
	background:none !important;
}
.input-holder .input
{
	display:block;
	float:left;
	width:96%;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:18px;
	color:#333333;
	border:2px solid #E7E7E7 !important;
	margin:0px !important; 
	padding:4px 2% !important;
}
.input-holder .input:focus
{
	outline:none !important;
	border:2px solid #333333 !important;
}
.input-holder .textarea{height:140px; max-height:140px; resize:none; overflow:auto;}
#button-submit
{
	float:right;
	display:block;
	border:none !important;
	width:217px !important;
	height:47px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:47px;
	color:#ffffff;
	background:url(images/locksmith-submit-btn.png) center top no-repeat;
	margin-top:13px;
}
#button-submit:focus{outline:none !important;}


/* =========================================
	Security Grilles
========================================= */
.security-grilles,
.security-grilles .container{
	background:none;
	border-bottom:none;
	overflow:visible;
}
.security-grilles .title_holder{
	margin-bottom:27px;
}
.right-side{
	float:right;
	width:300px;
}
.right-side .locksmith-offer{
	position:relative;
	margin-top:45px;
	width:294px;
	height:564px;
	background:url(images/security-grilles-offer.png) center top no-repeat;
}
.right-side .locksmith-offer .special-offer{
	right:15px;
	top:230px;
	font-size:24px;
}
.right-side .locksmith-offer .special-offer .the_number{
	padding-top:31px;
	font-size:27px;
	font-weight:bold;
}
.left-side{
	float:left;
	width:630px;
	margin-left:48px;
}
.security-grilles-mobile-image{
	display:none;
}
.left-side .list{
}
.left-side .list .list-item{
	position:relative;
	margin-bottom:33px;
}
.left-side .list .list-item .list-item-title{
	padding:18px 25px 17px 25px;
	background:url(images/list-item-title-bg.png) left repeat-y;
	-webkit-border-top-left-radius:30px;
	-webkit-border-bottom-left-radius:30px;
	-moz-border-radius-topleft:30px;
	-moz-border-radius-bottomleft:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	font-size:17px;
	line-height:21px;
	font-weight:bold;
	color:#ffffff;
	margin-bottom:10px;
}
.left-side .list .list-item .list-item-content{
	padding-left:25px;
	font-size:15px;
	line-height:25px;
	color:#333333;
	text-align:justify;
}
.left-side .list .list-item .list-item-content span{
	font-size:17px;
	color:#c1272d;
	font-weight:bold;
}

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


.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;}







@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;
  float: none;
}
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;
}

}




#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:first-child {
    margin-left: 0;
}
.footer .footer-logo {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: top;
    margin-left: 5px;
}
.floatRight {
	float: right;
}
.footer a.phone_number {
    box-shadow: 0 0 0 rgba(255,255,252, 0.7);
    animation: pulse 1.5s infinite;
    border-radius: 15px;
}
.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;
}
@-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);
  }
}
@-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);
  }
}

.mobile-cta {
	display: none;
	color: #fff;
	font-size: 18px;
	padding: 0 0 10px;
	font-weight: bold;
}
body {
	padding-bottom: 120px;
}


@media(max-width:480px) {

#footer {
	position: inherit;
}
#footer .container {
	width: 100%;
}
.footer .footer-logo {
	/* display: none; */
	float: none;
	width: 100%;
}
.footer .footer-logo img {
	height: 37px;
}
#footer .floatRight {
	position: fixed;
	bottom: 0;
	width: 100%;
	background: #072a51;
	padding: 5vw 0;
	z-index: 999;
}
.mobile-cta {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 0 0 10px;
	font-weight: bold;
	text-align:center;
}

}
@media(max-width:767px) {
.footer a.phone_number {
	margin: 0 auto;
}
.footer .footer-logo {
	text-align: center;
	margin: 0 0 15px;
}
}