@charset "utf-8";
/* CSS Document */
html{scroll-behavior:smooth;overflow-x:hidden;transition:all 1s ease-in-out }
*{box-sizing:border-box}
h1{color:#042940;font-size:28px}
p{line-height: 30px}
#p1 p{font-family:Baskerville,"Palatino Linotype",Palatino,"Century Schoolbook L","Times New Roman",serif;font-size:17px;line-height:25px;padding-left:2.5%;padding-top:1%;padding-right:2.5%;padding-bottom:1%;text-align:justify}
.bg{background-image:url(locksmith-services/banner.jpg);background-repeat:no-repeat;background-position:center top;background-size:100% 100%;height:700px}
body{margin:0px}
.section1{width:100%;position:relative;float:left;min-height:700px;z-index:1000}
/*header shrink*/ header{width:100%;position:relative}
.top{/* height:100px;*/ position:fixed;width:100%;transition:transform 420ms cubic-bezier(.165,.84,.44,1);top:0;z-index: 9999}
.top.fixed{background:#042940;height:100px;transform:translate3d(0px,-110px,0);top:0;z-index:1001}
.top.fixed .nav{margin-top:20px;width:80%;}
.top.fixed .phone{font-size:20px;float:left;margin-top:10px;width:10%;padding:0px 1%}
.scrolled .top{transform:translate3d(0px,-110px,0);height:60px}
.scrolled .top.fixed{transform:translate3d(0px,0,0)}
.logo{float:left;width:15%;margin-left:2%;margin-top:20px}
.nav{float:left;width:63%;color:#fff;margin-top:20px;position:relative;font-size:18px;margin-left:6%}
nav{float:left;color:#FFF;line-height:40px;position:relative;left:0;top:10px;width:85%;display:flex;align-items:flex-start;}
.show-menu{display:none}
nav ul{margin:0;padding:0;float:right}
nav ul li{display:block;float:left;list-style-type:none;padding-right:10px;padding-left:10px}
nav label,nav input[type=checkbox]{display:none;color:#193045}
.phone{float:left;width:16%;background-color:#9FC131;color:#042940;font-size:40px;text-align:center;margin:30px 2%;padding:10px 0px;font-family:impact}
#p1{background-color:rgba(253,255,255,.50);width:60%;top:200px;left:20%;right:20%;position:absolute;border:solid 3px #042940;text-align:center;padding: 20px 0px}
.car-img{float:left;position:absolute;left:-5%;bottom:-200px}
/*moving*/ 
.hidden{opacity:0}
@keyframes fade-in{from{left:-70%}
50%{left:5%}
to{left:-5%}
}
.fade-in-element{animation:fade-in 3s}	
.keys-img{float:right;position:absolute;right:-6%;top:130px;width:17.5%;height:auto}
#p2{width:1200px;margin-right:auto;margin-left:auto;position:relative;margin-bottom:70px}
h2{font-size:30px;color:#9FC131}
#why-us{width:1200px;margin-right:auto;margin-left:auto;border:4px solid #042940;margin-top:20px;padding-left:10%;padding-right:5%;padding-bottom:20px;display:table;position:relative}
#why-us img{max-width:100%;height:auto}
.icon{margin-top:140px;float:left;background-color:#fff;padding-left:2%;padding-right:2%;width:auto}
.icon1{margin-top:70px;float:left;padding-left:2%;padding-right:2%;width:auto}
.icon2{margin-top:-30px;float:left;padding-left:2%;padding-right:2%;width:auto}
.emergency-img{text-align:center;float:left;width:100%;margin-top:-90px;position:relative;margin-bottom:20px}
/* Pulse */@-webkit-keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
@keyframes hvr-pulse{25%{-webkit-transform:scale(1.1);transform:scale(1.1)}
75%{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
.hvr-pulse{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}
.hvr-pulse:hover,.hvr-pulse:focus,.hvr-pulse:active{-webkit-animation-name:hvr-pulse;animation-name:hvr-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
#p3{background-attachment:fixed;background-image:url("locksmith-services/car-key-programming.jpg");background-repeat:no-repeat;background-position:center center;background-size:100% 100%;float:left;width:100%;display:table;text-align:center;padding:50px 15%;color:#fff;font-size:18px}

#p3 ul{padding:0}
#p3 ul li{float:left;list-style:none;background:rgba(255,255,255,.2);padding:1%;margin:10px 1% 20px 0px}
.p{width:1200px;margin-left:auto;margin-right:auto}
#offer{float:left;width:100%;text-align:center;padding:50px 2%}
a.lightbox img{transition:.5s}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:2}
.lightbox-target img{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid white;box-shadow:0 0 8px rgba(0,0,0,0.7);box-sizing:border-box;transition:.5s ease-in-out}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-height:100%;max-width:100%}
#gallery{background-color:#9fc131;float:right;width:110%;transform:rotate(-7deg);margin-right:-5%;margin-top:150px;height:200px}
.img1{margin-top:-70px;transform:rotate(7deg);margin-right:3%}
.img2{margin-top:50px;transform:rotate(7deg);margin-right:5%}
#p4{float:left;width:100%;margin-top:80px;text-align:center}
#content{float:left;width:100%;background-image:url(locksmith-services/cheap-car-keys.jpg);background-position:right center;background-repeat:no-repeat;background-attachment:fixed;background-size:100% auto;display:table}
#services{background-color:rgba(207,207,207,.95);float:left;width:50%;line-height:30px;font-size:20px;text-transform:capitalize;padding:50px 0px}
#services h2{color:#042940;margin-left:2%}
#call{background-color:#042940;background-image:url(locksmith-services/logo.png);background-size:10% auto;width:1200px;padding:2%;margin:auto;font-size:23px;text-transform:uppercase;color:#fff;background-repeat:no-repeat;background-position:2% center;position:relative;text-align:center;height:80px}
#call p{margin:0}
#call a{color:#9FC131;text-decoration:none}
.hvr-sweep-to-right{border:solid 3px rgba(156,156,159,1.00);padding:1%;display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:absolute;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;right:2%;bottom:10px}
.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#fff;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active{color:white;text-decoration:none;color:#333}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1)}
#testimonials{background-color:#424651;background-image:url(locksmith-services/testimonials-bg.jpg);background-repeat:no-repeat;background-position:center;float:left;width:100%;text-align:center;padding-top:50px;position:relative;color:#fff}
.testim{width:100%;position:relative;top:100px;-webkit-transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);transform:translatey(-50%)}
.testim .wrap{position:relative;width:100%;max-width:1020px;padding:40px 20px;margin:auto}
.testim .arrow{display:block;position:absolute;color:#eee;cursor:pointer;font-size:2em;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px;z-index:22222222}
.testim .arrow:before{cursor:pointer}
.testim .arrow:hover{color:#9FC131}
.testim .arrow.left{left:10px}
.testim .arrow.right{right:10px}
.testim .dots{text-align:center;position:absolute;width:100%;bottom:60px;left:0;display:block;z-index:3333;height:12px}
.testim .dots .dot{list-style-type:none;display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #eee;margin:0 10px;cursor:pointer;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}
.testim .dots .dot.active,.testim .dots .dot:hover{background:#9FC131;border-color:#9FC131}
.testim .dots .dot.active{-webkit-animation:testim-scale .5s ease-in-out forwards;-moz-animation:testim-scale .5s ease-in-out forwards;-ms-animation:testim-scale .5s ease-in-out forwards;-o-animation:testim-scale .5s ease-in-out forwards;animation:testim-scale .5s ease-in-out forwards}
.testim .cont{position:relative;overflow:hidden}
.testim .cont>div{text-align:center;position:absolute;top:0;left:0;padding:0 0 70px 0;opacity:0}
.testim .cont>div.inactive{opacity:1}
.testim .cont>div.active{position:relative;opacity:1}
.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}
.testim .cont div h2{color:#9FC131;font-size:1em;margin:15px 0}
.testim .cont div p{font-size:1.15em;color:#eee;width:80%;margin:auto}
.testim .cont div.active .img img{-webkit-animation:testim-show .5s ease-in-out forwards;-moz-animation:testim-show .5s ease-in-out forwards;-ms-animation:testim-show .5s ease-in-out forwards;-o-animation:testim-show .5s ease-in-out forwards;animation:testim-show .5s ease-in-out forwards}
.testim .cont div.active h2{-webkit-animation:testim-content-in .4s ease-in-out forwards;-moz-animation:testim-content-in .4s ease-in-out forwards;-ms-animation:testim-content-in .4s ease-in-out forwards;-o-animation:testim-content-in .4s ease-in-out forwards;animation:testim-content-in .4s ease-in-out forwards}
.testim .cont div.active p{-webkit-animation:testim-content-in .5s ease-in-out forwards;-moz-animation:testim-content-in .5s ease-in-out forwards;-ms-animation:testim-content-in .5s ease-in-out forwards;-o-animation:testim-content-in .5s ease-in-out forwards;animation:testim-content-in .5s ease-in-out forwards}
.testim .cont div.inactive .img img{-webkit-animation:testim-hide .5s ease-in-out forwards;-moz-animation:testim-hide .5s ease-in-out forwards;-ms-animation:testim-hide .5s ease-in-out forwards;-o-animation:testim-hide .5s ease-in-out forwards;animation:testim-hide .5s ease-in-out forwards}
.testim .cont div.inactive h2{-webkit-animation:testim-content-out .4s ease-in-out forwards;-moz-animation:testim-content-out .4s ease-in-out forwards;-ms-animation:testim-content-out .4s ease-in-out forwards;-o-animation:testim-content-out .4s ease-in-out forwards;animation:testim-content-out .4s ease-in-out forwards}
.testim .cont div.inactive p{-webkit-animation:testim-content-out .5s ease-in-out forwards;-moz-animation:testim-content-out .5s ease-in-out forwards;-ms-animation:testim-content-out .5s ease-in-out forwards;-o-animation:testim-content-out .5s ease-in-out forwards;animation:testim-content-out .5s ease-in-out forwards}
@-webkit-keyframes testim-scale{0%{-webkit-box-shadow:0px 0px 0px 0px #eee;box-shadow:0px 0px 0px 0px #eee}
35%{-webkit-box-shadow:0px 0px 10px 5px #eee;box-shadow:0px 0px 10px 5px #eee}
70%{-webkit-box-shadow:0px 0px 10px 5px #9FC131;box-shadow:0px 0px 10px 5px #9FC131}
100%{-webkit-box-shadow:0px 0px 0px 0px #9FC131;box-shadow:0px 0px 0px 0px #9FC131}
}
@-moz-keyframes testim-scale{0%{-moz-box-shadow:0px 0px 0px 0px #eee;box-shadow:0px 0px 0px 0px #eee}
35%{-moz-box-shadow:0px 0px 10px 5px #eee;box-shadow:0px 0px 10px 5px #eee}
70%{-moz-box-shadow:0px 0px 10px 5px #9FC131;box-shadow:0px 0px 10px 5px #9FC131}
100%{-moz-box-shadow:0px 0px 0px 0px #9FC131;box-shadow:0px 0px 0px 0px #9FC131}
}
@-ms-keyframes testim-scale{0%{-ms-box-shadow:0px 0px 0px 0px #eee;box-shadow:0px 0px 0px 0px #eee}
35%{-ms-box-shadow:0px 0px 10px 5px #eee;box-shadow:0px 0px 10px 5px #eee}
70%{-ms-box-shadow:0px 0px 10px 5px #9FC131;box-shadow:0px 0px 10px 5px #9FC131}
100%{-ms-box-shadow:0px 0px 0px 0px #9FC131;box-shadow:0px 0px 0px 0px #9FC131}
}
@-o-keyframes testim-scale{0%{-o-box-shadow:0px 0px 0px 0px #eee;box-shadow:0px 0px 0px 0px #eee}
35%{-o-box-shadow:0px 0px 10px 5px #eee;box-shadow:0px 0px 10px 5px #eee}
70%{-o-box-shadow:0px 0px 10px 5px #9FC131;box-shadow:0px 0px 10px 5px #9FC131}
100%{-o-box-shadow:0px 0px 0px 0px #9FC131;box-shadow:0px 0px 0px 0px #9FC131}
}
@keyframes testim-scale{0%{box-shadow:0px 0px 0px 0px #eee}
35%{box-shadow:0px 0px 10px 5px #eee}
70%{box-shadow:0px 0px 10px 5px #9FC131}
100%{box-shadow:0px 0px 0px 0px #9FC131}
}
@-webkit-keyframes testim-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes testim-content-in{from{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
}
@-ms-keyframes testim-content-in{from{opacity:0;-ms-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes testim-content-in{from{opacity:0;-o-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes testim-content-in{from{opacity:0;transform:translateY(100%)}
to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes testim-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-moz-keyframes testim-content-out{from{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}
}
@-ms-keyframes testim-content-out{from{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-ms-transform:translateY(-100%);transform:translateY(-100%)}
}
@-o-keyframes testim-content-out{from{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
to{opacity:0;transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes testim-content-out{from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-100%)}
}
@-webkit-keyframes testim-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes testim-show{from{opacity:0;-moz-transform:scale(0);transform:scale(0)}
to{opacity:1;-moz-transform:scale(1);transform:scale(1)}
}
@-ms-keyframes testim-show{from{opacity:0;-ms-transform:scale(0);transform:scale(0)}
to{opacity:1;-ms-transform:scale(1);transform:scale(1)}
}
@-o-keyframes testim-show{from{opacity:0;-o-transform:scale(0);transform:scale(0)}
to{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes testim-show{from{opacity:0;transform:scale(0)}
to{opacity:1;transform:scale(1)}
}
@-webkit-keyframes testim-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@-moz-keyframes testim-hide{from{opacity:1;-moz-transform:scale(1);transform:scale(1)}
to{opacity:0;-moz-transform:scale(0);transform:scale(0)}
}
@-ms-keyframes testim-hide{from{opacity:1;-ms-transform:scale(1);transform:scale(1)}
to{opacity:0;-ms-transform:scale(0);transform:scale(0)}
}
@-o-keyframes testim-hide{from{opacity:1;-o-transform:scale(1);transform:scale(1)}
to{opacity:0;-o-transform:scale(0);transform:scale(0)}
}
@keyframes testim-hide{from{opacity:1;transform:scale(1)}
to{opacity:0;transform:scale(0)}
}
@media all and (max-width:500px){.testim .arrow{font-size:1.5em}
.testim .cont div p{line-height:25px}
}
.row{width:100%;float:left;background-color:#042940}
a{color:inherit;text-decoration:none}
.about-us{float:left;width:35%;padding:1%;line-height: 50px}
.contact{float:left;width:65%;font-size:30px;color:#e6ac04;font-weight:bold;padding:1% 0px}
.input,.comment{width:45%;float:left;margin:10px 4% 10px 0px;height:40px;line-height:40px;padding:0px 1%}
.comment{width:94%;height:80px;line-height:80px}
.submit{width:150px;margin:20px 6%;padding:0px 1%;height:40px;line-height:40px;float:right;font-size:20px;color:#fff;background-color:#9FC131;border:0}
.footer{background-image:url(locksmith-services/contact-bg.jpg);background-position:center top;background-size:cover;width:100%;float:left;color:#042940;font-size:19px;padding:50px 0px}
.copyright{width:100%;float:left;text-align:center;line-height: 50px}
@media only screen and (max-width:1200px){img{max-width:100%;height:auto}
nav{padding:0;float:right;}
nav ul{width:100%;margin:0}
nav ul li{border-bottom:solid 1px #fff;width:100%;padding:0}
nav ul li{border-left:0}
nav ul li a{display:block;text-align:center;line-height:30px;background-color:#b8b8b8;color:#1a1a1a}
nav ul li:hover a{background-color:#2d2d2d;color:#fff}
.show-menu{display:block;text-align:center;float:right;width:100%;color:#fff;font-size: 30px;}
input[type=checkbox]:checked ~ #sub-menu, input[type=checkbox]:checked ~ #sub-menu1{display:block;}
#sub-menu,#sub-menu1{display:none}
.top.fixed .phone,.phone{font-size:2vw;width:auto;padding:0px 1%}
.car-img{display:none}
.keys-img{display:none}
#p2,#call,#why-us,.p{width:100%;float:left}
#p1{width:80%;left:10%;right:10%}
#call p{display:none}
.p img{width:20%;height:auto}
#gallery .p{padding-left:10%}
#gallery{height:100px}
#why-us img{width:20%}
.emergency-img img{width:30%;height:auto;margin-top:20px}
.about-us{width:100%}
.contact{float:left;width:100%;padding-left:2%}
#content{background-size:cover}
#services{width:70%}
}
/*fontawesome*/.fab,.far,.fas{margin:10px 10px 10px 0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}
.fa-at:before{content:"\f1fa"}
.fa-blogger-b:before{content:"\f37d"}
.fa-envelope:before{content:"\f0e0";color:#e6ac04}
.fa-google:before{content:"\f1a0"}
.fa-link:before{content:"\f0c1";color:#e6ac04}
.fa-location-arrow:before{content:"\f124";color:#e6ac04}
.fa-mobile-alt:before{content:"\f3cd";color:#e6ac04}
.fa-clock:before{content:"\f017";color:#e6ac04}
.fa-shield-alt:before{content:"\f3ed"}
.fa-yahoo:before{content:"\f19e"}
.fa-yelp:before{content:"\f1e9"}
.fa-youtube:before{content:"\f167"}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(webfonts/fa-brands-400.eot);src:url(webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-brands-400.woff2) format("woff2"),url(webfonts/fa-brands-400.woff) format("woff"),url(webfonts/fa-brands-400.ttf) format("truetype"),url(webfonts/fa-brands-400.svg#fontawesome) format("svg")}
.fab{font-family:"Font Awesome 5 Brands"}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(webfonts/fa-regular-400.eot);src:url(webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-regular-400.woff2) format("woff2"),url(webfonts/fa-regular-400.woff) format("woff"),url(webfonts/fa-regular-400.ttf) format("truetype"),url(webfonts/fa-regular-400.svg#fontawesome) format("svg")}
.far{font-weight:400}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(webfonts/fa-solid-900.eot);src:url(webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(webfonts/fa-solid-900.woff2) format("woff2"),url(webfonts/fa-solid-900.woff) format("woff"),url(webfonts/fa-solid-900.ttf) format("truetype"),url(webfonts/fa-solid-900.svg#fontawesome) format("svg")}
.far,.fas{font-family:"Font Awesome 5 Free"}
.fas{font-weight:900}
.e-mail{color:#042940 !important}	
/*marquee*/.marquee{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#011126;margin:50px auto}.marquee:hover{animation-play-state:paused}/* Make it move */@keyframes marquee{0%{text-indent:27.5em}100%{text-indent:-105em}}
.g-recaptcha{float:left;max-width:100%;margin:20px 0px}
.g-recaptcha *{transform:scale(1)}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}