@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap");
html { font-family: 'Roboto', sans-serif; }

html, body { max-width: 100%; overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Slab', serif; color: #303192; }

h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection { /* Code for Firefox */ color: white; background: #00adee; }

h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection { color: white; background: #00adee; }

h2:after { content: ""; display: block; margin: 0 auto; width: 15%; margin-top: 20px; background: #303192; height: 6px; border-radius: 3px; }

*::-moz-selection { color: white; background: #00adee; }

*::selection { color: white; background: #00adee; }

img { user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-drag: none; -webkit-user-select: none; -ms-user-select: none; }

.bg-grey { background-color: #C9DAEA !important; }

.navbar-toggler { background-color: #303192 !important; }

.navbar-logo { max-height: 1.7em; }

.navbar { background-color: #00adee !important; }

.main-bg { position: relative; background-image: url(../img/empty-cover.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -999; }

.overlay { height: 100%; width: 100%; position: absolute; display: block; overflow: auto; top: -10%; left: 0; z-index: -99; background-image: radial-gradient(circle, white, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); }

.main-logo { position: absolute; display: block; width: 42vw; top: 50vh; left: 50vw; margin-top: -12vh; margin-left: -22vw; z-index: 1; }

@media screen and (min-width: 480px) { .main-logo { width: 75vw; margin-top: -8vh; margin-left: -41vw; } }

@media screen and (min-width: 640px) { .main-logo { width: 80vw; margin-top: -12vh; margin-left: -41vw; } }

@media screen and (min-width: 768px) { .main-logo { width: 70vw; margin-left: -35vw; } }

@media screen and (min-width: 1024px) { .main-logo { width: 55vw; margin-left: -28vw; } }

@media screen and (min-width: 1280px) { .main-logo { width: 40vw; margin-left: -20vw; } }

@media screen and (min-width: 1366px) { .main-logo { margin-top: -12vh; width: 42vw; margin-left: -22vw; } }

.h2-without-icons { margin-top: 50px; margin-bottom: 20px; }

.section-text { padding-top: 5em; background-color: #ffffff; border-radius: 15px; padding: 40px; margin-top: 70px; }

.person-photo, .card-photo { max-width: 100%; border-radius: 100%; }

.person-title, .card-title { margin-top: -5px; }

.person-text-container { padding: 40px; padding-left: 60px; padding-right: 60px; }

.card-photo { display: block; max-width: 50%; margin-left: auto; margin-right: auto; }

.card-img-top { border-radius: 0px !important; }

.card-title { text-align: center; }

.card-name { margin-top: 5px; text-align: center; }

.card-body { padding-right: 0; padding-left: 0; }

.card-button { margin: 0; margin-top: 15px; width: 100%; padding: 10px; }

.card { display: inline-block; margin: 0px; margin-top: 50px; border: none; padding: 0; border-radius: 0px !important; }

.card-deck { text-align: center; }

.space-top .fa-stack { margin-bottom: 30px; margin-top: 70px; }

.space-top .fa-stack .fa-circle { color: #00adee; }

.icon-link { font-size: 110%; font-weight: 600; padding-top: 20px; }

.icon-link:hover { text-decoration: none; color: #303192; }

.promo-banner, .promo-banner-end { position: relative; display: inline-block; height: 350px; width: 100vw; background-image: url(../img/banner-computer.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: -999; }

.promo-banner-end { background-image: url(../img/banner-ship.jpg); background-position: bottom; }

.promo-banner-overlay, .promo-banner-overlay-end { height: 350px; width: 100vw; position: relative; display: block; overflow: auto; top: -350px; margin-bottom: -350px; left: 0; z-index: -99; background-color: rgba(0, 173, 238, 0.8); }

.promo-banner-overlay-end { background-color: rgba(48, 49, 146, 0.8); }

.promo-content, .promo-content-end { position: relative; display: inline-block; margin-top: -350px; margin-bottom: -350px; padding-left: 10%; z-index: 99; }

.promo-content h3, .promo-content-end h3 { padding-top: 20%; padding-bottom: 25px; }

.promo-content a, .promo-content-end a { z-index: 999; }

.promo-content-end { padding-left: 20%; padding-right: 15%; }

.promo-content-end h3 { padding-top: 20%; }

@media screen and (min-width: 1024px) { .promo-content-end { padding-left: 45%; padding-right: 15%; } }

@supports (-ms-ime-align: auto) { #who-we-are { margin-top: 350px; }
  #contact-us { margin-top: 350px; } }

form { padding-top: 50px; }

.our-partners { padding-top: 80px; }

.commercial-partner { text-align: center; margin-left: auto; margin-right: auto; }

.commercial-partner img { max-width: 250px; display: inline-block; margin-left: auto; margin-right: auto; padding-top: 70px; }

.mailto { color: white; }

.mailto:hover { text-decoration: none; color: #00adee; }