form.CUS input.subject { display: none; }
.form-group input, .form-group textarea{margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%;}
.form-group select{background-color: #f06405;border-radius: 8px;height: 40px;margin-left: 2%;}
body{overflow-x: hidden;}
.bg-blue{background: rgb(111,111,111);
  background: linear-gradient(90deg, rgba(111,111,111,1) 0%, rgba(0,0,0,1) 100%);}
  .navbar-collapse {
    flex-grow:inherit;}
.bg-banner{background-image:url('../img/locksmith-morristown-banner.webp') ;background-position: center; background-repeat:no-repeat;background-size: cover;}
.btn-warning{
  background: linear-gradient(90deg, rgba(255,60,0,1) 0%, rgb(236, 110, 6) 100%);}
  .btn-outline-warning{border: #ff3c00 solid 1px;}
.decoration, .decoration a{text-decoration: none;color: #fff;} .decoration:hover{color: #1e1e1e;}
.address{width:50%;}
.btn-color1{background-color: #ff3c00;color: #fff;font-size: 0.8em;}
.btn-color1:hover {background-color: #0c1b38;color: #fff!important;}
.bg-cards{background-image: url('../img/bg-cards.webp'); background-position: center; background-repeat: repeat;}
.color-change{color: #ff3c00;}
.sub-head{color:#ec6d06;}
.sub-head::before{content: "" ; display: inline-block; width: 50px;height: 2px; background-color: #ec6d06; margin-right: 20px;position: relative;top: -3px;}
.head1{color:#ff3c00;}
.sub-head1{color:#000;}
p.intro::first-letter {
  color: #ff3c00;
  font-size: xx-large;
}
.font-size1{font-size: 1vw;}
.bg-text{background-color: #eeeeee;}
.font-footer{ font-size: 0.96rem;}
.shadow{box-shadow:3rem 1rem 3rem rgba(0,0,0,.175)!important;}
.text-shadow1{text-shadow: 2px 2px #fff; }
.form{background-image: url('../img/bg-form.webp');background-position: center; background-repeat:no-repeat; background-size: cover;background-attachment: fixed;}
.bg-services{background-image: url('../img/bg-services.webp');background-position: center; background-repeat:no-repeat;min-height: 776px;}
.m-t-service{margin-top: 15rem;}
.selected{user-select: none;}
/*marquee*/
.marquee{width:100%;margin:0 auto;overflow:hidden;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;}
.marquee:hover{animation-play-state:paused}
@media (max-width: 992px) {.display1{display: none;}}
@media (max-width: 1200px) {.display2{display: none;}}
/* Make it move */
@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}
.font-bolder{font-weight: bolder;}
.mt-n{margin-top: -200px;}
.bg-light1{background-image:url('../img/bg-sec1.webp');background-position: center; background-repeat:no-repeat; background-size: cover;background-attachment: fixed;}
/* banner */
.nn {
  animation-name: example;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  transition: all ease 4s;
}
@keyframes example {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);}
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);}
  100% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);} }
.line{font-size: 22px;
  font-weight: normal;
}
.line::after { 
  content: "";
  font-weight: bold;
  display:inline-block;
  background-color: #ec6d06;
  margin-right: 20px;
  width: 50px;
  height: 2px;
  margin-left: 5px;
}
.line::before { 
  content: "\f0d1";
  font-weight: bold;
  margin-right:10px ;
  width: 50px;
  font-family: "Font Awesome 5 Free"; font-weight: 900;
}
/* end banner */
/* cards */

.cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 20px 0 40px;
}
.card {
  width: 300px;
  margin: 20px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  max-height: 400px;
}
.card:hover .card__caption {
  top: 50%;
  transform: translateY(-50%);
}
.card:hover .card__image {
  transform: translateY(-10px);
}
.card:hover .card__thumb::after {
  top: 0;
}
.card:hover .card__snippet {
  margin: 20px 0;
}
.card__thumb {
  position: relative;
  max-height: 300px;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .card__thumb {
    max-height: 500px;
  }
}
.card__thumb::after {
  position: absolute;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 70%, rgba(255, 255, 255, 0) 100%);
  transition: 0.3s;
}
@media (min-width: 1024px) {
  .card__thumb::after {
    top: calc(100% - 140px);
  }
}
.card__image {
  transition: 0.5s ease-in-out;
}
.card__caption {
  position: absolute;
  top: 50%;
  z-index: 1;
  padding: 0 20px;
  color: white;
  transform: translateY(-50%);
  text-align: center;
  transition: 0.3s;
}
@media (min-width: 1024px) {
  .card__caption {
    top: calc(100% - 110px);
    transform: unset;
  }
}
.card__title {
  display: -webkit-box;
  max-height: 85px;
  overflow: hidden;
  font-family: "Playfair Display", serif;
  font-size: 23px;
  line-height: 28px;
  text-shadow: 0px 1px 5px black;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card__snippet {
  display: -webkit-box;
  max-height: 150px;
  margin: 20px 0;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  transition: 0.5s ease-in-out;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
  .card__snippet {
    margin: 60px 0;
  }
}
.card__button {
  display: inline-block;
  padding: 10px 20px;
  color: white;
  border: 1px solid white;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.3s;
}
.card__button:hover {
  color: #000;
  background-color: #fff;
}
/* end cards */
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
  background-color: #fff;}
/* text1 */
.shield{font-size: 22px;
  font-weight: normal;
}
.shield::after { 
  content: "";
  font-weight: bold;
  display:inline-block;
  background-color: #ec6d06;
  margin-right: 20px;
  width: 50px;
  height: 2px;
  margin-left: 5px;
}
.shield::before { 
  content: "\f3ed";
  font-weight: bold;
  margin-right:10px ;
  width: 50px;
  font-family: "Font Awesome 5 Free"; font-weight: 900;
}
/* end text1 */
/*spinner  */
.spinner-wrap {
  position: relative;

}
.spinner-item {
  height: 150px;
  width: 150px;
  position: absolute;
  left: 5%;
  top: 1%;
  border: solid 1px #000;
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-animation: zoom 2s linear 0.75s infinite;
          animation: zoom 2s linear 0.75s infinite;
}
.spinner-item--2 {
  -webkit-animation-delay: 1.25s;
          animation-delay: 1.25s;
}
.spinner-item--3 {
  -webkit-animation-delay: 1.75s;
          animation-delay: 1.75s;
}

@-webkit-keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

@keyframes zoom {
  0% {
    transform: translate(-50%, -50%) scale(0.2);
    opacity: 0;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
/* end spinner */

/* counter */
.bg-counter{background-image:url('../img/counter-bg.webp') ;background-position: center; background-repeat:no-repeat;background-size: cover;}

.counter-box {
	display: block;
	background: #f6f6f6;
	padding: 40px 20px 37px;
	text-align: center
}

.counter-box p {
	margin: 5px 0 0;
	padding: 0;
	color: #909090;
	font-size: 18px;
	font-weight: 500
}

.counter-box i {
	font-size: 60px;
	margin: 0 0 15px;
	color: #d2d2d2
}

.counter { 
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #666;
	line-height: 28px
}

.counter-box.colored {
      background: #fc4401;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
	color: #fff
}
@media (max-width: 1400px) {
.hero__title {

width: 80%; margin-left: 10%; 
margin-top: 10%;margin-right: 5%;
top: 0;  
    left: 0;
    right: 0;
    transform: translate(0%, 0%);
  }
  .hero {
    width: 100%;
  }
}
.spam { display:none;}
/* end counter*/
/*coupon*/
a.lightbox img{height:auto;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;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%}
.printable{position:relative;z-index:1}
.coupon-text p{font-size:30px}
.coupon-text{color:#0a1931; font-size:44px; font-weight: bold}
/*end coupon*/
/* font */
/*!
 * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fab{-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-leaf:before {content: "\f06c"; }.fa-blogger-b:before{content:"\f37d"}.fa-facebook:before{content:"\f09a"}.fa-truck:before{content:"\f0d1"}.fa-shield-alt:before{content:"\f3ed"}.fa-foursquare:before{content:"\f180"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-google-plus:before{content:"\f2b3"}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;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:block;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")}.fab{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;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")}
/* end font */