/* Website Fonts */

@font-face {
    font-family: "Poppins Regular";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local("Poppins Regular"), url("../webfonts/Poppins-Regular.woff") format("woff");
}

@font-face {
    font-family: "Poppins Bold";
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: local("Poppins Bold"), url("../webfonts/Poppins-Bold.woff") format("woff");
}

body {
    padding: 0;
    margin: 0;
    font-family: "Poppins Regular" !important;
}

.color-1 {
    color: #FCA311;
}

.top-header {
    background-color: rgb(0 0 0 / 66%);
}

.top-header span a {
    text-decoration: none;
    font-size: 35px;
    color: #1E1E1E;
    font-family: "Poppins Bold";
}

.phone {
    background-color: #093A7D;
}

.bg-nav {
    background-color: #093A7D;
}

.hero {
    height: 100vh;
    background-image: url(../images/locksmithservice.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.hero2 {
    height: 100vh;
    background-image: url(../images/banner2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.hero3 {
    height: 100vh;
    background-image: url(../images/banner3.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.hero span,
.hero-1 span,
.hero-2 span,
.hero-3 span,
.hero-4 span,
.hero-5 span,
.hero-6 span {
    line-height: 40px;
    font-family: "Poppins Bold";
}

.hero p,
.hero-1 p,
.hero-2 p,
.hero-3 p,
.hero-4 p,
.hero-5 p,
.hero-6 p {
    line-height: 35px;
    font-size: 17px;
}

.btn-mine {
    font-size: 30px !important;
    background-color: #FCA311 !important;
    border-color: #FCA311 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.btn-mine:hover {
    background-color: #fff !important;
    color: #FCA311 !important;
    border-color: #fff !important;
    font-weight: bold !important;
    transition: 1s;
}

.hero-1 {
    height: 100vh;
    background-image: url(../images/garage-door-springs.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-2 {
    height: 100vh;
    background-image: url(../images/garage-door-opener.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-3 {
    height: 100vh;
    background-image: url(../images/garage-door-installation.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-nav-bar {
    background-color: rgba(0, 0, 0, 0.486);
    color: #FFFFFF !important;
}

.contxt {
    line-height: 33px;
}

h1 {
    font-size: 32px !important;
    color: #fff;
}

h2 {
    font-size: 27px !important;
    color: #fff !important;
    font-family: "Poppins Bold";
    background-color: #FCA311;
    padding: 10px 10px;
    display: inline-block;
}

hr {
    width: 25%;
    height: 4px !important;
    background-color: #00B5E3;
    display: inline-block;
}

.box-img1 {
    background-image: url(../images/locks.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.box-img2 {
    background-image: url(../images/locksmith-service.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.box-img1-1 {
    background-image: url(../images/replace-garage-door-spring.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.box-img2-1 {
    background-image: url(../images/expert-garage-door-springs-repairs.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.box-img1-2 {
    background-image: url(../images/garage-door-opener-installation-service.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.box-img1-3 {
    background-image: url(../images/replace-your-overhead-door.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.box-img2-2 {
    background-image: url(../images/fix-your-opener-issue.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.box-img2-3 {
    background-image: url(../images/garage-door-installation-service.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sec2 {
    /* background-image: url(../images/bg-services.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: right; */
}

.sec4 {
    background-color: #EBE7E7;
}

.sec3 {
    background-color: #83C523;
}

.sec3 span:first-child {
    color: #FFFFFF;
    font-size: 70px;
    font-weight: bold;
}

.sec3 span:nth-child(2) {
    color: #000000;
    font-size: 80px;
    font-weight: bold;
}

.sec3 span:nth-child(3) {
    color: #000000;
    font-size: 40px;
    text-transform: uppercase;
}

.sec5 {
    background-color: #EBE7E7;
}

.sec6 {
    background-color: #EBE7E7;
    /* background-image: url(../images/bg.jpg);
    background-size: contain;
    background-repeat: no-repeat; */
}

.contact {
    background-color: #202020;
}

.sec6 .box1 {
    font-size: 40px;
}

.sec6 .iconp {
    font-size: 70px;
}

.footer {
    background-color: #FCA311;
}

.bg-contct {
    background-color: #202020;
}

.bg-hero {
    background-color: rgb(0 0 0 / 66%);
}

.fsizeAd {
    font-size: smaller;
}

.contact-info {
    line-height: 30px;
}

.contact-info span:last-child {
    font-size: 25px;
}

.cities .btn {
    margin: 10px 5px;
}

@media (max-width:900px) {
    .hero {
        height: 150vh;
        background-size: cover;
        background-position-x: 60%;
    }
    .sec6 {
        background-size: cover;
    }
    .sec2 {
        background-position-x: 60%;
    }
    .box-img1 {
        height: 300px;
    }
    .box-img2 {
        height: 300px;
    }
}

@media (max-width:400px) {
    .iconp {
        display: none;
    }
}

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl
}

.pnf {
    height: 93vh;
}

.pnf .box {
    display: flex;
    height: 100vh;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pnf .box span:nth-child(1) {
    font-size: 20vw;
    font-weight: bold;
    line-height: 20vw;
}

.pnf .box span:nth-child(2) {
    font-size: 3vw;
    font-weight: bold;
    line-height: 7vw;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255) !important;
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
    color: #FCA311 !important;
}

.marquee {
	/*marquee*/
.marquee{width:100%;margin:0 auto;overflow:hidden;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}
}
}
.news-content {
    color: #FFFFFF;	
}