/*@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/D-DIN-PRO-400-Regular.ttf');
    font-weight: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/D-DIN-PRO-500-Medium.ttf');
    font-weight: bold;
}

@font-face {
    font-family: 'DIN Pro';
    src: url('../fonts/D-DIN-PRO-700-Bold.ttf');
    font-weight: bolder;
}*/

@font-face {
    font-family: 'Nexa Slab Bold';
    src: url('../fonts/FontfabricNexaSlabBold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Nexa Slab Bold';
    src: url('../fonts/FontfabricNexaSlabHeavy.ttf');
    font-weight: bolder;
    font-style: normal;
}

html {
    min-height: 100%;
}

body {
    font-family: 'DIN Pro';
    background-color: #F6F7FA;
    min-height: 100%;
}

svg {
    width: 100%;
    height: auto;
}

p {
    font-size: 16px;
}

img {
    max-width: 100%;
}

a:hover {
    text-decoration: none;
}

.opacity {
    opacity: 0.2;
}

[class*="col-"] {
    background-color: transparent;
    border: none;
}

.row {
    margin-bottom: 0px;
}

.navbar-custom {
    background-color: transparent;
}

nav {
    font-weight: bold;
}

nav .navbar-toggler {
    margin-left: auto;
}

.navbar-custom svg {
    color: #FFFFFF;
}

.navbar-custom.scrolled svg {
    color: #002250;
}

.navbar-custom .nav-link {
    color: #FFFFFF !important;
}

.navbar-custom .navbar-brand {
    margin-right: 20px;
}

.navbar-custom .nav-link:hover,
.navbar-custom .nav-link.current {
    border-bottom: solid 3px;
    border-color: #32D2D5;
}

.navbar-custom .nav-button {
    color: #FFFFFF;
    display: inline-block;
    padding: 6px 20px;
    background-color: #32D2D5;
    border-radius: 8px;
    margin-right: 10px;
}

.navbar-custom .nav-button:hover {
    color: #02152e;
}

.navbar-custom.scrolled {
    background-color: #FFFFFF;
}

.navbar-custom.scrolled .nav-link {
    color: #002250 !important;
}

.navbar-custom.scrolled .nav-link:hover,
.navbar-custom .nav-link.current {
    border-bottom: solid 3px;
    border-color: #32D2D5;
}

@media(max-width:992px) {
    .navbarResponsive {
        height: 100vh;
        align-items: flex-start;
        background-color: #02152e;
    }
}

footer {
    background-color: #02152e;
    color: #FFFFFF;
    padding: 20px 0;
    border-top: 1px solid #707070;
}

footer h3 {
    margin-bottom: 20px;
    font-size: 24px
}

footer .description {
    width: 30%
}

footer .description img {
    width: 120px;
    margin-bottom: 14px;
}

footer .footerLinks ul {
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 0;
}

footer .footerLinks ul li a {
    color: #FFFFFF;
}

footer .footerLinks ul li a:hover {
    color: #32D2D5;
}

footer .contactInfo ul {
    list-style-type: none;
    padding: 0;
}

footer .contactInfo ul li {
    display: flex;
    margin-bottom: 10px;
}

footer .contactInfo ul li svg {
    fill: #FFFFFF;
    width: 24px;
    margin-right: 10px;
}

footer .contactInfo ul li p {
    margin: 0;
}

footer .contactInfo a {
    color: #FFFFFF
}

footer .contactInfo ul li a:hover {
    color: #32D2D5;
}

footer hr {
    border-top: 1px solid #FFFFFF;
    margin: 0;
}

footer .copyRight ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    margin-bottom: 0;
    padding: 0;
}

footer .copyRight ul li {
    margin-right: 10px;
}

footer .copyRight ul li a {
    color: #FFFFFF;
}

footer .copyRight ul li a:hover {
    color: #32D2D5;
}

@media(max-width: 768px) {
    footer .footerHolder {
        flex-direction: column;
    }
    footer .footerHolder .description,
    footer .footerHolder .contactInfo,
    footer .footerHolder .footerLinks {
        margin: auto;
        margin-top: 30px;
    }
    footer .copyRight ul {
        display: block;
    }
    footer .copyRight ul li {
        margin-right: 0px;
    }
}

.umb-block-list {
    width: 100%;
}

.WhiteButton {
    border: none;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 8px;
    display: inline-block;
    padding: 6px 20px;
}

.WhiteButton:hover {
    color: #32d2d5;
}

.LightBlueButton {
    border: none;
    background-color: #32D2D5;
    color: #FFFFFF;
    border-radius: 8px;
    display: inline-block;
    padding: 6px 20px;
}

.TextButtonHolder {
    padding: 20px 60px;
    border-radius: 8px;
}

.TextButtonHolder p {
    margin: 0;
}

.backgroundImage {
    background-size: cover;
    background-position: center;
}

.header-text p {
    margin: 0;
}

.headerSwiper .swiper {
    width: 100%;
    height: 100%;
}

.headerSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
}

.headerSwiper .swiper-pagination {
    text-align: left;
    position: initial;
}

.headerSwiper .swiper-pagination-bullet {
    background: #FFFFFF40;
    opacity: 1;
}

.headerSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #32D2D5;
}

.contentSwiper .swiper {
    width: 100%;
    height: 100%;
}

.contentSwiper .swiper-pagination {
    position: initial;
}

.contentSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #32D2D5;
    opacity: 1;
}

.headerBase {
    text-align: left;
}

.headerBase .button {
    color: #FFFFFF;
    display: inline-block;
    padding: 10px 20px;
    background-color: #32D2D5;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.headerBase .button:hover {
    color: #02152e;
}

