body {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.btn-warning
{
    background-color: #EBCBBD;
}

.btn-warning:hover {
    background-color: #1E2545;
    color: aliceblue;
}

.yellow {
    background-color: #EBCBBD;
}

.blue {
    background-color: #1E2545;
}

/* navbar */
.navbar-nav .nav-link {
    color: aliceblue;
    font-weight: bolder;
    font-size: 1rem;

}

.navbar-nav .nav-link.active {
    color: #EBCBBD;
}

.bg {
    background-color: #1E2545;
}

/* hero */
.hero {
    background-image: url(../images/master-key-systems.webp);
    background-size: cover;
    background-position: top center;
}

p {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-weight: 300;
    font-size: 1.1rem;
}

.prag {
    color: aliceblue;
    padding-top: 18rem;
}

.bg1 {
    background-color: rgba(31, 38, 69, 0.7);
    padding: 2rem 1rem;
    margin-top: -1.8rem;
    z-index: -1;
}

.prag h1 {
    background-color: rgb(31, 38, 69);
    padding: 1rem;
    font-size: 3rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: #ffff;
    font-weight: 800;
    z-index: 2;
}

/* form */
#form {
    background-image: url(../images/contact-us.webp);
    background-size: cover;
    background-attachment: fixed;
    color: #FFf;
}

.form-control::placeholder
{
    color: #FFf;
}

.spam {
    display: none;
}
.four
{
    background-image: url(../images/Water-Heater-Installation-Basics-Step.webp);
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
}
/* service */
figure.snip1104{font-family:Raleway,Arial,sans-serif;position:relative;overflow:hidden;margin:10px;min-width:220px;max-width:310px;max-height:220px;width:100%;background:#000;color:#fff;text-align:center;box-shadow:0 0 5px rgba(52, 104, 192,.15)}figure.snip1104 *{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}figure.snip1104 img{max-width:100%;position:relative;opacity:.4}figure.snip1104 figcaption{position:absolute;top:0;left:0;bottom:0;right:0}figure.snip1104 h2{position:absolute;left:40px;right:40px;display:inline-block;background:#000;-webkit-transform:skew(-10deg) rotate(-10deg) translate(0,-50%);transform:skew(-10deg) rotate(-10deg) translate(0,-50%);padding:12px 5px;margin:0;top:50%;text-transform:uppercase;font-weight:300;font-size:20px}figure.snip1104 h2 span{font-weight:300}figure.snip1104:before{height:100%;width:100%;top:0;left:0;content:'';background:#fff;position:absolute;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:rotate(110deg) translateY(-50%);transform:rotate(110deg) translateY(-50%)}figure.snip1104 a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}figure.snip1104.blue{background:#1E2545}figure.snip1104.blue h2{background:#0a212f}figure.snip1104.red{background:#581a14}figure.snip1104.red h2{background:#36100c}figure.snip1104.yellow{background:#EBCBBD}figure.snip1104.yellow h2{background:#583804}figure.snip1104.hover img,figure.snip1104:hover img{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}figure.snip1104.hover h2,figure.snip1104:hover h2{-webkit-transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%);transform:skew(-10deg) rotate(-10deg) translate(-150%,-50%)}figure.snip1104.hover:before,figure.snip1104:hover:before{-webkit-transform:rotate(110deg) translateY(-150%);transform:rotate(110deg) translateY(-150%)}
/* footer */
footer
{
    background-color: #1E2545;
    color: #fff;
}
footer ul 
{
    list-style: none;
    padding: 0;
    margin: 0;
}
footer p 
{
    font-weight: 200;
}
footer a
{
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 200;
}
footer .btn-warning
{
    background-color: #EBCBBD;
}
footer a:hover
{
    color: #EBCBBD;
}
.copyright{margin:0 0 5px 0}
.credits{font-size:13px}