@font-face {
    font-display: block;
    font-family: microsite;
    font-style: normal;
    font-weight: 400;
    src: url(../font/microsite.eot);
    src: url(../font/microsite.eot?#iefix) format("embedded-opentype"), url(../font/microsite.woff2) format("woff2"), url(../font/microsite.woff) format("woff"), url(../font/microsite.ttf) format("truetype"), url(../font/microsite.svg#microsite) format("svg")
}

[data-icon]:before {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: attr(data-icon);
    font-family: microsite !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none !important
}

[class*=" i-"]:before,
[class^=i-]:before {
    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: microsite !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.i-location:before {
    content: "\6b"
}

.i-mail:before {
    content: "\6d"
}

.i-phone:before {
    content: "\73"
}

.i-whatsapp:before {
    content: "\79"
}

.i-telephone:before {
    content: "\7a"
}

.i-angle-down:before {
    content: "\41"
}

@font-face {
    font-display: fallback
}

body,
html {
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    margin: 0;
    color: #4E637B;
}

.h1,
.h2,
.h3,
.h4,
h2,
h3,
h4, h5 {
    font-family: "DM Serif Text", serif;
    color: #0A2C49;
}

a {
    text-decoration: none;
}

main {padding-bottom: 50px;}

@media (min-width:992px) {
main {padding-bottom: 64px;}
}


.text-maroon {color: #C61037;}
a.text-maroon:hover {
    color: #a30829 !important;
}

.text-yellow {color: #F1B203;}
.text-navy-blue {color: #0A2C49;}
.text-md-blue-grey {color: #4E637B;}
.text-dk-blue-grey {color: #7A8EA8;}

.bg-maroon {background-color: #C61037;}
.bg-yellow {background-color: #F1B203;}
.bg-navy-blue {background-color: #0A2C49;}
.bg-md-blue-grey {background-color: #A5B4C8;}
.bg-light-blue-grey {background-color: #CFDAE8;}
.bg-fade-blue-grey {background-color: #F0F4F9;}

.btn-maroon {
    background-color: #c61037;
    color: #fff !important
}

.btn-maroon:hover {
    background-color: #a30829 !important;
    color: #fff
}
.btn-navyblue {
    background-color: #0A2C49;
    color: #fff !important
}

.btn-navyblue:hover {
    background-color: #051727 !important;
    color: #fff
}

.border-yellow {border-color: #F1B203 !important;}

/* #hero {padding-top: 6rem;}

@media (min-width:1280px) {
    #hero {padding-top: 8rem;}
} */

section .card .img-fit {
    height: auto;
    object-fit: cover;
    vertical-align: middle;
    width: 100%
}

.form-control:focus {
    border: 1px solid #c61037;
    box-shadow: none
}

.fixed-bottom a,
.fixed-bottom span {
    position: relative;
}

.fixed-bottom a[class^=i-]:before,
.fixed-bottom span[class^=i-]:before {
    left: 50%;
    position: absolute;
    top: 5px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.fixed-bottom .number {
    font-weight: 600
}

@media (max-width:992px) {
    .fixed-bottom a,
    .fixed-bottom span {
        position: relative
    }
    .fixed-bottom a {
        color: #0A2C49;
        display: block;
        font-size: .9rem;
        line-height: 30px;
        padding-top: 20px
    }
    .fixed-bottom a:active,
    .fixed-bottom a:focus,
    .fixed-bottom a:hover {
        color: #C61037;
        text-decoration: none
    }
    .fixed-bottom a[class^=i-]:before,
    .fixed-bottom span[class^=i-]:before {
        font-size: 1.2rem
    }
}

.navbar-brand img {
    width: 42px
}

.offer  {
    background: rgb(198,16,55);
    background: linear-gradient(111deg, rgba(198,16,55,0.15) 0%, rgba(241,178,3,0.15) 100%);
}

.border-dashed {
    border-style: dashed !important
}

#contact {
    background: rgb(198,16,55);
    background: linear-gradient(111deg, rgba(198,16,55,0.30) 0%, rgba(241,178,3,0.30) 100%);
}

.fancybox-active {
    height: inherit !important
}

@media (max-width:767.98px) {
#highlights .card img {max-width: 80px;}
}

h1.title {letter-spacing: 0.16rem; font-weight: 700; text-transform: uppercase;}