.betweenSections {
    width: 100%;
    transform: translateY(-50%);
    position: absolute;
}


/*
    Cards
*/

.ChangeColorOnHover {
    box-shadow: 0px 0px 20px #002250;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    margin: 16px;
    cursor: pointer;
}

.ChangeColorOnHover:hover {
    background-color: #32D2D5;
}

.ChangeColorOnHover:hover .blueText,
.ChangeColorOnHover:hover .colorGray,
.ChangeColorOnHover:hover p,
.ChangeColorOnHover:hover h1,
.ChangeColorOnHover:hover h2,
.ChangeColorOnHover:hover h3,
.ChangeColorOnHover:hover h4,
.ChangeColorOnHover:hover h5 {
    color: #FFFFFF;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
}

.WhiteButton,
.button,
.nav-button,
.LightBlueButton {
    font-weight: bold;
}

.CardHolder.NoBorders {}

.CardHolder.NoBorders img {
    margin-bottom: 10px;
}

.CardHolder.NoHoverWhiteBackground {
    box-shadow: 0px 0px 20px #00225065;
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
}

.ScaleOnHover {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
}

.ScaleOnHover:hover {
    transform: scale(1.2);
    z-index: 200;
    box-shadow: 0px 0px 20px #E1E4ED;
}


/*
    End cards
*/

.baseContentHolder .button {
    display: inline-block;
    background-color: #32D2D5;
    color: #FFFFFF;
    border-radius: 6px;
    padding: 6px 20px;
}

.no-gutters .baseContentHolder {
    padding-left: 15px;
}

.partnersHolder img {
    margin-right: 10px;
    height: 60px;
}

.tranlsateY {
    transform: translateY(-50px);
}

.tranlsateY30 {
    transform: translateY(-30px);
}

.modal-body {
    padding: 10px;
}

.iframeHolder {
    position: relative;
    padding-top: 56%;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map {
    position: relative;
    height: 50vh;
    overflow: hidden;
}

.iframe-map {
    width: 100%;
    height: 100%;
    border: none;
}

.map-overlay {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(128, 128, 128, 0.5);
    /* semi-transparent gray */
    pointer-events: none;
    /* allows user to interact with the map */
}

.modalButton {
    display: inline-block;
    width: 60px;
}

.modalButton svg {
    fill: #32D2D5;
}

.contactHolder ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

.contactHolder .contactInfo ul li {
    display: flex;
    margin-bottom: 10px;
}

.contactHolder .contactInfo ul li svg {
    width: 24px;
    margin-right: 10px;
    fill: #FFFFFF;
}

.contactHolder .contactInfo p {
    margin: 0;
}

.contactHolder .form input,
.contactHolder .form textarea {
    width: 100%;
    margin-bottom: 10px;
}

.contactHolder .form .button {
    width: auto;
}

.contactHolder.dark {
    background-color: #02152e;
    color: #FFFFFF;
}

.contactHolder.dark .form input,
.contactHolder .form textarea {
    background-color: #02152e;
    border: 1px solid #E1E4ED;
    border-radius: 5px;
    padding: 10px;
    color: white;
}

.contactHolder.dark .form input::placeholder,
.contactHolder.dark .form textarea::placeholder {
    color: white;
}

.contactHolder.dark .WhiteButton {
    border: none;
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 8px;
    display: inline-block;
    padding: 6px 30px;
}

.contactHolder.dark .form .LightBlueButton {
    border: none;
    background-color: #32D2D5;
    color: #FFFFFF;
    border-radius: 8px;
    display: inline-block;
    padding: 6px 30px;
}

.contactHolder.dark .form .LightBlueButton:hover {
    color: #02152e;
}

.card-faq {
    margin-bottom: 10px;
}

.faq-header a {
    color: inherit;
    font-size: 18px;
}

.faq-header {
    border: solid 1px;
    border-radius: 5px;
}

.faq-header i {
    display: flex;
    align-items: center;
    font-size: 24px;
}

.faq-accordion a:not(.collapsed) .rotate-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faq-accordion a:hover {
    text-decoration: none;
    color: inherit;
}

.faq-accordion a:not(.collapsed) {
    color: #32D2D5;
}

.faq-body {
    padding: 6px 12px;
}

.faqText {}

.faqText h3 {
    text-align: center;
    margin-bottom: 20px;
}

.languageSwitcher {
    margin-right: 16px;
}

.languageSwitcher button:hover,
.languageSwitcher button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

.navbar-custom .languageSwitcher button {
    color: #FFFFFF;
    font-weight: bold;
}

.navbar-custom.scrolled .languageSwitcher button {
    color: #002250;
}

.languageSwitcher .dropdown-menu {}

.languageSwitcher:after {
    content: "";
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    margin-left: -8px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.languageSwitcher.show::after {
    content: "";
    border-color: transparent transparent #888 transparent;
    border-style: solid;
    border-width: 0 4px 5px 4px;
    height: 0;
    margin-left: -8px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.languageSwitcher .dropdown-menu ul {
    list-style: none;
    padding: 10px;
    width: auto
}

.navbar-custom .languageSwitcher .dropdown-menu {
    background-color: #02152e;
}

.navbar-custom .languageSwitcher .dropdown-menu a {
    color: #FFFFFF;
}

.navbar-custom.scrolled .languageSwitcher .dropdown-menu {
    background-color: #FFFFFF;
}

.navbar-custom.scrolled .languageSwitcher .dropdown-menu a {
    color: #002250;
}

@media(max-width: 768px) {}