@font-face {
    src: url('../font/Muli.ttf');
    font-family: muli;
}

@font-face {
    font-family: Montserrat;
    src: url('../font/font/Montserrat/Montserrat-Regular.ttf');
}

@font-face {
    font-family: Roboto;
    src: url('../font/Roboto-Regular.ttf');
}

* {
    margin: 0;
    padding: 0;
    font-family: muli;
}


/*
======================================================
header
======================================================
*/

.header {
    font-family: muli;
}

.header-top {
    background-color: #349B93;
    padding: 8px;
    font-family: muli;
}

.header-icon {
    font-size: 14px;
    padding: 4px;
    border: 1px solid #00564F;
    border-radius: 50%;
}

.header-icon:hover {
    background: #00564F 0% 0% no-repeat padding-box;
    transition: 1s;
    color: white;
}



/* ==================================================== */

.video-title {
    animation-duration: 3s;
    animation-name: slidein;
    /* animation-iteration-count: infinite; */
    animation-direction: alternate;
}

@keyframes slidein {
    from {
        margin-left: 100%;
        width: 300%;
    }
    to {
        margin-left: 0%;
        width: 100%;
    }
}

.vd-button {
    display: inline-block;
    background-color: #F49911;
    border: none;
    color: black;
    font-size: medium;
    border-radius: 5px;
    margin-top: -4px;
    font: Muli;
    padding: 10px;
}

.video-image {
    background-image: url('../image/w-beam-crash-banner.jpg');
    height: 350px;
    width: 100%;
    background-size: cover;
}

.video-image .video-title {
    text-align: center;
    padding-top: 130px;
    color: white;
    font-weight: bold;
    font: normal normal 900 50px/63px Muli;
}

.breadcrumb,
.woocommerce-breadcrumb {
    font-size: 14px;
    padding: 0;
    background-color: transparent;
    margin-bottom: 0;
}

.woocommerce-breadcrumb a {
    color: white;
    text-decoration: none;
    font: normal normal 600 20px/24px Muli;
}


/*=========================================================
     footer
========================================================== */

.footer-image {
    background-image: url('../image/Group 20871.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 416px; */
    height: auto;
}

.footer-text {
    font: normal normal normal 16px/40px Montserrat;
}

.footer-contain {
    margin-top: 20px;
    /* font: normal normal normal 16px/26px Montserrat; */
}

.Footer h5 {
    color: #FFFFFF;
    /* font-size: 15px; */
    font: normal normal normal 20px/40px Montserrat;
}

.Footer h6 {
    color: #BACBC9;
    font-size: 12px;
}

.Footer p {
    color: #BACBC9;
}

.footer-icon {
    font-size: px;
    color: white;
    padding: 6px;
    border: 1px solid;
    border-radius: 50%;
}

.footer-logo {
    font: normal normal normal 16px/19px Montserrat;
}

.footer-icon:hover {
    background: #00564F 0% 0% no-repeat padding-box;
    transition: 1s;
    color: white;
}

.footer1 {
    background-color: #002724;
    color: #B3B3B3;
}

.footer-social span {
    font-weight: bolder;
    font: normal normal normal 16px/19px Montserrat;
}

.footer-social {
    font: normal normal normal 16px /19px Montserrat;
}

.footer-social span:hover {
    font-weight: bolder;
    color: #BACBC9;
}

.footer-social a {
    font-weight: bolder;
    font: normal normal normal 16px/19px Montserrat;
    color: white;
    text-decoration: none;
}

.footer-social a:hover {
    font-weight: bolder;
    color: #BACBC9;
}

.footer-contain {
    font-size: 14px;
}

.footer-image h6 {
    margin-bottom: 13px;
}

.Footer h6:hover {
    color: white;
}


/* ==============================
 footer
 =============================== */


/*             
            .footer-info-box {
                padding: 12px 0;
                width: 100%;
            } */


/* .footer-info-box .abc {
                margin-bottom: 0px;
            } */


/* .email-icon {
                margin-top: 13px;
            }
             */

.footer-info-box img {
    display: block;
    width: 19px;
    float: left;
    margin-top: 5px;
}


/* .pt-5 {
                padding-top: 3rem!important;
                padding-bottom: 3rem;
            }
             */

.footer-info-box span {
    font: normal normal normal 16px/21px Roboto;
    font-size: 14px;
    line-height: 30px;
    display: block;
    font-weight: 700;
    color: #BACBC9;
    margin-left: 25px;
}

.footer-info-box p {
    font: normal normal normal 16px/21px Roboto;
    padding: 0 0 0 0;
    margin: 0 0 0 25px;
    font-size: 14px;
    margin-bottom: 6px;
    color: #BACBC9;
}

.footer-info-box a {
    font-weight: 600;
    display: block;
    margin-top: 5px;
    color: #3b3b3b;
    font-size: 15px;
    transition: ease-in-out 0.3s;
}


/* .footer-info-box a:hover {
                color: #626262;
            } */

.footer-info-box {
    padding-top: 15px;
}

.footer-col1 h6 a {
    text-decoration: none;
    color: #BACBC9;
}

.footer-col1 h6 :hover {
    color: white;
}


@media only screen and (min-width:200px) and (max-width: 767px) {
    .header-top {
    display: none;
}
.Footer {

    padding: 15px;
}

}