@charset "UTF-8";
/* CSS Document */

/* Page styles */
body {
    background-color: #002439;
    color: #ffffff;
}
a {
    color: inherit;
}
a:hover {
    text-decoration: none;
    color: #4cb7f5;
}


/* Titles & Fonts */
.homemade {
    font-family: 'Homemade Apple', cursive;
}
.jura {
    font-family: 'Jura', sans-serif;
}
.montserrat {
    font-family: 'Montserrat', sans-serif;
}
.oswald {
    font-family: 'Oswald', sans-serif;
}
.play {
    font-family: 'Play', sans-serif;
}
.work-sans {
    font-family: 'Work Sans', sans-serif;
}
.section-title div {
    background: #4cb7f5 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px auto 30px;
    width: 80px;
}
.box-title div {
    background: #4cb7f5 none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px 0;
    width: 80px;
}


/* Colors */
.bg-one {
    background-color: #002439;
    color: #ffffff;
}
.bg-two {
    background-color: #005066;
    color: #ffffff;
}
.bg-three {
    background-color: #4e7988;
    color: #ffffff;
}
.bg-four {
    background-color: #8c8c8c;
    color: #ffffff;
}
.bg-overlay {
    background-color: #191919;
    background-color: rgba(255,255,255,0.8);
}
.bg-video {
    background-color: #000000;
}
.color-highlight {
    color: #4cb7f5;
}


/* Buttons */
.btn-one {
    background-color: #7395b4;
    color: #ffffff;
    border-radius: 2px;
}
.btn-two {
    background-color: #25368b;
    color: #ffffff;
    border-radius: 2px;
}
.btn-three {
    background-color: #1f1c38;
    color: #ffffff;
    border-radius: 2px;
}
.btn-overlay {
    background-color: #000000;
    background-color: rgba(0,0,0,0.1);
    color: #ffffff;
    border-radius: 0;
    border: 1px solid #ffffff;
}
.btn-overlay-dark {
    background-color: transparent;
    color: #000000;
    border-radius: 0;
    border: 1px solid #000000;
}
.btn-one:hover {
    background-color: #1a1a1a;
    color: #ffffff;
}
.btn-two:hover {
    background-color: #222222;
    color: #ffffff;
}
.btn-three:hover {
    background-color: #000000;
    color: #ffffff;
}
.btn-overlay:hover {
    background-color: #222222;
    background-color: rgba(0,0,0,0.5);
    color: #ffffff;
    border-radius: 2px;
}
.btn-overlay-dark:hover {
    background-color: transparent;
    background-color: rgba(0,0,0,0.5);
    color: #111111;
    border-radius: 2px;
}


/* Nav-bar */
.navbar {
    color: #ffffff;
    background-color: #002439;
}
.navbar a {
    color: #929292;
}
.nav-item a:hover {
    color: #1a1a1a;
}
.navbar-brand img {
    max-height: 30px;
}
.navbar-custom {
    background-color: transparent;
}
.navbar-shadow {
    box-shadow: 0 2px 2px #929292;
}
.navbar-topbar {
    background-color: inherit;
}
.navbar-topbar img {
    max-height: 1rem;
}
.navbar-overlay {
    background-color: #011f4b;
    border-width: 0;
}
#menu-social a {
    color: #929292;
}
#menu-social a:hover {
    color: #191919;
}

/* If using a transparent menu */
.top-item {
    margin-top: -56px;
}


/* Images */
.overlay {
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
    border-width: 0;
    margin: 0;
    width: 100%;
}
.overlay:hover {
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
    border-width: 0;
    margin: 0;
    width: 100%;
}
.logo img {
    margin: 0 auto;
    opacity: 1.0;
}
.logo-menu {
    background-color: #000000;
}
.img-flip {
    filter: invert(1);
}


/* Social Media */
.social-icons svg {
    color: #ffffff;
    height: 50px !important;
    width: 50px !important;
    line-height: 50px;
    font-size: 24px;
    margin: 2px;
    border-radius: 2px;
    text-align: center;
}
.social-icons .fa-facebook-f:hover {
    color: #5D82D1;
    cursor: pointer;
}
.social-icons .fa-instagram:hover {
    color: #dc473a;
    cursor: pointer;
}
.social-icons .fa-youtube:hover {
    color: #ff0000;
    cursor: pointer;
}
.social-icons .fa-twitter:hover {
    color: #40BFF5;
    cursor: pointer;
}


/* Header */
.header-main {
    background-image: url('../../images/top-background.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 450px;
}
.bg-mobile {
    background-image: url('../../images/top-background.jpg');
	background-size: cover;
	background-position: center center;
    color: #ffffff;
	min-height: 600px;
}
.header-inside {
    background-image: url('../../images/bg-image-001.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 300px;
}
.header-blog {
    background-image: url('../../images/header-blog.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 300px;
}

/* Backgrounds */
.bg-placeholder {
    background-image: url('https://via.placeholder.com/800x600/191919');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 350px;
}
.bg-image-001 {
    background-image: url('../../images/bg-image-001.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 300px;
}
.bg-contact {
    background-image: url('../../images/bg-contact.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #ffffff;
    min-height: 300px;
}


/* Contact Form */
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="date"], .contact-form textarea {
    width: 100%;
    padding: 22px;
}
.contact-form select {
    width: 100%;
}
.contact-form .form-inline .control-label {
    justify-content: flex-end;
}
.contact-form .form-inline .label-left {
    justify-content: flex-start;
}
.contact-form .form-check {
    justify-content: flex-start;
}

/* Contact Info */
#contact-info svg {
    color: #0d2748;
}


/* Circled Numbers */
.number-icons {
    color: inherit;
    height: 50px;
    width: 50px;
    font-size: 25px;
    padding: 5px;
    margin: 5px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #000000;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    color: #ffffff;
}

/* Custom css below this line */