h1 {
				margin: 0 0 20px 0;
				padding: 0;
				text-transform: uppercase;
				line-height: 1.2em;
				border: none;
			}
			h2 {
				font-size: 2.5em;
				line-height: 0.8em;
				font-weight: 900;
			}
			i {
				font-size: 25px;
			}
			blockquote {
				margin-bottom: 11.5px;
			}
			main {
			  padding: 0 !important;
			}
			#wb-cont, .block-views-blocknavigation-buttons-block-1 {
			  display: none;
			}
			/*main .container:first-child {
			  display: none;
			}*/
			#security-jay, #home-hi, #hi-josee, #josee-mandate, #mandate-regions, #regions-frederic, #frederic-security, #jay-karine, #karine-history, #history-rail, #rail-marine, #marine-air, #air-road, #road-dangerous-goods, #dangerous-goods-rachelle, #rachelle-miguel, #miguel-green-innovative, #green-innovative-where-next, #where-next-we-are {
			  height: 0;
			}
			.light-blue {
				color: #008AB1;
				font-weight: 900;
				font-size: 2em;
			}
			.dark-blue {
				color: #002e3d;
				font-weight: 400;
				font-size: 1.5em;
			}

			.active {
				color: #fff !important;
			}
			#content-wrapper {
				position: relative;
				font-family: 'Lato', 'Arial', sans-serif;
			}
			#content-wrapper p {
				line-height: 1.4em;
			}
			#content-wrapper blockquote  p {
				font-size: 20px;
			}
			#media-controls .glyphicon, #media-controls-home .glyphicon {
				top: 0;
			}
			#media-controls {
				position: fixed;
				z-index:3;
				background-color: rgba(0,0,0,0.8);
				color: white;
				display: none;
				top:0;
				left:0;
				padding: 9px 10px 8px;
				width: 70px;
				font-size: 17px;
			}
			#media-controls-home {
				position: absolute;
				z-index:3;
				background-color: rgba(0,0,0,0.8);
				color: white;
				top:0;
				left:0;
				padding: 4px 10px;
				width: 70px;
				font-size: 17px;
			}
			.mute-unmute {
				margin-right: 10px;
			}
			
			#media-controls span:hover, #media-controls-home span:hover, #sound-icon span:hover {
				cursor: pointer;
			}
				#navigation {
				display: none;
				position: fixed;
				left: 0;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 40px;
				z-index: 3;
				text-align: center;
				list-style: none;
				margin: 0;
				background-color: rgba(0,0,0,0.8);
			}
			#nav-content {
				list-style: none;
				padding: 0px;
			}
			#navigation a {
				font-size: 16px;
				line-height: 1.4em;
			}
			#nav-content li:not(:last-child) {
				border-bottom: 1px solid #fff;
			}
			#navigation li {
				position: relative;
				padding: 3px 0 5px;
			}
			#navigation li a:hover {
				cursor: pointer;
				color: #fff;
			}
			.nav-label {
				position: absolute;
				left:40px;
				bottom: 1px;
				background-color: rgba(0,0,0,0.8);
				padding: 8px 15px;
				display: none;
				border-left: 1px solid #000;
			}
			#navigation li a:hover .nav-label {
				display: initial;
			}
			#navigation i {
				font-size: 20px;
			}
			#navigation a, #navigation a:visited, #navigation a:focus {
				color: #a1a1a1;
				text-decoration: none;
			}
			.glyphicon-menu-hamburger {
			display: none;
			}
			.home-text {
				right: 0;
				left:0;
				margin: 0 auto;
				position: absolute;
				text-align: center;
				width:100%;
				z-index: 1;
			}
			.scroll-animation {
				margin-top: 30px;
				cursor: pointer;
			}
			.scroll-sections {
				position: absolute;
				bottom:0;
				right: 50%;
				background-color: rgba(0,0,0,0.5);
				border-radius: 5px 5px 0 0;
				color: #fff;
				padding: 5px 10px;
			  transform: translateX(50%);
			  z-index:2;
			}
			.sound-message {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				        justify-content: center;
						align-items:center;
				margin: 0 auto;
				line-height: 1.5em;
				max-width: 520px;
				font-size: 20px;
			}
			#sound-instructions {
					flex:1;
				}
			.home-text .glyphicon {
				font-size: 25px;
			}
			.loading-screen {
				position: fixed;
				left: 0;
				top: 0;
				z-index: 100000;
				height: 100vh;
				width:100%;
				background-color: rgb(247,246,241);
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				color: #000;
			}
			.uppercase {
				text-transform: uppercase;
			}

			#section-6 {
				background-color: #f7f7f1;
			}
			.jay {
				background:url(/sites/default/files/2021-07/jay.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			.rachelle {
				background:url(/sites/default/files/2021-07/rachelle.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			.karine {
				background:url(/sites/default/files/2021-07/karine.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			.josee {
				background:url(/sites/default/files/2021-07/josee.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			.miguel {
				background:url(/sites/default/files/2021-07/miguel.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			.frederic {
				background:url(/sites/default/files/2021-07/frederic.jpg) center center/cover no-repeat;
				height: 100vh;
			}
			#home-vid, #section-1 {
				background:url(/sites/default/files/2021-07/home.jpg) top center/cover no-repeat;
			}
			#hi-vid {
				background:url(/sites/default/files/2021-07/hi.jpg) top center/cover no-repeat;
			}
			#mandate-vid {
				background:url(/sites/default/files/2021-07/mandate.jpg) top center/cover no-repeat;
			}
			#security-vid {
				background:url(/sites/default/files/2021-07/security.jpg) top center/cover no-repeat;
			}
			#history-vid {
				background:url(/sites/default/files/2021-07/history.jpg) top center/cover no-repeat;
			}
			#air-vid {
				background:url(/sites/default/files/2021-07/air.jpg) top center/cover no-repeat;
			}
			#rail-vid {
				background:url(/sites/default/files/2021-07/rail.jpg) top center/cover no-repeat;
			}
			#marine-vid {
				background:url(/sites/default/files/2021-07/marine.jpg) top center/cover no-repeat;
			}
			#road-vid {
				background:url(/sites/default/files/2021-07/road.jpg) top center/cover no-repeat;
			}
			#dangerous-goods-vid {
				background:url(/sites/default/files/2021-07/dangerous-goods.jpg) top center/cover no-repeat;
			}

			#green-innovative-vid {
				background:url(/sites/default/files/2021-07/green-innovative.jpg) top center/cover no-repeat;
			}
			#where-next-vid{
				background:url(/sites/default/files/2021-07/where-next.jpg) top center/cover no-repeat;
			}
			#we-are-vid{
				background:url(/sites/default/files/2021-07/we-are.jpg) top center/cover no-repeat;
			}

			.banner {
				height: 100%;
				z-index: 2;
				width:100%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				position: absolute;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-sizing: border-box;
				        box-sizing: border-box;
				padding: 60px;
				-webkit-box-pack: end;
				    -ms-flex-pack: end;
				        justify-content: flex-end;
				color: #fff;
			}
			.banner-left {
				padding-left: 100px;
			}
			.banner a {
				color: #fff;
			}
			.banner p {
				font-size: 18px;
			}
			.banner p:last-child {
				margin-bottom: 0;
			}

			.bg-light-blue-transparent {
				background-color: rgba(3,138,177,0.9);
			}
			.bg-dark-blue-transparent {
				background-color: rgba(5,106,141,0.9);
			}
			.bg-seafoam-transparent {
				background-color: rgba(76,161,164,0.9);
			}
			.bg-orange-transparent {
				background-color: rgba(222,101,38,0.9);
			}
			.bg-green-transparent {
				background-color: rgba(131,159,38,0.9);
			}
			.bg-light-blue-opaque {
				background-color: rgb(3,138,177);
			}
			.bg-dark-blue-opaque {
				background-color: rgb(5,106,141);
			}
			.bg-seafoam-opaque {
				background-color: rgb(76,161,164);
			}
			.bg-orange-opaque {
				background-color: rgb(222,101,38);
			}
			.bg-green-opaque {
				background-color: rgb(131,159,38);
			}
			video {
				min-width: 100%;
				min-height: 100%;
				position: relative;
			}
			::cue {
				color: #fff;
				background-color: black;
				font-size: 25px;
			}
			.video-section {
				height: 100vh;
				overflow: hidden;
				position: relative;
				background-color: #000;
			}
			.video-loading {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 1;
				height: 100%;
				width:100%;
				background-color: rgba(0,0,0,.5);
				display: none;
			}
			.video-loading img {
				opacity: 0.7;
			}
			.loading-left {
				position: absolute;
				top: 50%;
			    left: 33%;
			    width: 100px;
			    height: auto;
			    margin-top: -50px;
			    margin-left: -33px;
			}
			.loading-right {
				position: absolute;
				top: 50%;
			    right: 33%;
			      width: 100px;
			    height: auto;
			    margin-top: -50px;
			    margin-right: -33px;
			}
			.loading-center {
				position: absolute;
				top: 50%;
			    left: 50%;
			    width: 100px;
			    height: auto;
			    margin-top: -50px;
			    margin-left: -50px;
			}
			.glyphicon.testimonial  {
				position: absolute;
				z-index:100;
				color: #fff;
				font-size: 75px;
				top: 50%;
			    left: 50%;
			    margin-top: -50px;
			    margin-left: -50px;
				opacity: .85;
				display: none;
			}
			.absolute {
				position: absolute;
			}
			.right {
				right: 0;
			}
			.video-center {
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				transform: translateX(-50%);
				position: relative;
				left: 50%;
			}
			#content-wrapper .img-responsive {
				display: none;
				width: 100%;
			}
			#regions-vid {
				max-width: 100%;
			}
			.no-gutter {
				margin-right: 0;
				margin-left: 0;
			}
			.no-gutter > [class*="col-"] {
				padding-right: 0;
				padding-left: 0;
				height: calc(100vh + 1px);

			}
			.bounce {
				-webkit-animation: bounce 3s infinite;
				animation: bounce 3s infinite;
				-webkit-animation-delay: 2s;
				        animation-delay: 2s;
			}


			@-webkit-keyframes bounce {
				0%, 20%, 50%, 80%, 100% {
					-webkit-transform: translateY(0);
					        transform: translateY(0);
				}
				40% {
					-webkit-transform: translateY(-10px);
					        transform: translateY(-10px);
				}
				60% {
					-webkit-transform: translateY(-5px);
					        transform: translateY(-5px);
				}
			}


			@keyframes bounce {
				0%, 20%, 50%, 80%, 100% {
					-webkit-transform: translateY(0);
					        transform: translateY(0);
				}
				40% {
					-webkit-transform: translateY(-10px);
					        transform: translateY(-10px);
				}
				60% {
					-webkit-transform: translateY(-5px);
					        transform: translateY(-5px);
				}
			}

			@media only screen and (min-width: 1500px) {
				.col-xl-8 {
					width: 66.66666666666667%;
				}
				.col-xl-pull-8 {
					right: 66.66666666666667%;
				}
				.col-xl-7 {
					width: 58.33%;
				}
				.col-xl-6 {
					width: 50%;
				}
				.col-xl-5 {
					width: 41.66%;
				}
				.col-xl-4 {
					width: 33.33%;
				}
				.col-xl-push-4 {
					left: 33.33%;
				}
			}
			@media only screen and (max-width: 1199px) {
				h2 {
					font-size: 2em;
				}
			}
			@media only screen and (max-width: 767px) {
				.banner {
					padding: 40px;
					padding-left: 80px;
				}
				h1 {
					line-height: 1em;
				}
				#sound-icon {
					display: none;
				}
				#sound-instructions {
					margin-left: 50px;
					margin-right: 50px;
				}
				.sound-message {
					max-width: 600px;
				}
				.light-blue {
					font-size: 1.3em;
				}
				.dark-blue {
					font-size: 0.8em;
				}
				.no-gutter > [class*="col-"].xs-video-height {
					height: 60vh;
				}
				.no-gutter > [class*="col-"].xs-banner-height {
					height: 40vh;
				}
				#rachelle-vid, #josee-vid, #jay-vid, #miguel-vid, #karine-vid, #frederic-vid {
					height: 80vh;
				}
				.no-gutter > [class*="col-"] {
					width: 100%;
				}
			}

			@media only screen and (max-width: 650px) {
				.no-gutter > [class*="col-"].xs-video-height {
					height: 50vh;
				}
				.no-gutter > [class*="col-"].xs-banner-height {
					height: 50vh;
				}
				::cue {
					font-size: 18px;
				}
			}
			@media screen and (max-height: 750px) and (min-height: 500px) and (min-width: 1200px) {
				.bg [class*="col-"] {
				width: 50%;
				}
			}
			@media screen and (max-height: 499px) and (min-height: 350px){
				.bg [class*="col-"] {
				width: 75%;
				}
			}
			@media screen and (max-height: 550px) and (max-width: 950){
				.bg [class*="col-"] {
				width: 100%;
				}
				.banner {
					padding: 40px;
					padding-left: 80px;
				}
			}
			@media screen and (max-height: 600px){
				h1 {
					font-size: 1.5em;
				}
				.sound-message {
					font-size: 18px;
				}
				.scroll-animation {
					margin-top: 10px;
				}

				#media-controls {
					padding: 4px 7px;
					width: 65px;
			  }
			}
			@media screen and (max-height: 349px){
				.bg [class*="col-"] {
				width: 100%;
				}
				.banner {
					padding: 40px;
					padding-left: 80px;
				}
			}