/********** default **********/
@font-face {
    font-family: 'Aurea-Ultra-Italic';
    src: url('../fonts/Aurea-Ultra-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'BebasNeue-ProBold';
    src: url('../fonts/BebasNeue-ProBold.otf') format('opentype');
}

@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('../fonts/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-MediumItalic';
    src: url('../fonts/Montserrat-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Heavy';
    src: url('../fonts/Oswald-Heavy.ttf') format('truetype');
}

@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'HelveticaNeue-Regular';
    src: url('../fonts/HelveticaNeue-Regular.ttf') format('truetype');
}

body {
    background-color: #fff;
    margin: 0 auto;
    font-family: 'Montserrat-Medium';
    font-size: 1.1rem;
    font-stretch: ultra-expanded;
    line-height: 1.1;
    color: #212529;
    text-align: left;
    border: 0;
}

body *,
a,
label {
    font-family: 'Montserrat-Medium';
    font-stretch: ultra-expanded;
}

/********** links **********/
a {
    text-decoration: none;
    color: #63ADF2;
    cursor: pointer;
}

a:hover,
a:focus,
a:focus-visible,
a:focus-within {
    text-decoration: none;
    color: #82A0BC;
}

/********** tittles **********/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat-Bold';
    color: #304D6D;
}

h1,
h2 {
    text-transform: uppercase;
}

/********** containers **********/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    margin: 0 auto;
    padding: 0;
}

.container-max {
    max-width: 1260px;
    margin: 0 auto;
}
.container {
    max-width: 1260px;
    margin: 0 auto;
}

.row {
    margin: 0;
}

.row {
    margin: 0;
}

/********** nav **********/
.navbar {
    background-color: #fff;
    height: 78px;
}

    .navbar .navbar-brand {
        margin-right: 60px;
        padding-left: .75rem;
    }

.navbar .navbar-brand img {
    width: 188.4px;
    max-width: 188.4px;
}

.navbar .navbar-brand:hover img {
    opacity: .9;
}

    .navbar .navbar-nav .nav-item .nav-link {
        margin: 0 20px;
        padding: 0;
        font-family: 'Montserrat-SemiBold';
        font-size: 16px;
        line-height: 19px;
        font-stretch: ultra-expanded;
        color: #304D6D;
    }

.navbar .navbar-nav .nav-item.active:hover .nav-link,
.navbar .navbar-nav .nav-item:hover .nav-link,
.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #63ADF2;
}

.navbar-toggler {
    padding: 0;
    border: 0;
    border-radius: 0;
}

.navbar-toggler:focus,
.navbar-toggler:focus-visible {
    border: none;
    box-shadow: none;
}

/********** text small **********/
small {
    font-size: .8rem;
    line-height: .8rem;
}

/********** images **********/
img {
    max-width: 100%;
}

/********** forms **********/
form input:not(input[type="radio"]):not(input[type="checkbox"]) {
    background: var(--white);
    height: 55px;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    border: solid 1px var(--indigo-dark);
    color: #304D6D;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--indigo-dark);
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--indigo-dark);
    box-shadow: 0 0 0 .25rem var(--indigo-dark);
}


.input-group-text {
    background-color: var(--white);
    border: solid 1px var(--indigo-dark);
    font-size: 18px;
    border-radius: 5px;
    border-right: 0;
}

.form-check-input:checked {
    background-color: var(--indigo-dark);
    border-color: var(--indigo-dark);
}

.form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2363ADF2'/%3e%3c/svg%3e");
}

.form-check-input:focus {
    border-color: var(--indigo-dark);
    box-shadow: none;
}

.form-check-input {
    width: 1.2em;
    height: 1.2em;
    margin-top: .2em;
    border: 1px solid var(--indigo-dark);
}

form input[type="button"],
form input[type="submit"],
form input[type="reset"],
form button,
button,
button.btn,
a.btn {
    height: 55px;
    padding: 5px 10px;
    text-transform: uppercase;
    color: #fff;
}

.form-control::placeholder {
    color: #304D6D;
    opacity: 1;
}

/********** buttons **********/
.btn {
    text-transform: uppercase;
    font-size: .8rem;
}

/********** carousel multiple **********/
#carouselExampleControls .col-3 small {
    font-size: .5rem !important;
    line-height: 100% !important;
}

.carousel-control-prev,
.carousel-control-next {
    width: auto;
    padding: 0;
    opacity: 1 !important;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: .5 !important;
}

/********** card **********/
.card,
.card-img,
.card-img-overlay {
    border-radius: 0 !important;
}

/********** footer **********/
footer h6 {
    height: 19.4px;
    margin-bottom: 17px;
    font-size: 16px;
    line-height: 19px;
}

footer *:not(input):not(.invalid-feedback),
footer a {
    color: #fff !important;
}

footer .nav-item a {
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px;
    color: #fff !important;
}

footer .nav-item a:hover {
    color: #a7cced !important;
}

footer p {
    margin-bottom: 0;
}

footer form p {
    margin: -2px 0 0 0;
    font-size: 14px;
    line-height: 22px;
}

/********** Featured **********/

#divFeaturedimg {
    max-width: 1280px;
    margin: auto;
}

.feature-events .tittle {
    font-size: 30px;
    top: calc(50% - 30px);
}

.feature-events img {
    height: 340px;
    object-fit: cover;
}