@charset "utf-8";
/* CSS Document */
/*Light Box*/
form.CUS input.subject { display: none; }
.CUS {margin-top:30px}
.form-control{border-radius:5px;border:#d6d6d6 1px solid;background: none;width:90%;padding:10px;margin-top:10px}
.form-control:focus{border:#353535 2px solid;box-shadow:none}
.form-select{width:27%;float: left;padding:10px}
.form-select-time{width:90%}
.CUS p{width:100%;float:left}
.btn{width:100%;margin-top:20px;margin-bottom:20px}
.btn:hover{background:#0e1424;border-color:#c9c9c9;color:#fff}
#coupon{margin:70px 0px}
.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:999999999999}
.lightbox-target img,.lightbox-target iframe{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;transition:.5s ease-in-out;z-index:999999999999}
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 iframe,.lightbox-target:target img{max-height:100%;max-width:100%}
.p1{width:100%;float:left}
*{box-sizing: border-box;transition:0.5s}
body{margin:0;font-family:Arial;color:#1f2c53}
img{height:auto}
a{text-decoration:none;color:inherit}
h1,h2{margin:0;font-size:26px;padding-top:30px}
p{line-height: 26px;font-size: 17px;margin: 0;padding: 15px 0;font-weight: normal}
p a{font-weight:bold}
.container{width:1200px;margin:0 auto}
#top{float:left;width:100%;background-color:#FFF;position: fixed;top:0;z-index: 20;box-shadow: 0 3px 5px rgba(0,0,0,0.3)}
#social-top{background-color:#95A3AB;float:left;width:100%;color:#fff;height:5vh;text-align:right}
header{display:block;float:left;width:100%;height:106px;margin-top:-15px;background-image:linear-gradient(to right,#015C94 50%,transparent 50%);text-align:center}
#nav{display:flex;float:left;width:100%;height:40px;align-content:center;justify-content:center;margin-top:10px;margin-bottom:10px}
.phone{color:#0D9CD9;font-size:35px}
nav{float:left;color:#2c3640;line-height:40px;position:relative;z-index:1;display:flex;align-items:center;font-size:16px;margin-right:20px}
.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:15px;padding-left:15px}
nav label,nav input[type=checkbox]{display:none;color:#193045}
nav a:hover{color:#0D9CD9}
.shrink{margin-top:-5vh}
.shrink header{width:30%;}
.shrink #nav {width: 70%;position: absolute;right: 0;top: calc(5vh + 15px);}
#banner{background-image:url(professional-services/key-replacement-bedford.jpg);background-repeat:no-repeat;float:left;width:100%;padding-top:calc(95vh - 151px);background-size:100% 100%;margin-top: calc(5vh + 151px);position:relative}
#banner-txt{background-color:rgba(1,92,148,0.9);float:left;width:100%;position:absolute;bottom:0;color:#fff;display:flex}
#banner-txt i{background-color:#0D9CD9;padding:10px;margin-right:20px;font-size:30px;float:left;text-align:center;width:2em}
.why-us1, .why-us2{float:left;font-size:20px;font-weight:bold;margin-right:5%;padding:20px 0 50px 0;width:60%;}
.txt{float:left}
#banner-txt p{padding:5px 0 0 0}
#row1{float:left;width:100%;padding-bottom:40px;text-align: justify}
#row1 li{line-height:32px;float:left;width:50%;}
.fa-check-square{color:#0D9CD9}
#phone{float:right;width:30%;background-color:#0D9CD9;color:#fff;padding:60px 30px;font-size:40px;line-height:50px;height:100%}
#phone p{font-size:20px}
.section1{float:left;width:67%}
#form{background-color:#fff;float:right;width:30%;box-shadow:0 0 10px rgba(0,0,0,0.8);overflow: hidden}
form{float:left;width:100%;padding-bottom:20px;padding-top:20px;margin-bottom:15px}
.form-bg,.comment{width:80%;padding-left:3.5%;height:50px;line-height:45px;color:#192445;display:block;float:left;font-family:calibri;font-size:16px;margin:10px 10%;border:1px solid #015C94}
.comment{height:120px}
.form-bg::placeholder{opacity:1}
.submit{margin-top:10px;float:right;background-color:#0D9CD9;width:120px;height:45px;color:#fff;font-size:18px;border:0;margin-right:10%}
.zoom:hover{transform: scale(0.95)}
#row2{float:left;width:100%;text-align:center;background-color:#d9dbe2;padding-top:20px;padding-right:0;padding-left:0}
.divider{display:table;font-size:24px;text-align:center;width:25%;margin:20px auto}
.divider span{display:table-cell;position:relative}
.divider span:first-child,.divider span:last-child{width:50%;top:13px;background-size:100% 2px;background-position:0 0,0 100%;background-repeat:no-repeat}
.divider span:first-child{background-image:linear-gradient(90deg,#0D9CD9,#0D9CD9)}
.divider span:nth-child(2){color:#0D9CD9;padding:0 5px;width:auto;white-space:nowrap}
.divider span:last-child{background-image:linear-gradient(90deg,#0D9CD9,#0D9CD9)}
#cities{display:flex;float:left;width:100%;padding-top:10px;padding-bottom:10px;justify-content:center;margin-bottom:20px;flex-wrap: wrap}
#cities a{padding:10px;margin:10px;background-color: #FFF;}
#cities a:hover{box-shadow:2px 2px 2px #666}
/*Image Gallery*/
.gallery h1{text-align:center;color:white}
.gallery-all{width:fit-content;margin:20px auto;height:auto}
.gallery{width:calc(100%/4 - 6px);overflow:hidden;height:fit-content;margin:3px;padding:0;display:block;position:relative;float:left}
.gallery img{width:100%;transition-duration:.3s;max-width:100%;display:block;overflow:hidden;cursor:pointer}
.title{position:absolute;display:block;cursor:pointer;top:50%;display:none;left:50%;margin-right:-50%;transform:translate(-50%,-50%);font-weight:bold;font-size:1.4em;text-shadow:1px 2px 5px black;transition-duration:.3s}
.gallery:hover img{transform:scale(1.2);transition-duration:.3s;filter:Sepia(50%);}
.gallery:hover span{color:white;display:block;transition-duration:.3s}
/*End Gallery*/
#row3{background-color:#015C94;float:left;width:100%;padding:30px 0;color:#fff;font-size:22px;line-height:54px}
/*Button*/
.btn{float:right;border:0;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:0;overflow:hidden;position:relative;color:#E5E4E3;font-weight:bold;font-size:15px;background-color:#0D9CD9;padding:17px 50px;box-shadow:0 5px 15px rgba(0,0,0,0.20);line-height: 20px}
.btn:hover{color:#0D9CD9}
.btn span{position:relative;z-index:1}
.btn:after{content:"";position:absolute;left:0;top:0;height:490%;width:140%;background:#E5E4E3;transition:all .5s ease-in-out;transform:translateX(-98%) translateY(-15%) rotate(45deg)}
.btn:hover:after{transform:translateX(-9%) translateY(-25%) rotate(45deg);}
/*End Button*/
#row4{background-color:#d9dbe2;float:left;width:100%;padding-top:20px;text-align:center}
.flex{display:flex;justify-content:space-around;align-items:center;margin-top:20px}
#brands{background-color:#fff;float:left;width:100%;padding-top:20px;padding-bottom:20px;text-align:center}
#brands .flex{flex-flow:wrap}
.brands{padding:10px;margin:10px;background-color:#ced2da}
#footer{color:#fff;background-color:#015C94;float:left;width:100%;padding-top:20px;padding-bottom:20px}
.footer1{float:left;width:33%;color:#fff;line-height:30px}
.footer1 h2{font-size:18px;color:#fff;text-transform:none;position:relative}
.footer1 h2:before{content:"";position:absolute;width:40px;height:3px;bottom:-10px;left:0;border-bottom:3px solid #0D9CD9}
.circle-icon{background-color:rgba(255,255,255,0.30);color:#015C94;border-radius:50%;text-align:center;vertical-align:middle;padding:8px;transition:.5s;font-size:20px;width:1.8em;margin:5px;font-weight:bold}
.circle-icon:hover{background-color:#fc5f2e;color:#fff}
#copy-right{font-size:18px;line-height:40px;color:#fff;background-color:#131b33;text-align:center;float:left;width:100%}
.brands:hover{box-shadow:2px 2px 2px #666}
.hide{display:none}
/*! Font Awesome Free 5.8.2 */
.fab,.fas{display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-flip-horizontal{transform:scaleX(-1)}:root .fa-flip-horizontal{filter:none}.fa-angle-right:before{content:"\f105"}.fa-blog:before{content:"\f781"}.fa-blogger-b:before{content:"\f37d"}.fa-check-square:before{content:"\f14a"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-foursquare:before{content:"\f180"}.fa-globe:before{content:"\f0ac"}.fa-google:before{content:"\f1a0"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-pinterest-p:before{content:"\f231"}.fa-shield-alt:before{content:"\f3ed"}.fa-tools:before{content:"\f7d9"}.fa-warehouse:before{content:"\f494"}.fa-yahoo:before{content:"\f19e"}@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")}@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")}.fas{font-family:"Font Awesome 5 Free"}.fas{font-weight:900}
.g-recaptcha{float:left;max-width:100%;margin-left: 9.5%}
.g-recaptcha *{transform:scale(0.985);float:left;transform-origin: left}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}
@media only screen and (max-width: 1300px){
.container{width:100%;padding:0 10px}
#top{margin-top:-5vh;}
header, .shrink header{width:30%;}
#nav, .shrink #nav{width:50%;float:right;justify-content: flex-end;padding-right:15px;}
.shrink #nav{margin-top: 0}
#banner{margin-top:91px;padding-top:40.6%}
.phone{margin-right:20px}
nav{padding:0;float:right;order:3;margin: 0}
nav ul{width:300%;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: #015C94;color: #FFF}
nav ul li:hover a{background-color: #E5E4E3;color: #015C94}
.show-menu{display:block;text-align:center;float:right;margin-right:10px;width:100%}
input[type=checkbox]:checked ~ #sub-menu{display:block;position:absolute;right:0;bottom:-243px;z-index: 1}
#sub-menu{display:none}
.bar1,.bar2,.bar3{width:30px;height:3px;background-color:#2c3640;margin:6px 0;transition:.4s;display:block}
.change .bar1 {transform: rotate(-45deg) translate(-9px, 3px) ;}
.change .bar2 {opacity: 0;}
.change .bar3 {transform: rotate(45deg) translate(-9px, -4px);}}
@media only screen and (max-width: 1000px) {
h1{font-size:24px }
header {height:80px;}
header img{width:300px;height:80px}
#banner{margin-top:65px;}
/*#nav, .shrink #nav{margin-top: 15px}*/
.why-us1{margin:0 15px;}
.why-us2{display:none}
#phone{font-size: 30px}
#row1 li {width: 100%;}
.gallery {width: calc(50% - 6px);}
#cities, .flex{flex-wrap: wrap}
.zoom{margin-bottom:15px;max-width:100%}
input[type=checkbox]:checked ~ #sub-menu{bottom:-225px;}
}
@media only screen and (max-width: 800px) {
#phone{width:100%}
.why-us1 br{display: none}
#banner-txt{bottom:-90px}
#row1{margin-top:90px}
#phone{height:auto;margin-top:10px;text-align: center;padding:5px}
#phone p{text-align: center}
.section1{width:100%}
#form{width:100%;margin-top:15px;background-color: #95A3AB;}
.hide{display:block;color:#FFF;font-size:20px;padding-top:15px;padding-left:10%}
.footer1{width:100%}
.g-recaptcha{margin-left:10%;margin-right:20%;}
}
@media only screen and (max-width: 500px) {
header {height:52px;margin-top:0}
header img{width:200px;height:52px;}
#banner{margin-top:37px;}
/*#nav, .shrink #nav{margin-top: 10px}*/
.why-us1{display: none}
.gallery {width: 100%;}
}
.container ul li{float:left;padding:20px 2% 20px 0px;list-style:none}