/*font-family: 'Oswald', sans-serif; 400
font-family: 'Roboto Slab', serif; 400, 700*/



*{
	margin: 0px; padding: 0px; }

img{ border:0px;}
	
a{ -webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none; }
	
ul{ padding: 0px; margin: 0px; list-style: none; }

ol{ padding: 0px; margin: 0px; list-style: decimal; list-style-position: inside; }
	
/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/



html { overflow-y: scroll;}
/*centering jump ends*/

html {  
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke:1px transparent;
}


/*content wrapper for fade effect starts*/
#content-wrapper{ display:none;}
/*content wrapper for fade effect ends*/




body{ margin: 0; padding: 0px; font-family: 'Roboto Slab', serif; font-weight: normal; font-style: normal; text-align: center; -webkit-text-size-adjust: 100%;  background-color: #fff; width: 100%; -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:fixed;background-image:url("../imgs/body-bkg2.jpg");}
	
	
	
/*wrapper starts*/
#master-wrapper{ width: 1200px;  margin-right: auto; margin-left: auto; overflow: hidden; text-align: left;  background-color: #fff; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999;} /*this overrights  ie5 text align box model error*/
/*wrapper ends*/

/*wrapper starts*/
#master-wrapper2{ width: 1200px;  margin-right: auto; margin-left: auto; overflow: hidden; text-align: left; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999;} /*this overrights  ie5 text align box model error*/
/*wrapper ends*/



	
/*Top Nav Content Starts*/	
.top_nav{ float: left; width: 1160px; padding: 20px; background-color: #b9123d;}
.tnh{ float: left; width: 1120px;}
.tnh li a{ font-family: 'Oswald', sans-serif; font-size: 16px; color: #fff; display: block; float: left; padding: 0px 19px; font-weight: 400; font-style: normal; letter-spacing: 1px;}
.tnh li a:hover{ color: #313031; font-weight: 400;}
.tnh li #current{ color: #e7b521; font-weight: 400;}
/*Top Nav Content Ends*/	

	

/*Header Content Starts*/	
.header{width: 1120px; float: left; padding: 0px 40px 20px 40px; background-color: #EB1B50;}
.bcont{width: 220px; float: left; margin-top: 20px;}
.bemerg{ font-family: 'Oswald', sans-serif; font-size: 32px; color: #000; font-weight: 400; display: block; margin-bottom: 5px; font-style: normal; line-height: 32px; letter-spacing: 1px;}
.bcall{ font-family: 'Oswald', sans-serif; font-size: 28px; color: #fff; font-weight: 400; font-style: normal; line-height: 30px; display: block; margin-bottom: 10px; letter-spacing: 1px;}
.btell{ font-family: 'Oswald', sans-serif; font-size: 26px; color: #e7b521; font-weight: 400; font-style: normal; line-height: 26px; letter-spacing: 1px;}
.tlogo{ float: left; width: 309px; margin-left: 160px; margin-top: 5px;}



/*Call to Actions Starts*/
.calltoactions{width: 229px; float: right; margin-top: 20px;}
.fbut1 a{ width: 199px;  display: block; margin-bottom: 5px; padding: 10px 15px; color: #e7b521; background-color: #313031; font-family: 'Roboto Slab', serif; font-size: 16px; font-weight: 400; border-radius: 3px; background-image: url(../imgs/arrows/cta-on.png); background-repeat: no-repeat; background-position: 95% 50%;}
.fbut1 a:hover{ background-color: #e7b521; background-image: url(../imgs/arrows/cta-ov.png); color: #000;}
/*Header Content ends*/	




/*Banner Starts Here*/
.banner{ width: 1200px; float: left; height: 375px; background-color: #D1D1D1;}
/*Banner Ends Here*/



/*Titles Start Here*/
.titles{ width: 1120px; float: left; padding: 20px 40px; background-color: #313031; margin-bottom: 40px;} 
/*Titles End Here*/



/*Font Styles Start Here*/
h1{ font-family: 'Oswald', sans-serif; font-size: 22px; color: #fff; font-weight: 400; font-style: normal; line-height: 28px; display: block; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase;}
h2{ font-family: 'Oswald', sans-serif; font-size: 17px; color: #e7b521; font-weight: 400; font-style: normal; line-height: 23px; letter-spacing: 1px; }

.police{ float:left; width: 1200px; height: 375px;}
.accrediatations-img{ float:left; width: 960px; height: 230px}


/*Home Block Navigation System Starts Here*/
.homeblocks{ width: 1120px; float: left; margin: 0px 0px 40px 0px;}
.hstrip{ width: 1120px; float: left; padding: 0px 40px;}
.hmblinksl{ width: 250px; height: auto; float: left; margin: 0px 40px 0px 0px; text-align: center;}
.hmblinksl a{ font-family: 'Oswald', sans-serif; font-size: 20px; color: #fff; background-color: #313031; display: block; padding: 18px; height: 60px; font-weight: 400;}
.hmblinksl a:hover{ background-color: #EB1B50; color: #fff;}
.hmblinksr{ width: 250px; height: auto; float: right; margin: 0px; text-align: center;}
.hmblinksr a{ font-family: 'Oswald', sans-serif; font-size: 20px; color: #fff; background-color: #313031; display: block; padding: 18px; height: 60px; font-weight: 400;}
.hmblinksr a:hover{ background-color: #EB1B50; color: #fff;}
.hmbimgsl{ width: 250px; height: 189px; background-color: #E7B848; float: left; margin: 0px 40px 0px 0px ;}
.hmbimgsr{ width: 250px; height: 189px; background-color: #E7B848; float: right; margin: 0px;}

.hmbimgsl img:hover, .hmbimgsr img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	-webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}
/*Home Block Navigation System Ends Here*/



/*Inside Copy Content Styles and Holders Starts Here*/
.insideh{ float: left; width: 1140px; padding: 40px 30px 0px 30px; bacground-color: #fff;}
.insideh-left{ float: left; width: 850px; margin-bottom: 60px;}
.insideh-left h3{ font-family: 'Oswald', sans-serif; font-size: 35px; color: #000; line-height: 42px; display: block; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
.insideh-left h4{ font-family: 'Oswald', sans-serif; font-size: 25px; color: #EB1B50; line-height: 32px; display: block; font-weight: 400; margin-bottom: 15px;}
.inside-largep{ font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 32px; font-size: 25px; margin-bottom: 32px; display: block;}
.insideh p{ font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; line-height: 24px;}
.insideh-left li{ width: auto; padding: 10px; font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; line-height: 22px; display: block; margin: 0px 0px 10px 10px; background-color: #F3F3F3; border-radius: 6px;}
.insideh hr{ display: block; height: 1px; border-top: 1px dashed #000; margin: 2em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0; }

.inside-right{ float: right; width: 250px;}

.blognav{float: left; margin-bottom: 40px;}
.blognav h4{ font-family: 'Oswald', sans-serif; font-size: 25px; color: #EB1B50; line-height: 32px; display: block; font-weight: 400; margin-bottom: 15px;}
.blognav li a{font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; line-height: 24px; display: block; padding-bottom: 20px; margin-bottom: 20px; border-bottom: dashed 1px #ccc;}
.blognav li a:hover{color: #EB1B50;}

.incircle { border-radius: 50%; width: 250px; height: 250px; margin-bottom: 30px;}

.tncircle { border-radius: 50%; width: 200px; height: 200px; margin-bottom: 50px;}


.insideh-left h3 a, .insideh-left h4 a, .inside-largep a, .insideh-left li a, .insideh p a   {color: #e7b521; text-decoration: underline;}

/*Inside Copy Content Styles and Holders Ends Here*/



/*Inside Full Width Copy Content and Styles Starts Here*/
.insideh-full{ float: left; width: 900px; margin-bottom: 60px;}
.insideh-full h4{ font-family: 'Oswald', sans-serif; font-size: 35px; color: #000; line-height: 42px; display: block; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
.insideh-full h5{ font-family: 'Oswald', sans-serif; font-size: 25px;  line-height: 32px; display: block; font-weight: 400; margin-bottom: 10px; text-transform: uppercase; color: #EB1B50;}
.insideh-full li{ width: auto; padding: 0px; font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; line-height: 20px; display: block; margin: 0px 0px 10px 0px; background-color: transparent; border-radius: 6px;}
.insideh-full li a{ width: auto; padding: 0px; font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; display: block; margin: 0px 0px 5px 0px; background-color: transparent; line-height: 14px;}
.full-left{ width: 400px; float: left; padding-right: 40px;}
.full-right{width: 440px; float: right; }

.full-3-collum{ width: 300px; float: left; display: inline-block;}
.full-3-collum li a{line-height: 26px;}
/*Inside Full Width Copy Content and Styles Ends Here*/



.table-container {
            max-width: 100%;
            margin: auto;
            background: #333;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
        }


        .table-container table {
            width: 100%;
            border-collapse: collapse;
            background: #444;
            border-radius: 8px;
            overflow: hidden;
        }

        .table-container th, td {
            padding: 12px;
            border: 1px solid #555;
            text-align: left;
			color: #fff;
        }

        .table-container th {
            background: #555;
            font-weight: bold;
        }

        .table-container td {
            background: #666;
        }




/*Inside Page Navigation System Starts Here*/
.inblocks{ width: 960px; float: left; margin: 0px 0px 20px 0px;}
.inblinksl{ width: 265px; height: auto; float: left; margin: 0px 20px 0px 0px; text-align: center;}
.inblinksl a{ font-family: 'Oswald', sans-serif; font-size: 17px; color: #fff; background-color: #4e4f50; display: block; padding: 15px 12px; font-weight: 400; box-shadow: 0 2px 10px rgba(0,0,0,0.4);}
.inblinksl a:hover{ background-color: #EB1B50; color: #fff;}
.inblinksr{ width: 265px; height: auto; float: right; margin: 0px; text-align: center;}
.inblinksr a{ font-family: 'Oswald', sans-serif; font-size: 17px; color: #fff; background-color: #4e4f50; display: block; padding: 15px 12px; font-weight: 400; box-shadow: 0 2px 10px rgba(0,0,0,0.4);}
.inblinksr a:hover{ background-color: #EB1B50; color: #fff;}
 #on{ background-color: #f1901d; color: #fff;}
/*Inside PageNavigation System Ends Here*/






/*Strip Blocks Start Here*/
.strip-blocks{ width: 1120px; float: left; padding: 40px;}
.strip-blocks h3{ font-family: 'Oswald', sans-serif; font-size: 35px; color: #EB1B50; line-height: 38px; display: block; font-weight: 400; margin-bottom: 20px;}
.strip-blocks h4{ font-family: 'Oswald', sans-serif; font-size: 18px; color: #000; display: block;  font-weight: 400; margin-bottom: 10px; line-height: 22px;}
.strip-blocks p{ font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 16px; line-height: 22px;}
.copyfull{ float: left; width: 1140px; }
.image-right{ float: right; width: 280px; }
.circle { border-radius: 50%; width: 280px; height: 280px;}

.strip-holder{ width: 830px; float: left; margin-bottom: 20px;}
.strips-left{ float: left; width: 400px;}
.strips-right{ float: right; width: 400px;}

.copyblack{ float: left; width: 600px; }
.percent-image{ float: right; width: 250px; }
#black{ background-color: #1D1C1C; }
#black h3{ font-family: 'Oswald', sans-serif; font-size: 35px; line-height: 38px; color: #EB1B50; display: block;  font-weight: 400; margin-bottom: 20px;}
#black p{ color: #ccc; }
#black li{ color: #fff; display: block; margin-top: 10px; font-family: 'Oswald', sans-serif; font-size: 30px; font-weight: 400; letter-spacing: 1px;}
.stbleft{ width: 300px; float: left; }
/*Strip Blocks end Here*/



/*Need a Locksmith home section Starts Here*/
#yellow{ background-color: #E7B848; margin-bottom: 20px; background-image: url(../imgs/large-yellow-panel.jpg); background-repeat: no-repeat; background-position: 100% 100%;}
#yellow h3{ font-family: 'Oswald', sans-serif; font-size: 35px; color: #000; display: block;  font-weight: 400; margin-bottom: 20px; }
#yellow h4{ font-family: 'Oswald', sans-serif; font-size: 27px; color: #fff; display: block;  font-weight: 400; margin-bottom: 15px;}
.largep{ font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 28px; font-size: 22px;}
.needl{ width: 750px; float: left; }
.needr{ width: 250px; float: right;}
.quote{ font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 28px; font-size: 20px; color: #EB1B50;}
/*Need a Locksmith home section Ends Here*/



/*12 Reasons Link starts Here*/
.treasons{ width: 1200px; float: left; margin-bottom: 20px;}
.treasons a{ padding: 15px 40px; display: block; font-family: 'Oswald', sans-serif; font-weight: 400; font-size: 24px; color: #000; background-color: #EB1B50;}
.treasons a:hover{ color: #EB1B50; background-color: #000;}
/*12 Reasons Link Ends Here*/





/*Area Strips Content Starts*/

.areah{ float: left; width: 1140px; padding: 20px 30px 0px 30px; }
.areah-left{ float: left; width: 850px; margin-bottom: 60px;}
.areah-left h3{ font-family: 'Oswald', sans-serif; font-size: 28px; color: #000; line-height: 33px; display: block; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
.areah-left h4{ font-family: 'Oswald', sans-serif; font-size: 20px; color: #EB1B50; line-height: 23px; display: block; font-weight: 400; margin-bottom: 15px;}
.insideh-left h5{ font-family: 'Oswald', sans-serif; font-size: 20px; color: #EB1B50; line-height: 23px;display: block; font-weight: 400; margin-bottom: 10px; text-transform: uppercase;}


.area_strips{ width: 850px; float: left; margin-bottom: 10px; padding-bottom: 5px; }
.area_hs{ display: inline-block; float: left; margin-right: 40px; width: 220px;}
.area_hs li{ width: auto; padding: 0px; margin: 0px; background-color: #fff;}
.area_hs li a{ color: #000; font-size: 15px; font-family: 'Roboto Slab', serif; display: block; margin-bottom: 10px; font-weight: 400;}
.area_hs li a:hover{ color: #EB1B50;}
/*Area Strips Content Starts*/




/*3 box layout Here*/
.boxl{ width: 350px; float: left; margin-right: 40px;}
.boxr{ width: 279px; float: left; }
/*3 box layout ends Here*/


/*Home Page Emergency Service Section Starts Here*/
#police{ margin-bottom: 20px; background-color: #aedcd1;}
#police h3{ font-family: 'Oswald', sans-serif; font-size: 30px; color: #083B7D; display: block; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
#police p{ font-family: 'Roboto Slab', serif; color: #083B7D; font-weight: 400; font-size: 16px; line-height: 24px;}
.police-left{ width: 500px; float: left; padding-right: 40px;}
.police-right{width: 500px; float: left; padding-left: 40px;}
/*Home Page Emergency Service Section Ends Here*/



/*Security Audit Section Starts Here*/
.security-audit{ width: 1140px; float: left; padding: 40px 30px; background-color: #f1901d; background-image: url(../imgs/security-audits.png); background-repeat: no-repeat; background-position: bottom left;} 
.security-audit h3{ font-family: 'Oswald', sans-serif; font-size: 30px; color: #fff; display: block; font-weight: 400; margin-bottom: 20px;}
.security-audit-left p{ font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 30px; font-size: 23px;}
.security-audit-left{ width: 400px; float: left; padding-right: 40px;}
.security-audit-right{width: 550px; float: left; padding-left: 40px;}
.security-audit-right p{ font-family: 'Roboto Slab', serif; color: #000; font-weight: 400; font-size: 14px; line-height: 20px;}
.saudb-title{ width: 1200px; float: left; margin-bottom: 20px;}
.saudb-title a{ font-family: 'Oswald', sans-serif; font-size: 25px; color: #fff;  font-weight: 400; letter-spacing: 1px;  padding: 20px 30px; background-color: #4e4f50; display: block;}
.saudb-title a:hover{background-color: #EB1B50; color: #fff; }
/*Security Audit Section Ends Here*/



/*Sub Class Colours and layout Here*/
#grey{ background-color: #EBEBEB; margin-bottom: 20px; background-image:url(../imgs/home/noise.jpg); background-repeat: no-repeat; background-position: top left;}
#grey2{ background-color: #EBEBEB; background-image:url(../imgs/grey-lion.png); background-repeat: no-repeat; background-position: bottom right;}
#blue-lion{ background-image:url(../imgs/blue-lion.png); background-repeat: no-repeat; background-position: top right;}
#grey2 h3{ font-family: 'Oswald', sans-serif; font-size: 26px; color: #EB1B50; line-height: 32px; display: block; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
/*Sub Class Colours and layout Here*/


/*Checkatrade Section Starts*/
.checkatrade{ width: 960px; margin-bottom: 15px;}
/*Checkatrade Ends Starts*/








/*Services Section Starts*/
.servicetitle{ width: 1140px; float: left; padding: 20px 30px; background-color: #EB1B50;}
.servicetitle h3{ font-family: 'Oswald', sans-serif; font-size: 30px; color: #fff;  font-weight: 400; letter-spacing: 1px;}
.serviceblocks{ width: 1140px; float: left; padding: 30px;}
.serlist{ display: inline-block; float: left; margin-right: 40px; }
.serlist li{ font-family: 'Roboto Slab', serif; font-size: 16px; color: #000; display: block; font-weight: 400; font-style: normal;  margin-bottom: 5px;}
.serlist h6{ font-family: 'Roboto Slab', serif; font-size: 22px; color: #EB1B50; display: block; font-weight: 700; font-style: normal; margin-bottom: 5px;}
/*Services Section Ends*/












/*CONTACT US BEGINS HERE*/	

/*Contact Us Content Begins Here*/
.form-title{ width: 1200px; float: left; background-color: #313031; padding: 20px 0px;  color:#fff; font-family: 'Oswald', sans-serif; font-size: 22px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: center;}
.contact-us{ width: 1200px; float: left; margin: 0px 0px 20px 0px; background-color: #F2F2F2; padding: 30px 0px;}
.contact-us h3{ font-family: 'Oswald', sans-serif; font-size: 23px; color: #000; margin-bottom: 10px; font-weight: 400; letter-spacing: 1px;}
.contact-us h4{ font-family: 'Roboto Slab', serif; font-size: 16px; color: #000; font-weight: 400;}
.contactbut a{ display: block; text-align: center; padding: 15px 0px; background-color: #313031; float: left; width: 430px; margin-top: 10px; color: #fff; font-family: 'Roboto Slab', serif; font-weights: 400; font-size: 18px; border-radius: 3px;}
.contactbut a:hover{ background-color: #EB1B50; color: #fff; }


.linefieldc{ width: 390px; float: left; padding: 15px 20px; margin-bottom: 10px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weights: 400; border: 0px; border: solid 1px #fff; background-color: #fff; border-radius: 5px;}
.linefieldtel{ width: 200px; float: left; padding: 15px 20px; margin-bottom: 10px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weights: 400; border: 0px; border: solid 1px #fff; background-color: #fff; border-radius: 5px;}
.linefieldc2{ width: 390px; float: left; padding: 15px 20px; height: 120px; margin-bottom: 10px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weights: 400; border: 0px; border: solid 1px #fff; background-color: #fff; border-radius: 5px;}

.mtext_left{width: 400px; float: left; padding: 0px 30px 0px 30px; margin-left: 100px;}
.mtext_right{ width: 420px; float: right; padding: 0px 0px 10px 30px; padding-right: 30px; margin-right: 100px;}
.form_box_deviders{ height: auto; margin-bottom: 15px; width: 400px; float: left; }
.inputholder{ float: left; width: 400px;}
.inputholderhr{ float: left; width: 440px; margin: 10px 0px;}
.inputholderhr hr{ display: block; height: 1px; border-top: 1px solid #999; margin: 0.6em 0; padding: 0; border-bottom: 0; border-right: 0; border-left: 0;}
.inputholderp{ float: left; width: 400px; margin-top: 10px; padding: 10px 0px 0px 0px,}
.leftcprods{ width: 400px; float: left;}
.inputholdert{ float: left; margin-right: 30px; display: inline-block; }
.inputholdertb{ float: left; margin-right: 10px; display: inline-block; }


/*below turns of blue border around formfields*/
.contact-us input:focus { outline: none; background-color: #EB1B50;  border-color: #EB1B50; -webkit-transition: 350ms linear 0s; -moz-transition: 350ms linear 0s; -o-transition: 350ms linear 0s; transition: 350ms linear 0s; }
/*below turns of blue border around textarea in form*/
.contact-us textarea:focus { outline: none; background-color: #EB1B50; border-color: #EB1B50; -webkit-transition: 350ms linear 0s; -moz-transition: 350ms linear 0s; -o-transition: 350ms linear 0s; transition: 350ms linear 0s; }
/*below turns of blue border around select area in form*/
.contact-us select:focus { outline: none; border-color: #EB1B50; box-shadow: 0 0 10px #EB1B50; -webkit-transition: 350ms linear 0s; -moz-transition: 350ms linear 0s; -o-transition: 350ms linear 0s; transition: 350ms linear 0s; }
/*main text contact ends*/











/*Areas Covered Starts*/
.areas_covered{ width: 1200px; float: left; margin-bottom: 10px;}
.areas_covered p{ font-family: 'Roboto Slab', serif; color: #f1901d; font-weight: 400; font-size: 16px; line-height: 24px; }
.areas_left{ width: 540px; float: left; background-color: #000; padding: 40px 30px 24px 30px; height: 437px;}
.ulholders{width: 250px; float: left;  margin: 20px 20px 0px 0px;} 
.ulholders ul{ padding: 0px; margin: 0px; list-style: none;}
.ulholders li a{ font-family: 'Oswald', sans-serif; color: #fff; font-weight: normal; font-size: 17px; display: block; margin-top: 15px; background-image: url(../imgs/arrows/areas_ov.png); background-repeat: no-repeat; background-position: 95% 45%;}
.ulholders li a:hover{ color: #f1901d; background-image: url(../imgs/arrows/services_on.png);}
.ulholders li a#current{ color: #f1901d; background-image: url(../imgs/arrows/services_on.png);}
.areas_right{ width: 600px; float: right;}
/*Areas Covered Ends*/





/*BOOK APPOINTMENT BEGINS HERE*/	

/*Book Appointment Starts Here*/
.book_appointment{ width: 1120px; float: left; margin-bottom: 20px; padding: 40px; background-color: #E9B836;}
.book-left{ width: 545px; float: left; padding: 0px 15px 10px 0px;}
.book_appointment h3{ font-family: 'Oswald', sans-serif; font-size: 35px; color: #000; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px;  text-transform:uppercase;}

.book_appointment h5{ font-family: 'Oswald', sans-serif; font-size: 27px; color: #313031; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px;  line-height: 35px; text-transform:uppercase;}

.book-left p{ font-family: 'Roboto Slab', serif; font-weights: 400; font-size: 16px; line-height: 24px; color: #000;}
p.bookbold{ font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #b9123d;}
.book-form{ width: 550px; float: right; }
.book-form img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
	-webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}
.linefield{ width: 510px; float: left; padding: 15px 20px; background-color: #fff; margin-bottom: 5px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 400; border: 0px;}
.linefield2{ width: 510px; float: left; padding: 15px 20px; height: 120px; margin-bottom: 5px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 400; border: 0px;}

.book_appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #313031; border: 0px; font-size: 16px; font-family: 'Roboto Slab', serif; font-weights: 400; color: #fff; border-radius: 3px;}
.book_appointment a:hover{ background-color: #EB1B50;}

/*below turns of blue border around formfields*/
.book_appointment input:focus {
border-color: #071379; box-shadow: 0 0 10px #071379; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}
/*below turns of blue border around textarea in form*/
.book_appointment textarea:focus {
 border-color: #071379; box-shadow: 0 0 10px #071379; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}

/*Book Appointment Ends Here*/






/*Footer Section Starts*/

.accreditations{ width: 960px; float: left;}
.footer{ width: 1200px; float: left; background-color: #242122; }
.footerh{ width: 1140px; float: left; padding: 30px;}
.flogo{ width: 180px; float: left; margin-right: 40px;}
.flists{ display: inline-block; float: left; margin-right: 100px;}
.flists h6{ font-family: 'Oswald', sans-serif; font-size: 17px; color: #e7b521; display: block; font-weight: 400; font-style: normal; letter-spacing: 1px; margin-bottom: 15px;}
.flists li a{font-family: 'Oswald', sans-serif; font-size: 13px; color: #fff; display: block; font-weight: 400; font-style: normal; letter-spacing: 1px; margin-bottom: 15px;}
.flists li a:hover{ color: #EB1B50;}
.fcont{width: 190px; float: right;}
.fcont p{font-family: 'Oswald', sans-serif; font-size: 11px; color: #fff; font-weight: 400; display: block; margin-bottom: 5px; font-style: normal; letter-spacing: 1px;}
.femerg{ font-family: 'Oswald', sans-serif; font-size: 32px; color: #EB1B50; font-weight: 400; display: block; margin-bottom: 5px; font-style: normal; line-height: 32px; letter-spacing: 1px;}
.fcall{ font-family: 'Oswald', sans-serif; font-size: 28px; color: #fff; font-weight: 400; font-style: normal; line-height: 30px; display: block; margin-bottom: 10px; letter-spacing: 1px;}
.ftell{ font-family: 'Oswald', sans-serif; font-size: 26px; color: #e7b521; font-weight: 400; font-style: normal; line-height: 26px; letter-spacing: 1px;}
/*Footer Section Ends*/


/*We save you time starts*/
.we-save{ width: 1140px; float: left; padding: 15px 30px; background-color: #f1901d;}
.bell{float: left; width: 100px; height: 105px; background-image: url(../imgs/bell.png);}
.we-save-txt{width: 905px; float: left; text-align: center;}
.we-save-txt h4{font-family: 'Oswald', sans-serif; font-size: 25px; color: #fff; font-weight: 400; text-transform: uppercase;}
.we-save-txt h3{font-family: 'Oswald', sans-serif; font-size: 40px; color: #000; font-weight: 400;}
.clock{float: right; width: 105px; height: 93px;background-image: url(../imgs/clock.png);}
/*We save you time ends*/



/*London Services start*/
.london-locksmith-services{ width: 1140px; float: left; padding: 20px 30px; background-color: #ebebeb;}
	.london-locksmith-services_title{ width: 1120px; float: left; margin-bottom: 10px; font-family: 'Oswald', sans-serif; font-size: 30px; color: #EB1B50;  font-weight: 400; letter-spacing: 1px; text-transform: uppercase;}
	.london-locksmith-services li{ display: inline;}
	.london-locksmith-services li a{ display: inline-block; margin: 0px 10px 5px 0px; font-family: 'Oswald', sans-serif; color: #000; font-weight: normal; font-size: 16px;}
	.london-locksmith-services li a:hover{ color: #EB1B50;}

/*London Services End*/




/*Social Media Starts Here*/
.social-media-holder{ width: 1140px; float: left; padding: 15px 30px; background-color: #4e4e50; margin-bottom: 50px;}

.twitter{ width: 41px; float: left; height: 40px; background-image:url(../imgs/social/twitter-ov.png); }
.twitter img{ -webkit-transition: opacity 0.5s ease-in-out;  -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}
.twitter img:hover { opacity:0; }	
.facebook{ width: 41px; height: 40px; float: left; background-image:url(../imgs//social/facebook-ov.png);  }
.facebook img{ -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; }
.facebook img:hover { opacity:0; }

.google{ width: 41px; float: left; height: 40px; background-image:url(../imgs/social/google_plus-ov.png); }
.google img{ -webkit-transition: opacity 0.5s ease-in-out;  -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;}
.google img:hover { opacity:0; }	



.fsocial_media{ width: 123px; float: right; height: 40px; }

.social-title{ font-size: 16px; color: #fff; float: right; display: inline-block; margin-right: 15px; margin-top: 10px; font-weight: 300; font-family: 'Roboto Slab', serif;}

.legals{ float: left; width: 660px; margin-top: 10px;}

.legals p{ font-family: 'Roboto Slab', serif; font-weight: 300; font-size: 13px; color: #fff; line-height: 16px; }


/*new seo links start*/


.seo-links{ float: left; width: 1140px; margin: 0px 0px 20px 0px; padding: 0px 0px;}

.seo-links h4{
				font-weight: 400;
				font-size: 28px;
				color: #EB1B50;
				margin-bottom: 18px;
				font-family: 'Oswald', sans-serif;
				}

.seo-links-left{ float: left; width: 555px;}
.seo-links-right{ float: right; width: 555px;}
.seo-links ul{ padding: 0px; margin: 0px;}
.seo-links li a{ 
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 15px;
	text-decoration: none;
	font-weight: 400;
	font-family: 'Oswald', sans-serif;
	padding: 15px 10px;
	background-color: #4e4f50;
	background-image: url(../imgs/arrows/services_white.png);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
.seo-links li a:hover{background-color: #EB1B50;}
.seo-links li #current{ background-color: #F1901D;}
/*new seo links End*/

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
  display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url(../imgs/ui.totop.png) no-repeat left top; }

#toTopHover {
  background:url(../imgs/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }

#toTop:active, #toTop:focus { outline:none;}




	.strphead{ width: 100%; padding: 10px 0px; text-align: center; background-color: #242122; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 0 10px #999; box-shadow: 0 0 10px #999; position: fixed; bottom: 0px; z-index: 200000;}
	
	.strphead p{ color: #e7b521; font-size: 12px;}
	
	
	
	.g-recaptcha{ float: left; margin: 5px 0px;}
	
	.webmaster{ display: block; font-size: 10px; color: #58595B; font-weight: normal; margin-top: 30px; }
.webmaster a{  font-size: 10px; color: #58595B; font-weight: normal; }
.webmaster a:hover{ color: #fff; }



/*GOOGLE TICKER STARTS HERE*/

.gticker{float: left; width: 1180px; padding: 30px 10px 0px 10px; background-color: #ebebeb;}

        .reviews-ticker {
            max-width: 100%;
            overflow: hidden;
            position: relative;
            background-color: #EB1B50;
            padding: 20px 0;
        }

        .reviews-track {
            display: flex;
            animation: ticker 30s linear infinite;
            width: max-content;
        }

        .reviews-track:hover {
            animation-play-state: paused;
        }

        .review-card {
            flex: 0 0 auto;
            width: 250px;
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            margin: 0 15px;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .review-header {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .reviewer-photo {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-right: 15px;
        }

        .reviewer-name {
			font-family: 'Oswald', sans-serif; color: #EB1B50; font-style: normal; font-weight: 700; font-size: 18px;
        }

        .review-stars {
            color: #ffc107;
            margin-bottom: 10px;
        }

        .review-text {
            font-size: 0.8em;
            margin-bottom: 10px;
			font-family: 'Roboto Slab', serif; color: #000; font-weight: 300; line-height: 20px;
        }

        .review-date {
            font-size: 0.7em;
            color: #666;
            text-align: right;
			font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; line-height: 22px;
        }

        @keyframes ticker {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        /* Responsive adjustments */
        @media (max-width: 768px) {
            .review-card {
                width: 250px;
                margin: 0 10px;
            }
        }

        @media (max-width: 480px) {
            .review-card {
                width: 200px;
                margin: 0 5px;
                padding: 15px;
            }

            .reviewer-photo {
                width: 40px;
                height: 40px;
            }
        }

/*GOOGLE TICKER ENDS HERE*/