form.CUS input.subject { display: none; }
.contact-bg input, .contact-bg textarea{margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%;}
.contact-bg select{background-color: #dedbff;border-radius: 8px;height: 40px;margin-left: 2%;}
html{scroll-behavior:smooth}
body{font-family:'Roboto',sans-serif !important;font-size:16px;font-weight:400;color:#0b091e;overflow-x:hidden ;}
.border-bottom1{border-bottom: 1px solid;border-bottom-color:#a6b9f233}
.border-bottom2{border-bottom: 1px solid;border-bottom-color:#283f88}
.border-bottom-nav{border-bottom: 1px solid;border-bottom-color:#283f88;width: 50%;}
.btn-theme{background-color: #0b091e;border-color: #ff3c00;color: #fff;}
.btn-theme:hover{color: #fff;background-image:url("../img/bg-cards.webp");background-repeat: no-repeat;background-position: right;
  background-color: #ff3c00;
  z-index: 1;
  transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;}
.icon-theme{color: #ff3c00;}
.color-font{color: #0b091e;}
.btn-outline-theme{background-color:transparent;border-color: #ff3c00;color: #fff;}
.btn-outline-theme:hover{background-color: #ff3c00;border-color: #0b091e;color: #fff;}
.decoration{text-decoration: none!important;}
.span-color{color: #ff3c00;}
.nav-link {
  color: #fff;

}
.nav-link:hover, .nav-link:focus {
  color: #ff3c00;
}
h1{font-size: 3rem;}
.dashed::before { 
  content: "";
  width:74px;
  display: inline-block;
  height:2px;
  background: url('../img/section-sub-shape1.webp') no-repeat;
  font-weight: bold;
  background-size: cover;
  background-position: center center;
margin:0 10px 5px 0;}
.dashed1::after { 
  content: "";
  width:74px;
  display: inline-block;
  height:2px;
  background: url('../img/section-sub-shape2.webp') no-repeat;
  font-weight: bold;
  background-size: cover;
  background-position: center center;
margin:0px 0px 5px 10px;}
.nn {
    animation-name: example;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    transition: all ease 4s;
  }
  .rotateme {
    -webkit-animation-name: rotateme;
            animation-name: rotateme;
    -webkit-animation-duration: 20s;
            animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
  }
  
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @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);} }
      
      .zoom {
        -webkit-animation: zoom 1.5s alternate infinite;
        animation: zoom 1.5s alternate infinite;
        left: 200px;
        position: absolute;
      }
      @keyframes zoom{
        0% {
          transform: scale(0.5);
        }
      
        100% {
         transform: scale(1.5);
        }
      }
/* banner */
.bg-banner{background:url('../img/locksmith-denver-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-office{background:url('../img/office-locksmith-denver-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-car{background:url('../img/car-locksmith-denver-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.bg-banner-lockout{background:url('../img/car-locked-out-banner.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.margin-theme{margin: 15% 0 15% 0;}
/* end banner */
.bg-brands{background-color:#031b66 ;}
/*marquee*/
.marquee{width:100%;margin:0 auto;white-space:nowrap;box-sizing:border-box;animation:marquee 50s linear infinite;color:#fff}
.marquee:hover{animation-play-state:paused}
/* Make it move */
@keyframes marquee{0%{text-indent:27.5em}
100%{text-indent:-105em}
}
/* LOAD */
.loader {
  width: 30px;
  height: 30px;
  border: 2px solid #0b091e;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 0;
  background: #FF3D00;
  width: 3px;
  height: 15px;
  transform: translateX(-50%);
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.loader2 {
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader2::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 0;
  background: #FF3D00;
  width: 3px;
  height: 15px;
  transform: translateX(-50%);
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
/* END LOAD */
/* load offer */
.loader1 {
  width: 200px;
  height: 200px;
  border: 3px dotted #0b091e;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 4s linear infinite;z-index: 10;
}
.loader1::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #FF3D00;
  border-style: solid solid dotted;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  animation: rotationBack 2s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
} 
/* end load offer */
.z-in{position: absolute;
  z-index: 10;
  right: 18%;
}
z-in2{position: relative;}
/* cards */
.services{background: url("../img/bg-service.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;}
.services .box {
	background-color:#fff;
  color:#011126;
	overflow:hidden;
	transition: .3s ease;margin-right: 30px;
  position: relative;
}
.services .box:hover{background-image:url("../img/bg-cards.webp");
  background-color: #0b091e;
  z-index: 1;
  transition:all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;}
.services .box i {
	color:#FF3D00;
	transition:inherit;
	transition-delay: 0s
}
.services .box i:hover{color:#011126}
.services h3 {
	color:#011126;
	transition:inherit;
	transition-delay: .05s;
  font-size: 1.2rem;
}
.services p {
	color:#031b66;
	transition:inherit;
	transition-delay: .1s;
}
.readmore {
	color:#fff;
	overflow: hidden;
    display: inline-block;
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-right: 2rem;
}
.readmore:before {
	animation: ts-link-arrow-effect-animation-out;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
    background-color: #FF3D00;
    bottom: 0;
    height: .125rem;
    margin: auto;
    left: 0;
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    transform: scaleX(.2);
    transform-origin: left center;color:#fff;
    z-index: 0;
}
.readmore span {
	position: relative;
    transform: translateX(-200%);
    display: inline-block;
    transition: .6s cubic-bezier(.6, .01, 0, 1);color:#fff;
}
.box:hover .readmore span {
    transform: translateX(0%);
}
.box:hover .readmore:before {
	animation: ts-link-arrow-effect-animation-in;
    animation-fill-mode: forwards;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.6, .01, 0, 1);
}
.box:hover i,
.box:hover h3,
.box:hover p {
    transform: translateY(-0.625rem);
    color:#fff;
}
@keyframes ts-link-arrow-effect-animation-out {
    0% {
        transform-origin: right center;
        transform: scaleX(.2);
    }

    70% {
        transform-origin: right center;
    }

    71% {
        transform-origin: left center;
        transform: scaleX(1);
    }

    100% {
        transform-origin: left center;
        transform: scaleX(.2);
    }
}
@keyframes ts-link-arrow-effect-animation-in {
    0% {
        transform-origin: left center;
        transform: scaleX(.2);
    }

    70% {
        transform-origin: left center;
        transform: scaleX(1);
    }

    71% {
        transform-origin: right center;
    }

    100% {
        transform-origin: right center;
        transform: scaleX(.2);
    }
}
/* end cards */


/* sec2 */
.bg-sec2{background:url('../img/bg-sec2.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
/* end sec2 */
/* 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;width:100%;height:100%}
.lightbox-target:target img{max-height:100%;max-width:100%}
.printable{position:relative;z-index:1}
/* end coupon */
/* contact */
.contact-bg{background:url('../img/contact-bg.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.spam { display:none;}
/* end contact */

/* gallery */
.card{background-color: rgba(11, 9, 30, 0.4);color:#fff;}
.bg-service{width: 100%;background: url("../img/bg-gallery.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment:fixed;
}
h3{color: #011126; font-size: 1.3rem;}
/* end gallery */
/* button */
a.slider-button {
  background: #FF3C00;
  display: inline-block;
  padding: 16px 35px;
  color: #fff;
  font-weight: 500;
  border: 2px solid #FF3C00;
  position: relative;
  margin: 15px 7px;text-decoration: none;
  width: 13rem;
}
a.slider-button.two {
  background: transparent;
  color: #011126;width: 13rem;
}
a.slider-button.three:hover, a.slider-button.two:hover {
  background: #FF3C00;
}
a.slider-button.three {
  background: transparent;
  color: #fff;width: 13rem;
}
a.slider-button::before {
position: absolute;
content: "";
right: 0;
top: 0px;
height: 100%;
width: 39%;
background: url("../img/button-border.webp");
background-repeat: no-repeat;background-position: right center;margin-right: 2%;
}
a i {
  margin-left: 5px;
  font-weight: 600;
}
a:hover{
  background:transparent;color:#fff;text-decoration: none;
}

/* end button */

/* sec4 */
.bg-sec4{width: 100%;background: url("../img/bg-home-change-locks.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-sec4-office{width: 100%;background: url("../img/bg-commercial-locks-near-me.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-sec4-car{width: 100%;background: url("../img/bg-car-locks-near-me.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-sec4-lockout{width: 100%;background: url("../img/bg-car-locked-out-near-me.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-sec4-replace{width: 100%;background: url("../img/bg-key-replacement-near-me.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
.bg-sec4-rekey{width: 100%;background: url("../img/bg-car-rekey-near-me.webp");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;}
/* end sec4 */
/* sec call us */
.bg-call{background: url("../img/bg-locksmith-near-me-now.webp");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;}

/* end call */
/* footer */
.contact-info{background:url('../img/bg-footer.webp') no-repeat center;background-size:cover; background-attachment:fixed;}
.contact-info a{color: #fff;text-decoration: none;}
/* end footer */
/*!
* Font Awesome Free 5.9.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,.fab,.far,.fas{-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-ul{list-style-type:none;}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;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:auto;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:auto;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")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}
.fa-blogger-b:before{content:"\f37d"}
.fa-clock:before{content:"\f017"}
.fa-truck:before{content:"\f0d1"}
.fa-envelope:before{content:"\f0e0"}
.fa-facebook-f:before{content:"\f39e"}
.fa-google:before{content:"\f1a0"}
.fa-hand-holding-usd:before{content:"\f4c0"}
.fa-instagram:before{content:"\f16d"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-map-marker:before{content:"\f041"}
.fa-mobile-alt:before{content:"\f3cd"}
.fa-phone:before{content:"\f095"}
.fa-phone-volume:before{content:"\f2a0"}
.fa-recycle:before{content:"\f1b8"}
.fa-thumbs-up:before{content:"\f164"}
.fa-twitter:before{content:"\f099"}
.fa-yelp:before{content:"\f1e9"}
.fa-youtube:before{content:"\f167"}
.fa-dollar-sign:before {content: "\f155"; }
.fa,.fas{font-weight:900}
.fa-clipboard:before{content:"\f328"}
.fa-clock:before{content:"\f017"}
.fa-headset:before{content:"\f590"}
.fa-map-marked-alt:before{content:"\f5a0"}
.fa-check-square:before {content: "\f14a"; }
.fa-user:before {content: "\f007"; }
.fa-shield-alt:before {content: "\f3ed"; }