body
{background-color:#151918 !important}

[class*="sticky-block"]{
	max-width:100%;
	z-index: 999;
	top:72px!important;
/*	background-color: #151918 !important*/
}


.sticky-block .scrolled {
  background-color: #151918;
}

/*
#filterControls{
  background-color: #151918;
}

.filterControls .scrolled{
  background-color: #543678;
}
*/

h1 {
	color: #F4F3F2!important
}

h2 {
	color: #F4F3F2!important
}

h4 {
	color: #F4F3F2!important
}

h6 {
	color: #F4F3F2!important
}

span {
	color: #F4F3F2!important
}

p {
	color: #7e8998!important
}

li {
	color: #7e8998!important
}

i {
	color: #fe0000!important
}

a {
	color: #fe0000!important
}

/*
header {
	background-color: #151918 !important;
	background-color: rgba(21, 25, 24, 0.0) ;
}
*/

header {
  background-color: transparent;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: background-color 0.5s ease;
}

header.scrolled {
  background-color: #151918;
}
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #31363B!important;
	background-clip: border-box;
	border: .0625rem solid rgba(231, 234, 243, 0);
	border-radius: .75rem
}

.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: transparent!important;
	border: .0625rem solid transparent!important
}

hr {
	border-top: .0625rem solid #1f2426!important
}

.header .nav-link {
	color: #718396!important
}

.header .nav-link .active {
	color: #fe0000!important
}

.header .nav-link.active,
.header .navbar-nav-item.active .nav-link {
	color: #fe0000!important
}

.navbar-toggler {
	background-color: transparent!important
}

.btn-soft-secondary {
	color: #fe0000!important;
	background-color: rgba(124, 0, 11, .26);
	background-color: rgba(19, 22, 26, .40);
	border-color: transparent;
	cursor: pointer !mportant
}

.btn-soft-secondary.active,
.btn-soft-secondary:active,
.btn-soft-secondary:focus,
.btn-soft-secondary:hover {
	color: #fff!important;
	background-color: #fe0000!important;
	box-shadow: 0 4px 11px rgba(113, 134, 157, .1)
}

.page-header {
	border-bottom: .0625rem solid transparent;

	margin-bottom: 1rem
}

.h4 {
	color: #F4F3F2!important
}

.text-body {
	color: #F4F3F2!important
}

.pa_white {
	color: #F4F3F2!important
}

.bg-black {
	background-color: #151918!important
}

.bg-dark {
	background-color: #164F9D!important
}

.bg-blue {
	background-color: #234E9C!important
}

.bg-petrol {
	background-color: #093C4A!important;
	z-index: -1
}

.bg-turquoise {
	background-color: #5EC0C5!important
}

.bg-ebony {
	background-color: #F4F4F4!important
}

.btn-primary:not([href]),
.btn-primary:not([href]):not([href]):not(:disabled):not(.disabled),
.btn-primary:not(label.btn),
.btn-primary:not(label.btn):not([href]):not(:disabled):not(.disabled) {
	background-color: #fe0000!important;
	border-color: #fe0000!important
}

.text-red {
	color: #fe0000!important
}

.text-grey {
	color: #7e8998!important
}

.text-petrol {
	color: #093C4A!important
}

.text-blue {
	color: #164F9D!important
}

.text-black {
	color: #050404!important
}

.divider::after,
.divider::before {
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	border-top: .0625rem solid #1f2426!important;
	content: "";
	margin-top: .0625rem
}

.bg-footer {
	background-color: #151918!important;
	position: relative!important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.mb-2,
.my-2 {
	margin-bottom: 0.0rem!important
}

 /* Set the height of the video container */
      .video-container {
	
/*        height: 100vh;*/

      }

      /* Center the video */
/*
      video {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -1;
      }
*/
 
 #myVideo {
	   position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
     
	  
    
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    z-index: -1;
  }

 #audio-button {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 15px;
    cursor: pointer;
}



#audio-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('audio-on.svg'); /* Replace with the path to your "on" icon */
    background-size: cover;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}