/*
red f26d54
orange f7941d
yellow ffd400
green 61bd68
blue 37bdee
purple 9d85be

*/

header {
  position: relative;
  background-color: black;
  height: 85vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

.local header { height: 70vh; }

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header section {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (max-width: 767px) {
#mpg { width: 200px; }
.local header { height: 100vh; }
}

#footer { background: url(/_img/wallpaper.jpg) 50% 50% no-repeat; background-size: cover; }

.copyright hr { 
    margin-top: 15px;
    margin-bottom: 15px;
    border: none;
    background-image: url(/_img/hr.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 20px;
    opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Exo", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

h1.display-4 { font-weight: 700; }

.green { color: #61bd68; }

#benefits { background-color: #ffd400; }

#benefits .lead, #benefits li { font-weight: 500; }

#benefits  .list-group-flush .list-group-item { background-color: transparent; border-bottom: 1px #fff solid; }

.bg-primary { background-color: #f26d54!important; }
.bg-secondary { background-color: #f7941d!important; }
.bg-tertiary { background-color: #ffd400!important; }
.bg-fourth { background-color: #61bd68!important; }

#worldclass { background-color: #37bdee; }

#worldclass  .list-group-flush .list-group-item { background-color: transparent; padding-left: 0; border-bottom: 0px #fff solid; }

.nav-link {
	color: #f26d54;
}
.nav-link:focus, .nav-link:hover {
	color: #37bdee;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #f26d54;
}

.social-media li a {
	width: 40px;
	height: 28px;
	overflow: hidden;
	transition: all .2s ease-in-out !important;
	position: relative;
	display: block;
}
.social-media li a:hover img {
	top: -28px !important;
}
.social-media li a img {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	transition: all .2s ease-in-out !important;
}

.social-media { width: 100%; text-align: center; margin: 0 auto 25px; list-style: none; }
.social-media li { float: left; }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #f26d54;
  --bs-btn-border-color: #f26d54;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc2b2a;
  --bs-btn-hover-border-color: #dc2b2a;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #f26d54;
  --bs-btn-active-border-color: #f26d54;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #f26d54;
  --bs-btn-disabled-border-color: #f26d54;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9d85be;
  --bs-btn-border-color: #9d85be;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #664c9c;
  --bs-btn-hover-border-color: #664c9c;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #9d85be;
  --bs-btn-active-border-color: #9d85be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #9d85be;
  --bs-btn-disabled-border-color: #9d85be;
}


.osano-cm-widget {
        background-image: url(/_img/privacy.svg);
        background-size: contain;
        border-radius: 100%;
        width: 40px;
        height: 40px;
        right: 1rem;
        bottom: 1rem;
        opacity: 0.9;
        transition-property: opacity, visibility, transform;
                        }
      .osano-cm-widget svg {
        display: none;
                        }
      .osano-cm-widget:focus,
      .osano-cm-widget:hover {
        opacity: 1;
        transform: none;
                        }
      .osano-cm-widget:active {
        transform: translateY(1px);
                        }