header.global { position: fixed; width: 100%; color: #ddd; z-index: 1000; background-color: #0e6871; background-image: url('/css/assets/navbar-wrap-bgr.png'); background-repeat: repeat-x; background-position: 0 -25px; }
header.global .sm-brand img { max-height: 60px; max-width: 40vw; }
header.global, header.global * { transition: background-color .35s ease; }
header.global img { transition: all .3s ease; }
header.global p { margin-bottom: 0; }

header.global .topbar-wrapper {  }
header.global hr.header-sep { margin: 0; padding: 0; height: 1px; color: rgba(255,255,255,0.75); }
header.global button.btn.dropdown-toggle { background: rgba(0,0,0,0.25); border-width: 0; border-radius: .375rem; }
header.global ul.dropdown-menu { font-size: 0.875rem; }

ul.navbar-list { padding: 0; flex-grow: 3; display: flex; justify-content: space-between; align-items: baseline; margin: 0; }
ul.navbar-list a.nav-link { color: #fcfcfc; font-size: 1.18375em !important; font-weight: 500 !important;  }

a .flag-icon { height: 18px; width: auto; vertical-align: text-bottom; opacity: 0.65; }
a:hover .flag-icon { opacity: 1; }
a.btn-social { display: inline-block; font-size: 1em; min-width: 1.75em; text-align: center; color: #f6f6f6; padding: .375em; border-radius: .25em; }
a.btn-social:hover i { color: #fff; }
a.social-facebook:hover { background-color: #4267B2; }
a.social-instagram:hover { background-color: #E1306C; }

@media (min-width: 1200px) {
    header.global.top { position: absolute; background: none; background: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0)); }
    header.global.top .sm-brand img { height: 75px; }
}

/* Subheader */
div.subheader { padding: 1em 0em; }
div.subheader > .d-flex { flex-direction: column; align-items: flex-start; }
div.subheader.sticky > .d-flex { flex-direction: row; align-items: center; }
div.subheader.sticky { padding: .675em 0em; }
div.subheader.sticky { position: fixed; left:0; width: 100%; }
div.subheader.sticky .title { font-size: 0.625em; white-space: nowrap; overflow: hidden; }
div.subheader.sticky .side { font-size: 0.75em; }
div.subheader.sticky .side a.btn span.text { display: none; }
@media (min-width: 768px) {
    div.subheader > .d-flex { flex-direction: row; align-items: center; }
    div.subheader.sticky .title { white-space: wrap; }
}
@media (min-width: 992px) {
    div.subheader.sticky .side a.btn span.text { display: inline; }
}

/* Slider */
.header-slider div.slide { color: #fff; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center /* 50% 40% */; position: relative; }
.header-slider div.slide .content-wrapper { position: absolute; width: 100%; height: 100%; top: 0px; bottom: 0px; color: #fff !important; display: flex;  }
.header-slider div.slide .container { align-self: flex-end; }
.header-slider div.slide .container > .row { min-height: 400px; }
.header-slider div.slide p.supertitle { max-width: 50%; line-height: 105%; font-size: 0.9375rem; margin-bottom: 2.25rem; }
.header-slider div.slide p.subtitle { font-size: 1.75rem; line-height: 100%; text-shadow: 0 0 3px #000; }
.header-slider div.slide h2 { font-size: 3.25rem; font-weight: bold; line-height: 100%; color: #fff; margin-bottom: .875rem; text-shadow: 0 0 3px #000; }
.header-slider div.slide p.buttons { margin-top: 3rem; }
.header-slider .btn-primary { font-size: 1.5rem; padding: 0.25em 1.5em; color: #2a5629; background: #fff; border: 2px #fff solid; border-radius: 8px 0 8px 0; }
.tns-slide-active .animation-fadeInUp > * { animation-name: fadeInUp; animation-duration: 1s; animation-delay: 1.25s; animation-fill-mode: both;  }
.tns-slide-active .animation-fadeInUp > *:nth-child(1) { animation-duration: 1s; animation-delay: .5s; }
.tns-slide-active .animation-fadeInUp > *:nth-child(2) { animation-duration: 1s; animation-delay: .75s; }
.tns-slide-active .animation-fadeInUp > *:nth-child(3) { animation-duration: 1s; animation-delay: 1s; }