/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.google-maps {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.facebook-center {
    margin: 0 auto;
}

.Title-Colour {
    color: white !important;
}

header {
    background-color: #44c8f5 !important;
}

#header {
    background-color: #44c8f5 !important;
}

#logo {
    background-color: #44c8f5 !important;
}

#header-wrap {
    background-color: #44c8f5 !important;
}

#sub-menu-container {
    background-color: #44c8f5 !important;
}

.sub-menu-container, .mega-menu-content {
    background-color: #44c8f5 !important;
}

#menu-item sub-menu {
    background-color: #44c8f5 !important;
}

.sub-menu-container .menu-item:hover > .menu-link, .mega-menu-style-2 .mega-menu-title > .menu-link:hover, .dark .mega-menu-style-2 .mega-menu-title:hover > .menu-link {
    color: #222 !important;
}

.form-group > label.error {
	display: block !important;
	text-transform: none;
}

.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error,
.form-group textarea ~ label.error { display: none !important; }

mark {
    background-color: #ffffff !important;
}

.email {
    color: black !important;
}