@charset "utf-8";
/* CSS Document */


	h1 {font-family: 'oswald', sans-serif; color:#fff; line-height:1.1em; font-weight:900; font-size:42px; text-transform: uppercase; }
.number {text-transform: none; color: #2db0e4; font-family: 'figtree'; font-size:52; }
	.shadow {text-shadow: 1px 1px #000; }
	h2 {font-family: 'figtree', sans-serif; font-size:36px; color: #000; margin-bottom:30px;  line-height:1.1em; font-weight:900; }
h3 {font-family: 'figtree', sans-serif; font-size:26px;  margin-bottom:30px;  line-height:1.1em; font-weight:900;}



.dotborder {border-left:1px dotted;}

		.orangecolor {color: #e55a5a; font-weight:800;}
.resource { font-weight:700;}
	p, li {font-family: 'figtree', sans-serif; font-size: 18px; color:#000; font-weight:300; line-height:1.8em; }
.smaller {font-size:14px;  font-weight:600;}
.smaller2 {font-size:14px;  font-weight:300;}
.larger {font-size:24px;  font-weight:900; line-height: 1.5em;}
strong {font-weight:700; }
.footer {font-size: 14px;}
.footer a {color:#e55a5a;}

.btn {color:#fff !important; text-transform: uppercase; font-weight:600; font-family: oswald; font-size:20px !important;}
.btn-dark {text-transform:none; font-size:18px; background-color:#000; font-family:'figtree'; font-weight:600;}
.buttonlink {color:#fff !important; font-size:18px !important; padding:10px; text-align:left !important;}



.hero {width:45%;}

.partner {text-align:center;}
.partnerlogo {width:100%; padding:20px; }
.partnerlogo2 {width:90%; padding:20px; }

.pink-stripe { background: linear-gradient(to right, #FFC0CB 50%, #f0f0f0 50%);}
.grey-stripe {background: linear-gradient(to right, #fff 50%, #f0f0f0 50%);}

.navbar {padding-top:20px !important; padding-bottom:20px !important;}
.nav-link {color:#fff !important; font-size:18px !important; font-weight:400 !important; text-align: right !important; font-family:oswald;}
.navbar-toggler {color:#ccc !important;}
.nav-item {line-height:1.3em !important;}


a.nav-link:hover {color:#2db0e4 !important;}
.carousel-item {background-color:#; border-radius: 2%;}
.carousel-control-prev-icon {filter: invert(0%); background-size:100%;}
.carousel-control-next-icon {filter: invert(0%); background-size:100%;}
.carousel-control-prev {background-color:transparent; border:0px;}
.carousel-control-next {background-color:transparent; border:0px;}

.carousel-control-prev {
	margin-left: -15px;  
}

.carousel-control-next {
  margin-right: -15px;   
}

 .carousel-indicators [data-bs-target] { filter: invert(0%); border-top:0px !important; border-bottom:0px !important; height:15px !important; width:15px !important; border-radius:50% !important; margin-top:40px; margin-right:20px; box-shadow: none;}



.btn-danger {background-color: #dd0e0e;}
.btn-danger:hover  {background-color: #f56725;}

.quote2 {margin-left:10px; font-size:16px; }

a {color:#e55a5a;}
a:hover {color:#e55a5a; text-decoration:underline;}
.quote::before {
		content: "";
		width: 20%;
		height: 10px;
		background: #2eb1e5;
	display:block;
		margin: 0 10px 20px 0;
	}


.shade {
	
	color: white;
	font-size:32px;
	
}

.shade span {
	background-color:  rgba(0, 0, 0, 0.6);;
	padding: 5px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height: 1.8em;
	
}


.quote2::before {
content: '\201C';
background: transparent;
position:relative;
top:30px;
left:-10px;
float:left;
color: #f3c000;
font-size: 200px;
z-index: 9;
font-family:georgia;}

.video-container {
		overflow: hidden; position: relative; width: 100%;
	}
	
	.video-container::after {
		padding-top: 56.25%; display: block; content: '';
	}
	
	.video-container iframe {
		position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	}
header {
  position: relative;
  height: 75vh;
  min-height: 50rem;
  width: 100%;
  overflow: hidden;
}

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 .container {
  position: relative;
  z-index: 3;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
 background-color:#000;
 opacity: 0.6; /* Standard compliant browsers */
   -moz-opacity: 0.6; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.6; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=60); /* For IE8 and earlier */
  z-index: 1;
}




/* 
 ##Device = Low Resolution Tablets, Mobiles (Landscape)
 ##Screen = B/w 481px to 767px
*/
	
@media (min-width: 1101px) and (max-width: 2000px) {
		
			
			.mobile {display:none;}
		.bubble { display: flex; flex-direction: row-reverse ;}
		}


@media (min-width: 801px) and (max-width: 1100px) {
		
			.hero {width:55%;}
			
			.mobile {display:none;}
		.bubble { display: flex; flex-direction: row-reverse ;}
		}


	@media (min-width: 481px) and (max-width: 800px) {
		
		.hide {display:none;}
			.hero {width:100%;}
			h1 {font-size:44px !important;}
			.desktop {display:none;}
				.orange2 {font-size:22px;}
				.mobilereport {padding-top:40px;}
		.social {display:none;}
		.reportcover {display:none;}
		.dotborder {border-left:0px;}
		.bw {width:60%;}
	.heroimage {height:540px !important;  text-align: center !important;   }
		.logo {text-align: center !important;}
		.pink {display:none;}
			.pink-stripe { background: linear-gradient(to right, #FFC0CB 50%, #FFC0CB 50%);}
.grey-stripe {background: linear-gradient(to right, #f0f0f0 50%, #f0f0f0 50%);}
		}
	
	/* 
 ##Device = Most of the Smartphones Mobiles (Portrait)
 ##Screen = B/w 320px to 479px
*/
	
	@media (min-width: 300px) and (max-width: 480px) {
	
		.hide {display:none;}
	.desktop {display:none;}
		.hero {width:100%;}
	h1 {font-size:44px !important;}
		.orange2 {font-size:22px;}
			.mobilereport {padding-top:40px;}
		.social {display:none;}
		.reportcover {display:none;}
		.dotborder {border-left:0px;}
		.bw {width:60%;}
		.heroimage {height:540px !important; text-align:center !important; }
		.logo {text-align: center !important;}
		.pink {display:none;}
		.pink-stripe { background: linear-gradient(to right, #FFC0CB 50%, #FFC0CB 50%);}
.grey-stripe {background: linear-gradient(to right, #f0f0f0 50%, #f0f0f0 50%);}
	}