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


	h1 {font-family: 'montserrat', sans-serif; color: #fff; line-height:1.3em; font-weight:800; font-size:42px; text-shadow:1px 1px #000;}
	
	h2 {font-family: 'Roboto', sans-serif; font-size:30px; color: #000; margin-bottom:20px;  line-height:1.3em; font-weight:900 !important;  }

h3 {font-family: 'Roboto', sans-serif; font-size:26px;  margin-bottom:20px;  line-height:1.3em; }
.logotext {font-family: 'Roboto', sans-serif;  font-size:22px; color: fff; font-weight:900 !important; margin-top:30px;  line-height:1em;  } 
.blue {font-weight:900;  color:#0a3161; font-family: 'Roboto', sans-serif; }

	.stat {font-weight:900;  font-family: 'roboto', sans-serif; font-size:52px; text-shadow:1px 1px #000;}	
.partner {text-align:center; padding:10px;}
.image {max-width:80%; text-align:center;}
.image2 {max-width:70%; text-align:center;}
.line::before {
	content: "";
width: 20%;
height: 10px;
background: #f56725;
display: block;
margin: 0 10px 20px 0;
}


		.policy {font-family: 'Roboto', sans-serif; font-size:22px; color: #e7bd02; margin-bottom:10px; font-weight:900; line-height:1.3em; }
		.orangecolor {color: #0a3161; font-weight:800;}
.yellow {color:#e7bd02; font-size:14px; font-weight:800}
	p, li {font-family: 'montserrat', sans-serif; font-size: 18px; color:#000; font-weight:400; line-height:1.8em; }
.shade {
	
	color: white;
	font-size:32px;
	
}

.shade span {
	background-color: #0a3161;
	padding: 6px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	line-height:2em;
	
}

.footer {font-size: 14px;}
.footer a {color:#f56725;}


.buttonlink {color:#000 !important; font-size:18px !important; padding:10px; text-align:left !important;}

.intro {background-image:url(''); background-repeat: no-repeat; background-position: top right; } 
.hero {width:60%;}
.slide { padding: 20px;}
.slidetext {font-size:16px;}
.slide img {width:90%;  }

.icon {font-style: normal; float:left;margin:0 20px 40px 0px; color:#011c50;}

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


a.nav-link:hover {color:#f56725 !important;}

.btn {font-family:roboto; font-size:18px; font-weight:800;}
.btn-danger {background-color: #bf0a30;}
.btn-danger:hover  {background-color: #bf0a30;}

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

a {color:#f56725;}
a:hover {color:#ccc;}
.quote::before {
		content: "";
		width: 20%;
		height: 10px;
		background: orange;
	display:block;
		margin: 0 10px 20px 0;
	}
.quote {font-size:22px; font-weight:300; font-family: 'roboto', sans-serif;}





.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;}


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;
}


.collapsible {







  font-weight:900;







  color: #fff; 







background-color: #011c50;







  padding:10px 15px 10px 15px;







  cursor: pointer;







 font-family:lato;















  border: none;







  text-align: left;







  outline: none;







  font-size: 15px;







  display:inline;







  margin-top:20px;







  







}















.collapsible:hover {







  background-color: #ccc;







  















}



	  a.backbutton {color:#fff; text-decoration: none;}

	  a.backbutton:hover {color:#000; text-decoration: none;}











.collapsible:after {







  content: '\READ MORE';







  color: white;







  font-weight: bold;







  float: right;















}















.collapsible.active:after {







  content: "\READ LESS";







}















.active  {







  color: #821c1e;















}















.hidebutton.active {







	display:none;}















	.morebio {







  margin-top:20px;







  display: none;







  overflow: hidden;







  







}












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


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


	@media (min-width: 481px) and (max-width: 767px) {
		

			hero {width:75%;}
			h1 {font-size:32px !important;}
			.desktop {display:none;}
				.orange2 {font-size:22px;}
				.mobilereport {padding-top:40px;}
		.social {display:none;}
		}
	
	/* 
 ##Device = Most of the Smartphones Mobiles (Portrait)
 ##Screen = B/w 320px to 479px
*/
	
	@media (min-width: 300px) and (max-width: 480px) {

	.desktop {display:none;}
		.hero {width:75%;}
	h1 {font-size:32px !important;}
		.orange2 {font-size:22px;}
			.mobilereport {padding-top:40px;}
		.social {display:none;}
	}