/* Add here all your CSS customizations */

/*#1 font               rgb(79,138,163);*/
/*#2 menue              rgb(89,155,183);*/
/*#3                    rgb(99,170,202); */
/*#6 footerbg           rgb(229,240,251);*/

/*new:*/
/*#1#2 logo,menue,font       rgb(0,67,93);*/

html .border-color-light {
    border-color: #ffffff !important;
}

#headerlogo{
    margin-bottom:12px !important;
}

/*Responsive*/
@media (max-width: 992px){
    #header .header-logo{
        margin: auto;
        margin-top: 1rem;
    }

    #header .header-logo img{
        width:150px !important;
        height:90px !important;
    }
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li {
        margin-left: 25px !important;
        margin-right: 25px !important;
    }
}

@media (max-width: 699px) {
    #header .header-logo img {
        z-index: 0 !important;
    }
}

.maincontainer {
    margin-top:40px !important;
    margin-bottom:40px !important;
}

h2{
    color: rgb(0,67,93) !important;
}

#footer {
    background:  rgb(229,240,251) !important;
    border-top: 4px solid  rgb(229,240,251) !important;
    font-size: 0.9em;
    margin-top: 50px;
    padding: 50px 0 0;
    position: relative;
    clear: both;
}

#footer .footer-copyright {
    background: rgb(229,240,251) !important;
    border-top: 4px solid rgb(229,240,251) !important;
    margin-top: 0px !important;
    padding: 10px 0 10px !important;
}

#footer .footer-copyright p {
    color: rgb(0,67,93) !important;
    margin: 0;
    padding: 0;
}

#footer h4, #footer a {
    color: rgb(0,67,93) !important;
}

#footer p, .businesshours, .fa-clock {
    color: rgb(0,67,93) !important;
}


/*History - year dates*/
@media (max-width:699px) {
    ul.history li h4 {
        margin-bottom: 10px;
    }

    ul.history li p {
        margin-left: 0px;
    }
}

@media (min-width:700px) {
    ul.history li p {
        margin-left: 180px;
    }
}

/*Contact-Form ErrorMessages*/

.form-row .error{
    color:red;
    margin-bottom:1rem;
}




/*Custom Slider*/
.container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

#revolutionSlider {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#google-map-image:hover {
	cursor: pointer;
}

@media (min-width: 576px) {
    #revolutionSlider {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    #revolutionSlider {
        max-width: 720px;
    }
}

@media (max-width: 992px) {
    .container{
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    #revolutionSlider {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    #revolutionSlider {
        max-width: 1140px;
    }
}