body {
    background-color: #f4f4f4;
    color: #646464;
}

.modal-content, .modal-header, .modal-body {
    background-color: #f4f4f4;
}

header {
    	background-image: url('data:image/svg+xml;charset=utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 485.77 81.98"><defs><style>.cls-1{fill:rgb(183,25,24);}</style></defs><title>Cavius_Logo</title><path class="cls-1" d="M162.29,323.18C155.36,315.36,152,306,152,295s3.24-19.79,9.84-27.06c7.47-8.16,17.65-12.3,30.63-12.3h45.27v14H192.48c-8,0-14.53,2.68-19.57,7.94a27.65,27.65,0,0,0-.78,36c4.92,5.7,11.73,8.5,20.35,8.5h45.27v14H192.48c-12.53,0-22.59-4.25-30.19-12.86" transform="translate(-152.01 -255.42)"/><path class="cls-1" d="M281.47,313.46l8.5-14h21.24l-14-23.14L261,335.93H243l43.6-72.67a16.67,16.67,0,0,1,5.49-5.71,10.59,10.59,0,0,1,5.14-2.12,9.36,9.36,0,0,1,5.47,1.68,18,18,0,0,1,5.81,6.15l42.71,72.67H333.12l-13.53-22.47Z" transform="translate(-152.01 -255.42)"/><path class="cls-1" d="M369,337.38c-2.68.23-5.7-2.46-9.05-7.94l-44.84-73.79h18L369,315.36l36.22-59.71h18L377.4,329.44c-3.14,5.15-6,7.72-8.39,7.94" transform="translate(-152.01 -255.42)"/><rect class="cls-1" x="275.8" y="0.23" width="13.98" height="80.39"/><path class="cls-1" d="M493,336c-13.53,0-23.82-2.68-30.64-7.93-7.61-5.93-11.41-15.32-11.41-28.29V255.65h14v44.17c0,8.49,2.58,14.53,7.83,18,4.36,2.9,11.07,4.25,20.24,4.25h4.8c9.17,0,15.88-1.35,20.24-4.25,5.26-3.47,7.82-9.51,7.82-18V255.65h14v44.17c0,13-3.91,22.36-11.52,28.29-6.82,5.25-17,7.93-30.52,7.93Z" transform="translate(-152.01 -255.42)"/><path class="cls-1" d="M549,336v-14h61.26c4.59,0,8.28-1.12,11.06-3.47a9.61,9.61,0,0,0,3.81-7.71,9.26,9.26,0,0,0-3.68-7.49c-2.79-2.24-6.49-3.36-11.19-3.36h-38c-7.94,0-14.2-2.35-18.78-6.93a21.73,21.73,0,0,1,0-30.52c4.58-4.59,10.84-6.94,18.78-6.94H633v14H572.26c-3,0-5.36.79-7,2.46a8,8,0,0,0-2.56,5.81,7.34,7.34,0,0,0,2.35,5.59,10.26,10.26,0,0,0,7.26,2.58h38c8.61,0,15.43,2.57,20.58,7.82a23.54,23.54,0,0,1,6.92,17.34A23.12,23.12,0,0,1,631,328.32c-5,5.14-12,7.72-20.68,7.72Z" transform="translate(-152.01 -255.42)"/></svg>');
        background-size:100px;
}


.navbar-default {
    background-color: #f4f4f4;
}

.main-menu, .main-menu .menu-bottom {
    background-color: #ffffff;
}

    .main-menu li {
        border-color: #f4f4f4 !important;
    }

.btn {
    border-radius: 0px;
    border-color: #ccc;
    background-color: #ffffff !important;
}

.btn-bg-color {
    background-color: #ffffff;
}

.btn-large {
    background-color: #ffffff;
}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 5px auto #646464 !important;
}

input:focus {
    border-color:#646464 !important;
    -webkit-box-shadow:none !important; 
    box-shadow:none !important;
}

.smoke-bg-color {
    background-color: #B22222;
}

.heat-bg-color {
    background-color: #d2bf58;
}

.flood-bg-color {
    background-color: #a9bbc7;
}

.vendor-inverse-color {
    color: #ffffff;
}

.dark-background-color {
    background-color: #646464;
}

a {
    color: #646464 !important;
}

    a:visited {
        color: #646464 !important;
    }
    /* fix scrolling problem ios*/
.modal {
    -webkit-overflow-scrolling: auto !important;
}

.fa-tips.active {
    fill: #BA131A !important;
}