/*!
 * Start Bootstrap - Grayscale v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
 */
body{
	 font-family: 'Roboto', sans-serif;
	 position:relative;width:100%;
	 height:100%;
	 color:black;
	 background-color:white
	 
	 }
	 
html{
	
	width:100%;
	height:100%
	}

h1,h2,h3,h4,h5,h6{
	
	font-family:'Roboto Slab', sans-serif;
	font-weight:600;
	margin:0 0 15px;
	letter-spacing:1px;
	text-transform:uppercase
}
b, strong{font-weight:800}

p{
font-size: 1rem !important;
    line-height: 1.6666666667 !important;
    margin: 0 0 25px !important;
text-align:left;

font-family: 'Roboto', sans-serif;
font-weight: 300;
}

	 
@media screen and (max-width: 500px){
	p{
	font-size:16px;
    text-align:left;
	line-height:1.6;
	
	margin:0 0 35px}
}



a{
	-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#42dca3
}
a:focus,a:hover{
	text-decoration:none;color:#1d9b6c
}
#mainNav{
	font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	 margin-bottom:0;
	 text-transform:uppercase;
	 border-bottom:1px solid rgba(255,255,255,.3);
	 background-color:#000
}
#mainNav .navbar-toggler{
	font-size:14px;padding:11px;color:#fff;border:1px solid #fff
}
#mainNav .navbar-brand{
	font-weight:700
}
#mainNav a{
	color:#fff;
	font-size:14px;
	opacity: 1;
	font-weight:bold
}
#mainNav .navbar-nav .nav-item{
	-webkit-transition:background .3s ease-in-out;
	-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out
}
#mainNav .navbar-nav .nav-item:hover{
	color:fade(white,80%);outline:0;background-color:transparent
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{
	outline:0;background-color:transparent
}
@media (min-width:992px){
	#mainNav{
		padding-top:20px;padding-bottom:20px;
		-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
		-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
		transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;
		letter-spacing:1px;
		border-bottom:none;
		background:0 0
		}
	#mainNav.navbar-shrink{
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid rgba(255,255,255,.3);
		background:#000
	}
	#mainNav .nav-link.active{
		outline:0;background-color:rgba(255,255,255,.3)
	}
	#mainNav .nav-link.active:hover{
		color:#fff
	}
}
.masthead{
	display:table;
	width:100%;
	height:100%;
	opacity: 1;
	padding:200px 0;
	text-align:center;
	color:#fff;
	background:url(http://xchange.org/reports/img/intro_r.JPG) no-repeat center center scroll ;
	background-color:#000;-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.masthead .intro-body{
	display:table-cell;
	vertical-align:middle
}
.masthead .intro-body .brand-heading{
	font-size:50px
}
.masthead .intro-body .intro-text{
	
	font-size:18px
	
	}

@media (min-width:768px){
	
	.masthead{height:100%;padding:0}
	.masthead .intro-body .brand-heading{		
		font-size:100px		
		}
		
	.masthead .intro-body .intro-text{		
		font-size:22px
		}		
		}
		
.btn-circle{
		
		font-size:26px;
		width:55px;
		height:55px;
		margin-top:15px;
		line-height:45px;
		-webkit-transition:background .3s ease-in-out;
		-moz-transition:background .3s ease-in-out;
		transition:background .3s ease-in-out;
		color:#fff;
		border:2px solid #fff;
		border-radius:100%!important;
		background:0 0}
		
.btn-circle:focus,

.btn-circle:hover{
	color:#fff;outline:0;
	background:rgba(255,255,255,.1)
	}

.content-section{
	
	padding-top:50px;
	padding-bottom:50px}

.download-section{
	
	color:#fff;
	background:url(../img/download-bg.jpg) no-repeat center center scroll;
	background-color:#000;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
	}
	
#map{
	
	width:100%;
	height:300px
}

@media (min-width:992px){
	
	.content-section{padding-top:50px;padding-bottom:50px}#map{height:350px}
	
	}

.btn{
	
	font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight:400;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	text-transform:uppercase;
	border-radius:0
	
	}
	
	.btn-default{
		
		color:black;
		border:1px solid white;
		background-color:transparent
		
		}
	
	
	.btn-contact{
		
		color:white;
		border:1px solid white;
		background-color:transparent

		}

.btn-default:focus,

.btn-default:hover{
	
	color:#cd1f25;
	border:1px solid white;
	outline:0;background-color:white
	
	}
	

.btn-contact:hover{
	
	cursor: pointer;
	border:1px solid white;
	outline:0;background-color:green
	
	}
	
ul.banner-social-buttons{
	text-align:center;
	margin-top:0
	
	}
	
@media (max-width:1199px){
	
	ul.banner-social-buttons{margin-top:15px}
	
	}

@media (max-width:767px){
	
	ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons li:last-child{margin-bottom:0}
	
	}

footer{
	padding:50px 0
	}
	

	
::-moz-selection{
	
	background:#fcfcfc;
	background:rgba(255,255,255,.2);
	text-shadow:none
	
	}

::selection{
	background:#fcfcfc;
	background:rgba(255,255,255,.2);
	text-shadow:none
	}

img::selection{
	background:0 0
	}
img::-moz-selection{
	background:0 0
	}
	
body{
	-webkit-tap-highlight-color:rgba(255,255,255,.2)}

 
 #video-container {
	
	
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	
	z-index:0;
	
}
video.fillWidth {
	width: 100%;
	height:50%;
	z-index:1
}


.container_slider {
	width: 100%;
	height: 50%
}


#scroll {
    width: 100%;
    height:400px;
    overflow-y: scroll;
	border:0px solid
}

.subheader {
text-align: left;
}


.factbox{
background-color: rgba(232,232,232,1);	
font-size:20px;
color:grey;
font-weight:300;
padding-left:10px;
border:0px solid grey;
font-style: italic;
font-weight:bold;
margin-top:50px;
padding:25px;
margin-bottom:50px
}

.quote {
font-size:23px;
font-style: italic;
color:#595959;
font-weight:300;
font-weight:bold;
text-align: center;
}

.caption_video{
	text-align:center;
	  font-style: italic;
}
.caption_photo{
	padding-top:5px;
	text-align:center;
	  font-style: italic;
}
ul{

list-style-type: disc;
text-align: left;

padding-top:20px; 
padding-bottom:20px; 
}



.name{
margin-top:20px;
text-align: center;
font-size:15px
}



.bounce {
    color:red;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    -moz-animation: bounce 2s infinite;
    -o-animation: bounce 2s infinite;
}
 
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);}
    60% {-webkit-transform: translateY(-15px);}
}
 
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-30px);}
    60% {-moz-transform: translateY(-15px);}
}
 
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-30px);}
    60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-30px);}
    60% {transform: translateY(-15px);}
}

.text-shading {
    text-shadow: 1px 2px 3px #666;
}

 {
	
@media screen and (max-width: 600px){
	.videoback{display:none}
}
@media screen and (max-width: 600px) {
.fillWidth {display:none}   /* hide it elsewhere */}