.fsizemenu {
    font-size: 17px;
}


.spdarkcolor {
    background-color: #282828 !important;
}

.spgoldcolor {
    background-color: #9a8057 !important;
}

div p {
    color: #282828 !important;
}

.btn-outline-secondary:hover {
    background-color: #282828 !important;
}

.moregray {
    filter: grayscale(70%);
}



@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/websitefont/Roboto-Medium.ttf");
}

@font-face {
    font-family: "RobotoRegular";
    src: url("../fonts/websitefont/Roboto-Regular.ttf");
}

.RobotoMedium {
    font-family: 'RobotoMedium' !important;
}


.RobotoRegular {
    font-family: 'RobotoRegular' !important;
}

div h1, h2, h3, label {
    font-family: 'RobotoMedium' !important;
}



body {
    font-family: 'RobotoRegular' !important;
    background-color: #282828;
}

div p, h6, span {
    font-family: 'RobotoRegular' !important;
}

span strong {
    font-family: 'RobotoRegular' !important;
}

p strong {
    font-family: 'RobotoRegular' !important;
    color: white;
}

span {
    color: white;
    font-family: 'RobotoRegular' !important;

}

span strong{
    font-size: 23px;
}



.whatsappicon {
    color: #25D366;
    font-size: 60px !important;
    position: fixed;
    bottom: 20px;
    left: 40px;
    z-index: 99999999;
}

#page-content2 {
    display: none;
}

@media (max-width: 800px) {

    .whatsappicon {
        color: #25D366;
        font-size: 50px !important;
        position: fixed;
        bottom: 15px !important;
        left: 15px !important;
        z-index: 99999999;
    }

    .lesswidthimage {
        max-width: 50%;
    }

    #page-title.with-img {
        min-height: 100px;
        max-height: 300px;
    }

    .lessfont {
        font-size: 10px !important;
    }

    .footerfontsize {
        font-size: 10px !important;
    }


    #sliderr {
        display: none;
    }

    #page-content2 {
        display: block !important;
    }

    .lfont {
        font-size: 22px !important;
        ;
    }



}



#myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #9a8057;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}

#myBtn:hover {
    background-color: #555;
}

.fixsize {
    margin-top: -20px;
}

.lessfont {
    font-size: 14px;
}

.footerfontsize {
    font-size: 12px;
}

.whitecolor {
    color: white !important;
}

.blackbackground {
    background-color: #282828 !important;
}

.center {
    text-align: center;
}

.submitForm:hover {
    background-color: white !important;
    color: #282828 !important;
}

#menu-modal nav.menu-primary ul.nav li.nav-item a{
    font-family: 'RobotoMedium' !important;
}