/* --------------------------------------

   LOGO FONTS

   -------------------------------------- */   	





@font-face {

    font-family: 'croissant_oneregular';

    src: url('../fonts/croissantone-regular-webfont.woff2') format('woff2'),

         url('../fonts/croissantone-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}









@font-face {

    font-family: 'sonsie_oneregular';

    src: url('../fonts/sonsieone-regular-webfont.woff2') format('woff2'),

         url('../fonts/sonsieone-regular-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}


.socialmedia {
    width: fit-content;
    margin: 5px auto;
    border-radius: 5px;
    height: auto;
    display: block;
}

.socialmedia > div {
    display: inline-block;
}

.socialmedia img:hover{opacity: 0.9; border-radius: 25px;     -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out; }

.socialmedia > div {
    display: inline-block;
}
.socialmedia2{width: 40px; padding: 1px; border-radius: 5px; height: auto;  }
.socialmedia2 img:hover{opacity: 0.8; }
.socialmedia2 img{border-radius: 20px;     -webkit-transition:all 0.3s 0s ease-in-out;
    transition:all 0.3s 0s ease-in-out; }

body, html { overflow-x:hidden !important; }



	a[href^=tel] { color: inherit; text-decoration: none; }

	

/* --------------------------------------

   Layout

   -------------------------------------- */

  

body {

	font-family: Tahoma, Geneva, sans-serif;

	color: #111; background-color:#ececec;

	font-size: 18px;

	overflow-x: hidden;	}

		a[href^=tel] { color: inherit; text-decoration: none; }	

	p.LargeText{color: #333; 

			font-size:32px; font-weight:bolder;	 

			font-family: Georgia, "Times New Roman", Times, serif;}

.BluebG {background:#00a2e1; padding:10px}



.blackAll, .blackAll h2, .blackAll strong{ 

	color:#000 !important; 

	text-shadow:none !important}



a, a:hover { 

	color: #000;}



p {

	font-family: Tahoma, Geneva, sans-serif;

	font-size:1em;}



div.container {	

	position:relative;}



.floatLeft { 

	float:left}

	



.floatRight { 

	float:right}



.noborder {

	 border-right:none !important}



/* --------------------------------------

   Header and Navigation, LOGO

   -------------------------------------- */

 .bgheader{ 	background-image:url(../images/locksmith-in-grandview_01a.jpg); 

	background-repeat: repeat-x;}

.banner-wallpaper {

    background-color:#363e48;}

	

#seoPadding p{ 

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-transform:lowercase; 

	color:#f4f4f4;

	font-size:14px; margin:0 0 10px 10%; padding:0; font-style:italic;	}



#seoPadding h1 { 

margin:7px 0; padding:0;

	font-size:22px;

	color:#000; 

	text-transform:none; font-family: 'sonsie_oneregular'; }

		 





.PhoneBg { 

		color:#333; 

		font-weight:bold;

		 font-family: 'croissant_oneregular';

		text-align:left; 

		font-size:28px; margin-top:15px;	}

		

		.PhoneBg img{ float:left; margin-right:10px;}

		

.CreditText { color:#364563; margin:0; padding:0;

		font-weight:bold; text-transform:lowercase;

		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

		text-align:right; 

		font-size:11px;}

.creditCard img{ margin-top:16px;}



/* --------------------------------------

   Navigation

   -------------------------------------- */



.navbar-inverse{

	background:#00a2e1;

	border-bottom:none;

		text-transform: lowercase !important;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:3px;

	-webkit-box-shadow:0 15px 10px -6px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 15px 10px -6px rgba(0, 0, 0, 0.2);

	 box-shadow: 0 15px 10px -6px rgba(0, 0, 0, 0.2)}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color: #000;

background: #00a2e1; /* Old browsers */

background: -moz-linear-gradient(45deg, #00a2e1 29%, #93ddfa 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e1', endColorstr='#810f1d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-shadow:none; }

	

.navbar-inverse .navbar-nav > li > a{

	 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	 text-transform: lowercase !important;

	 padding:15px; letter-spacing:3px;

	 font-size:.8em;

	 font-weight:bold;

	 color: #fff;}



.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {

      color: #fff;

	  text-decoration:underline;}



.navbar { margin-bottom:0; text-align:center;  -webkit-border-radius:10px 10px 10px 10px;

-moz-border-radius:10px 10px 10px 10px;

border-radius:10px 10px 10px 10px; }

	

.navbar .navbar-nav {

  display: inline-block;

  float: none;

  vertical-align: top;}



.navbar .navbar-collapse {

  text-align: center;}

  

/* --------------------------------------

   Banner

   -------------------------------------- */



.banner1 { 

   background-position:left top;

   background-image:url(../images/locksmith-in-grandview_01.jpg);

   background-repeat:no-repeat;

   min-height:228px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }

   

.banner1 p{ color:#f8bb7a;

   font-size:20px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

   font-weight:bold;

   text-shadow:2px 2px 2px #3f070f; font-style:italic }

   

.banner1 h2{

	color:#fff;

	font-size:40px;

	 text-shadow:2px 2px 2px #000;

	 margin:10px 0;

	 font-weight:bolder;

	 letter-spacing:1px;  font-family: 'croissant_oneregular'; }

   

.banner2 {

	

	background-position:left top;

	background-image:url(../images/locksmith-in-grandview_02.jpg);

	background-repeat:no-repeat; min-height:228px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }

   

.banner2 p{ color:#000;

	color:#f8bb7a;

   font-size:20px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

   font-weight:bold;   text-shadow:2px 2px 2px #3f070f; font-style:italic }

   

.banner2 h2{

	color:#fff;

	font-size:40px;

	 text-shadow:2px 2px 2px #000;

	 margin:10px 0; font-weight:bolder; letter-spacing:1px;  font-family: 'croissant_oneregular';}

   

.banner3 {	

	background-position:left top;

	background-image:url(../images/locksmith-in-grandview_03.jpg);

	background-repeat:no-repeat;

	 min-height:228px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  }

   

.banner3 p{

	color:#f8bb7a;

   font-size:20px;

   font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

   font-weight:bold;   text-shadow:2px 2px 2px #3f070f; font-style:italic }

	

.banner3 h2{

	color:#fff;

	font-size:40px;

	 text-shadow:2px 2px 2px #000; margin:10px 0;

	 font-weight:bolder; letter-spacing:1px;  font-family: 'croissant_oneregular';}   

   

#banner{

	margin:0px auto; 

    width: 100%; 

   	background-size:cover;

	position:relative;}

	



	

#bootstrap-menu{

    -webkit-transition:all 0.3s 0s ease-in-out;

    transition:all 0.3s 0s ease-in-out; margin:0;

	   font-family: Tahoma, Geneva, sans-serif;

	 font-weight:bold; }

	 

		

.banner-wallpaper{ 

	background-repeat:no-repeat !important}

	

.carousel-indicators li {

   background-color: #1c2126;

    border: medium none; border-radius:0px;   

     height: 15px;

    margin: 0;

    padding: 0;

    width: 60px;}

	

.carousel-indicators .active {

	background-color: #F90; 

	border:4px solid #1c2126;   border-radius:0px;    

	height: 15px;

	margin: 0;

	width: 50px;}

	

.carousel-indicators { 

	left:70%;}

		

/* --------------------------------------

   MainContent

   -------------------------------------- */



.IconPadding{ padding-left:0 !important; padding-right:0 !important}

.bgContent { -webkit-border-radius:10px 10px 10px 10px;

-moz-border-radius:10px 10px 10px 10px;

border-radius:10px 10px 10px 10px; background:#fff; padding:10px 20px; margin-bottom:10px; margin-top:10px; }

.nopadding {

	padding-right:0;}



.contentbgVersion2 {

	margin-top:10px;

	margin-bottom:20px;}

	

.contentbgVersion3 {

	margin-top:30px !important;}



.contentbgVersion2 p{

	color: #333;

	margin-right:20px;

	

	font-size:20px;

		font-family: Tahoma, Geneva, sans-serif;}



	.contentbgVersion2 ul, .contentbgVersion2 li {color:#333; 

	text-shadow:none;  

	margin-right:20px; 

}

.contentbgVersion2 ul{list-style-image: url(../images/locksmith-in-grandview-113a.jpg);}



	

 



.contentbgVersion2 h1{

	 font-family: 'croissant_oneregular';

		color:#000;

		margin:0;

		padding:0; font-weight:bolder}



.contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5	{ 

			color: #333; 

			font-size:1.7em; 

			margin-right:20px; 

			margin-right:20px; font-weight:bold;           

			font-family: Georgia, "Times New Roman", Times, serif; }

			



			

			

.shadowImgBox{

	margin:10px 0px 10px 20px;

		float:right; 	

		

		-webkit-box-shadow:0 8px 10px -6px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2);

	 box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2); -webkit-border-radius:50%;

-moz-border-radius:50%;

border-radius:50%; border:2px solid #f4f4f4	}



		

/* --------------------------------------

   leftPanel

   -------------------------------------- */

   .ServicesRightText { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:5px;}	

   .ServicesRightText img{ float:right}

 .ServicesRightText p{ font-size:10px; color:#777}

 .ServicesRightText h5 { font-size:25px; color:#000; font-weight:bolder}

.ServicesRightText strong{ color:#ff7004; font-size:16px}

.ServicesRightText1{ background:#ff7004; display: inline-block; padding:5px 20px; font-size:14px; color:#fff; font-style:italic; text-transform:uppercase; }

.ServicesRightText1 a{ color:#fff}

   

.sidebgVersion2 {

	padding:10px 0;

	float:right;

	margin:0 0 20px 0; }

   



h2.MainH1BServices { font-family: 'croissant_oneregular';

		color:#000;

		margin:0;

		padding:0;

		font-size:37px; font-weight:bolder}

	

.W-Services img{

	margin-bottom:2px;	}

.W-Services a:hover{ opacity:0.9}



   

			

/* --------------------------------------

   Footer and Services

   -------------------------------------- */

   

/* BackToTop button css */

#scrolltop {

	position:fixed;

	right:10px;

	bottom:10px;

	cursor:pointer;

	width:50px;

	height:50px;

	background-color:#ff7004;

	text-indent:-9999px;

	display:none;  -webkit-border-radius:50%;

-moz-border-radius:50%;

border-radius:50%;}

	

#scrolltop span {

	position:absolute;

	top:50%;

	left:50%;

	margin-left:-8px;

	margin-top:-12px;

	height:0;

	width:0;

	border:8px solid transparent;

	border-bottom-color:#ffffff;  }

	

#scrolltop:hover {

	background-color: #000;

	opacity:1;filter:"alpha(opacity=100)";

	-ms-filter:"alpha(opacity=100)";}

	

/* footer Services */



.servicesLocksmithPadding { padding:10px 50px; }		

			.servicesLocksmithBG {	background-position:center top;  

	background-image:url(../images/locksmith-in-grandview-113aa.jpg) !important; 

	background-repeat:no-repeat;

	min-height:287px;}

.serviceShadow h4 { 

	color:#ff7004;

	font-size:26px;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

	

.servicesLocksmith .post {

    padding: 5px; 

    position: relative;

	color:#777; text-shadow:1px 1px 1px #fff }

	

.servicesLocksmith .post-1 {

    transform: translate(100px, 20px);

	text-align:left}



.servicesLocksmith .post-3 {

    transform: translate(-100px, 20px);

	text-align:right}	

	

.servicesLocksmith .post p{

	color:#777;

	font-size:13px; text-shadow:1px 1px 1px #fff}



 /* footer links */

 #footerbg { 

	 background:#414b56;

	 text-align:center;

	 color:#fff;

	 font-weight:bold;

	 padding:0 10px 10px; 

	 		  -moz-box-shadow:    inset 0 0 34px #1d2228;

   -webkit-box-shadow: inset 0 0 34px #1d2228;

   box-shadow:         inset 0 0 34px #1d2228;}

	 .footerTExt { padding-top:10px;}

	   

#footerbg strong { font-family: 'sonsie_oneregular';

	 font-size:18px;

	 color:#fff;

	 letter-spacing:1px;}

	 

.footerTExt a, .footerTExt a:hover{

	color: #fff;}

	

 /* footer Schema */ 

 #schemacss strong{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

#schemacss {

	font-size:100%;

	margin: 10px 0;

	 color:#fff;

	 font-style:normal; text-align:center;}

			  

#schemacss h2{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-size:26pt;

	color:#fff; font-weight:bolder;

	text-shadow:1px 1px 1px #000;

	margin:0;}

	

.schema_add_map div {

	display: inline;}



.brandlogo p{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 

	font-size:26pt;

	color:#414b56; font-weight:bolder;

	text-shadow:1px 1px 1px #fff; 

	margin:0;}

	

	.brandlogo img{ margin:10px 0}

     

 /* footer mics */

.clearboth { clear:both} 



 /* footer headers */





 .FooterServicesTxt h2{	  font-family: 'croissant_oneregular';

	font-size:20px; text-align:center; font-weight:bolder; margin:0; padding:0; color:#777;  text-transform:uppercase}	

	.FooterServicesTxt strong{ color:#000; font-size:210%; text-transform: none}

	

 /* footer headersServices */	

.footerheadersServices{

   	text-align:center; 	}



	

 /* footer Contact Banner */	

		  

.Footerbanner1 {

	background-position:center top;  

	background-image:url(../images/locksmith-in-grandview_04.jpg) !important; 

	background-repeat:no-repeat;

	min-height:204px;

	font-family: Arial, Helvetica, sans-serif;

		text-shadow:2px 2px 2px #994509;

	text-align:center; -webkit-box-shadow:0 8px 10px -6px rgba(0, 0, 0, 0.2);

	-moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2);

	 box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.2); margin-bottom:20px; border-bottom:1px solid #fff; -webkit-border-radius:10px 10px 10px 10px;

-moz-border-radius:10px 10px 10px 10px;

border-radius:10px 10px 10px 10px;}

	

	

.contactFooterVersion2 h2 {

		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:210%;

	font-weight:bolder;

		color:#000; text-shadow:1px 1px 1px #fdcfad;

	

	}

	

.contactFooterVersion2 p {

	color:#fff; text-shadow:2px 2px 2px #994509;

	font-size:120%; font-style:italic;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 20px;	}

 



.customer-testimonials ul, .customer-testimonials li {

    margin-right: 0;

    margin-left: 0;

	list-style: none;

}



.customer-testimonials{

	overflow:hidden;

	list-style:none;

	padding:0;

}



.customer-testimonials .testimonial-holder {

    box-shadow: 0 8px 6px -6px black;

    background-color: #fff0e5;

    padding: 5px;

	margin:20px 5px;

    font-size: 0.9em;

    border: 1px solid #ffd4b5;

}



.testimonials-title {

    font-weight: bold;

    color: #008dc4;

}



.testimonials-rating{

	color: #008dc4;

}



.testimonial-holder p{

	text-align:left !important;    

}



.testimonial-holder:hover {

    background: #ffe6d3;

}



.page-customer-testimonials {

    margin-top: 10px;

    padding: 20px 10px;

}



.page-customer-testimonials h2 {

    padding: 10px 0px;

    color: #008dc4;

    margin: 10px 20px;

    text-align:center;

}



.page-customer-testimonials .testimonial-holder p{

	font-size:1.2em ;

}



.page-customer-testimonials  .customer-testimonials {

    padding: 0;

}



.testimonials-btn {

    background: #1e93c0;

    width: fit-content;

    text-align: center;

    margin: 0 auto;

    padding: 10px;

    border-radius: 10px;

    box-shadow: 3px 2px 2px 0px #005f85;

}



.testimonials-btn:hover {

    background: #001321;

}



.testimonials-btn a{

color:#ffffff;

}



.min-testimonial-h {

    min-height: 310px;

}





/* Small screen laptop and pc */

@media (max-width: 1199px) {



	.PhoneBg{ font-size:22px !important}

		#seoPadding h1 { font-size:16px}

.contactFooterVersion2 strong{

	color:#00a2e1;

	font-size:18px;

	letter-spacing:1px;}

	

	h2.MainH1BServices { font-size:32px}

	

.phoneTopVERSION2smallFont {

	font-size:22px}



									

.navbar-inverse.sticky {

	position: fixed;

	line-height: 48px;

	height: 60px; 

	width: 100%;          

	background:#00a2e1;

	text-align: left;

	padding-left: 20px;

	opacity:0.9;  -webkit-border-radius:0px 0px 0px 0px;

-moz-border-radius:0px 0px 0px 0px;

border-radius:0px 0px 0px 0px;  }

	.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color: #000;

	background: #00a2e1; /* Old browsers */

background: -moz-linear-gradient(45deg, #00a2e1 29%, #93ddfa 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e1', endColorstr='#810f1d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-shadow:none;}



.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:16px;

	background:#00a2e1}

	

.navbar-inverse.sticky .navbar-nav{

	margin:5px 0;}



.navbar-inverse{ 

	font-size: 12px;

	height: auto;}													



#banner{

	margin:0px auto 0;}	

.navbar-inverse.sticky {

	top:0;}

	

.navbar-inverse .navbar-nav > li > a{

	padding:15px 17px; }

	.navbar-inverse .navbar-nav > li > a{ font-size:15px}

	

 #seoPadding p { 

 	font-size:12px}

	 

.navbar-right {

	margin-right:0}

	

	 



.navbar-brand {

	margin-bottom:10px;}

	

.carousel-indicators { 

	 

	left:50%}

	

	.phoneTopVERSION2smallFont img{

	width:70%;}		

	.ServicesRightText img{ width:51%}	

	.ServicesRightText h5{ font-size:20px;}	

	.ServicesRightText1 { text-transform:lowercase; padding:5px 20px}	

}

				

@media (max-width: 991px) {

	

	

.bgphone2Version2 { text-align:center; color:#ccc; font-size:12px}



.bgphone2Version2 strong{ font-size:24px; color:#fff;}

.PhoneBg, .navbar-brand, .CreditText, .creditCard{ display:none} 

.seotext{ display:none} 



.serviceShadow{ min-height:180px}

.navbar-inverse.sticky {

		position: fixed;

		font-size: 22px;

		line-height: 48px;

		height: 60px; 

		width: 100%;          

		background:#00a2e1;

		text-align: left;

		padding-left: 20px;

		opacity:0.9; }





.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:21px; letter-spacing: normal;

	background:#00a2e1; text-transform:none !important}

	

.phoneTopVERSION2smallFont {

	font-size:16px}

							

.navbar-inverse.sticky .navbar-nav{

	margin:5px 0;}

	

.navbar-inverse{ font-size: 12px; height: auto;}

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color: #000;

	background: #00a2e1; /* Old browsers */

background: -moz-linear-gradient(45deg, #00a2e1 29%, #93ddfa 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e1', endColorstr='#810f1d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-shadow:none;}

													

#banner{

	margin:0px auto 0;}	



.navbar-inverse.sticky {

	top:0;}



.navbar-inverse .navbar-nav > li > a{

	padding:17px 7px;

	font-size:13px;

	font-weight:normal;  }

	

#seoPadding p { 

	font-size:12px; 

	text-transform:lowercase} 

							 

.navbar-right { 

	margin-right:0}

	

#phoneTopVERSION2 p { 

	font-size:15px}



.navbar-brand h1 {

	font-size:16px}



.navbar-brand {

	margin-bottom:0;}



.contentbgVersion2 strong {

	font-size:16px}

#seoPadding h1 {

	font-size:180%; text-align:center; margin:10px;}





.contentbgVersion2 h1 {

	font-size:150%}



.contactSidepanel { 

	font-size:150%}

	

.contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5 {

		font-size:20px}

		

.contactFooterVersion2 p{ 

	font-size:140%}



.serviceShadow h4 {

	font-size:30px}

.footerHeader h2, .footerheadersServices h2 { font-size:38px}	

.contactFooterVersion2 h2 { font-size:30px}	



		.ServicesRightText img{ width:40%}	

	.ServicesRightText strong{ font-size:15px;}	

	.ServicesRightText1 { text-transform:lowercase; padding:5px 10px}

	#schemacss h2{ font-size:25px}			

	

									

}



/* Landscape phone to portrait tablet */

@media (max-width: 767px) {

	

	.navbar {  -webkit-border-radius:0px 0px 0px 0px;

-moz-border-radius:0px 0px 0px 0px;

border-radius:0px 0px 0px 0px; }



.Footerbanner1{ min-height: inherit}



	.MainH1B { margin-top:10px;}

#footerbg a, #footerbg a:hover, #footerbg, a, a:hover{

	font-size:16pt}



.contentbgVersion2{

	width:100%;

	clear:both;

	margin:0;}

	

aside {

	width:100%;

	line-height:inherit;

	clear:both;

	margin:0;	

	padding:0;}

	

#SeoPhoneBGVErsion2 {

	display:none}

.servicesLocksmithBG { background-image:none !important}	

							

h2.visible-xs {

		margin:10px 0;

	padding:7px 0px; 

	font-size:25px;

	color: #000; 

	text-transform:none; 

	text-align:center; font-family: 'sonsie_oneregular'; 	 }

.ServicesRightText img{ width:auto; float:left; margin-right:20px;}	 

.ServicesRightText h5{ font-size:30px;}

.ServicesRightText strong{ font-size:22px}

.ServicesRightText p{ font-size:17px;}

.ContentmainwellBorder{ border:none}

.ServicesRightText1 a{ text-align:center; }



.contentbgVersion2 h2 {

		font-size:21pt;

		margin-top:10px}

		

.navbar-inverse{

	height:auto;

	opacity:0.9;}

	

.navbar-inverse .navbar-nav > li > a{

	font-size:20px;

	font-weight:bold;

	padding:10px 40px !important;}

	

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse 

.navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > 							

.active > a:hover {

	border:none;

	padding:10px 40px}



.navbar-nav{

	float: inherit!important;

	clear:left;

	margin:0px;}	



.navbar-collapse{

	padding-bottom:5px;}

	

	.footerTExt{  margin-left:10px !important; margin-right:10px !important;}



.navbar-inverse.sticky .navbar-nav > li > a{

	font-size:22px;

	font-weight:bold;

	padding:10px 20px !important; }

	

.navbar-inverse.sticky .navbar-nav > .active > a, 

.navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse.sticky .navbar-nav > 

.active > a:hover {

	border:none;

	padding:10px 20px}

	

.navbar-inverse.sticky{

	height:auto;

	opacity:0.9; }

	

.navbar-collapse.sticky{

	padding-bottom:5px;}



#banner{

	margin:0px auto 0;

	background:#000;}	



.navbar-inverse .navbar-toggle:hover,

.navbar-inverse .navbar-toggle:focus {

	background-color: #F90;}

	

.navbar-inverse.sticky {

	top:0;}	



.servicesLocksmithPadding {

	min-height: inherit; padding:10px 20px }



.navbar-toggle {

	background: #000;

	border:none}



.contactSidepanel {

	display:none}

	

.navbar-brand {

	display:none}

	

.couponservices	{

	font-size:30px;}



.contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5 {

	font-size:30px}

	

.contactFooterVersion2 h2, .contactFooterVersion2 p {

	width:100%}	

	



.banner3 p, .banner2 p, .banner1 p{

	font-size:22px;

	padding:0px 60px; text-align:center}



	.banner3 h2, .banner2 h2, .banner1 h2{

		padding:0px 60px; text-align:center}

		h2.MainH1BServices {    font-size: 43px !important}

		.serviceShadow{ padding:0; min-height:inherit; text-align:center !important}

		.brandlogo img { width:400px; margin:0 auto}

}



/* Portrait & landscape phone */

@media (max-width: 670px) { 

.banner3 p, .banner2 p, .banner1 p { font-size:19px; margin-top:25px}

.banner3 h2, .banner2 h2, .banner1 h2{ font-size:36px; margin-top:10px;}

.contactFooterVersion2 h2{ font-size:28px;}

.contentbgVersion2 h1 { 

	font-size:18pt}

	

	.brandlogo p { font-size:26px}

.brandlogo img { width: inherit; margin:0 auto}

.bgphone2Version2 {

	font-size:14px}

	

.bgphone2Version2 p{

		font-size:20px}



h2.visible-xs {

	font-size:21px}



a, a:hover, #footerbg a, #footerbg a:hover, #footerbg{

	font-size:16pt}	

	

.navbar-inverse.sticky {

	top:0;}

							

.sidebgVersion2, .contentbgVersion2{

	min-height: inherit}	}

@media (max-width: 530px) {	



.banner3 h2, .banner2 h2, .banner1 h2{ font-size:31px; margin-top:10px;}



.shadowImgBox {

	display:none}

	

.navbar-inverse.sticky {

	top:0;}

	

h2.visible-xs{

	 font-size:20pt}	

	 

.banner3 p, .banner2 p, .banner1 p {

	font-size:17px}

	

.contactFooterVersion2 h2 { font-size:22px}

.contactFooterVersion2 p { font-size:18px}

		.contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5{ font-size:24px}				

 }



@media (max-width: 420px) {	#schemacss p{ font-size:18px}.brandlogo p { font-size:20px}

						h2.MainH1BServices { font-size:27px !important; line-height:inherit !important}	

.navbar-inverse.sticky {

	top:0;}

	.ServicesRightText img{ width:90%; margin:5px auto !important;}	 

h2.visible-xs, .contentbgVersion2 h1, .contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5{

	font-size:16pt; line-height:inherit}

	

.contactFooterVersion2 h2 { font-size:22px}

.bgphone2Version2 {

	font-size:10px}

	

		.footerHeader h2, .footerheadersServices h2 { font-size:24px}		  

}



@media (max-width: 360px) {	

.ServicesRightText img{ width:100%;}	

h2.MainH1BServices { font-size:20px !important}	

.navbar-inverse.sticky {

	top:0;}

	

	

	.banner{display:none}

.bgphone2Version2 strong{

	font-size:18px}

.contactFooterVersion2 p { font-size:12px}

.contactFooterVersion2 h2 {

	font-size:16px}	

#schemacss, #schemacss a{ font-size:14px}

	

.footerHeader h2 { 

	font-size:250%}

	

.serviceShadow h4 {

	font-size:25px}

.contentbgVersion2 h2, .contentbgVersion2 h3, .contentbgVersion2 h4, .contentbgVersion2 h5{

	font-size:13pt;}

	.footerHeader h2, .footerheadersServices h2 { font-size:18px; padding:5px;}							

						

}

@media (max-width: 240px) {	

.serviceShadow h4 {

	font-size:20px}

.bgphone2Version2 p { 

font-size:14pt}	



.navbar-inverse .navbar-nav > li > a, .navbar-inverse.sticky .navbar-nav > li > a	{

	font-size:12px !important;

	font-weight:bold;

	padding:10px !important;}



 .navbar-inverse.sticky {

	 top:0;}



.banner-wallpaper{ display:none}

	

}





@media (min-width: 1200px) {

.navbar-inverse{

         

            -webkit-transition: all 0.4s ease;

            transition: all 0.4s ease;}



#banner{margin:0px auto 0; background:#00a2e1;}

.navbar-nav{margin:0;}

.navbar-inverse.sticky {top:0;

            position: fixed;

            font-size: 22px;

            line-height: 48px;

            height: 60px; 

            width: 100%;          

		background:#00a2e1;

            text-align: left;

           			opacity:0.94;

					 -webkit-border-radius:0px 0px 0px 0px;

-moz-border-radius:0px 0px 0px 0px;

border-radius:0px 0px 0px 0px; }



.navbar-inverse.sticky .navbar-nav > li > a{

  background:#00a2e1;}

.navbar-inverse.sticky .navbar-nav > .active > a, .navbar-inverse.sticky .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { 

	color: #000;

	background: #00a2e1; /* Old browsers */

background: -moz-linear-gradient(45deg, #00a2e1 29%, #93ddfa 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(45deg, #00a2e1 29%,#93ddfa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2e1', endColorstr='#810f1d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	text-shadow:none; }

.navbar-inverse.sticky .navbar-nav{margin:5px 0; } 



.banner1 h2, .banner2 h2, .banner3 h2{ font-size:32px; margin-top:20px;}



}



@media (min-width: 1920px) { .banner1, .banner2, .banner3 { 

  -webkit-background-size: cover !important;

  -moz-background-size: cover !important;

  -o-background-size: cover !important;

  background-size: cover !important; background-size:100% 100% !important} }