/* normalize
--------------------------------------------------------*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}




/* @font-face
--------------------------------------------------------*/

@font-face {
  font-family: "Benton-Sans-Light";
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Benton-Sans-Light/1d3e1be9-e2ca-44c3-b674-7228a7c97407-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BentonSansComp-Bold";
  src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot");
  src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Capita-Regular";
  src: url("http://www.bu.edu/cdn/fonts/Capita-Regular/Capita-Regular.eot");
  src: url("http://www.bu.edu/cdn/fonts/Capita-Regular/Capita-Regular.eot?") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/Capita-Regular/Capita-Regular.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/Capita-Regular/Capita-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "BU-Default-Icons";
  src: url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot");
  src: url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot?#iefix") format("embedded-opentype"),
       url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.woff") format("woff"),
       url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.ttf") format("truetype"),
       url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.svg#bu-default-icons") format("svg");
  font-style: normal;
  font-weight: 400;
  // unicode-range:U+??????; /* Include all Unicode possiblities */
}



/* global
--------------------------------------------------------*/

body.modal-open {
	overflow:hidden;
}




/* header
--------------------------------------------------------*/
header {
	margin: 0 auto;
	text-align: center;
	height: 400px;
}
	header .brand {
		background: transparent url("../img/brand.png") no-repeat center center;
		width: 100%;
	    height: 170px;
	    opacity: 100;
	}
	header h1 {
		padding: 0 0 30px 0;
		margin: 0;
		font-size: 70px;
		line-height: 70px;
		color: #000;
		font-family: "BentonSansComp-Bold", sans-serif;
		font-weight: normal;
		text-transform: uppercase;
	}

	header h2 {
		color: #736e6e;
		font-family: "Benton-Sans-Light";
		font-size: 18px;
		margin: 0 5%;
	}

	header .bar {
		height: 10px;
	    width: 100px;
	    background: #cc0000;
	    margin: 30px auto;
	    text-align: center;
	}




/* .trigger-overlay
--------------------------------------------------------*/

.trigger-overlay {
	text-decoration: none;
}
	.trigger-overlay:hover .video-caption p {
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		height: 20px;
		margin: 20px 0;
	}
	.video-wrapper {
		width:90%;
		background:#000;
		margin:0 auto 60px;
		height:600px;
		-webkit-box-shadow: 0 15px 35px rgba(50,50,93,0.3), 0 5px 15px rgba(0,0,0,0.07);
	    -moz-box-shadow: 0 15px 35px rgba(50,50,93,0.3),0 5px 15px rgba(0,0,0,0.07);
	    -ms-box-shadow: 0 15px 35px rgba(50,50,93,0.3),0 5px 15px rgba(0,0,0,0.07);
	    -o-box-shadow: 0 15px 35px rgba(50,50,93,0.3),0 5px 15px rgba(0,0,0,0.07);
	    box-shadow: 0 15px 35px rgba(50,50,93,0.3), 0 5px 15px rgba(0,0,0,0.07);
	}
	.video-caption {
		color:#fff;
		text-align: center;
		padding: 0 20px;
		position: relative;
	  	top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);

	}
		.video-caption h1 {
			margin:0;
			font-size: 70px;
			line-height: 70px;
			color: #fff;
			font-family: "BentonSansComp-Bold", sans-serif;
			font-weight: normal;
			text-transform: uppercase;
		}
		.video-caption p {
			color: #fff;
			font-weight: normal;
			width: 100%;
			filter: alpha(opacity=0);
			opacity: 0;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
			font-family: "Benton-Sans-Light", sans-serif;
			letter-spacing: 4px;
			font-size: 16px;
			text-transform: uppercase;
			height: 0;
			margin: 0;
			transition: all 0.5s ease;
		}
		.video-icon {
			display:block;
			background: transparent url("../img/video-hover.png") no-repeat center center;
			height: 78px;
			width: 78px;
			margin:0 auto;
			text-indent:-100%;
			overflow: hidden;
		}
		.video-icon:hover {
			background: transparent url("../img/video-hover-red.png") no-repeat center center;
		}
	.someday-bg {
		background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/epidemic.jpg") no-repeat top center;
		background-size: cover;
	}
	.heart-bg {
		background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/bu1.jpg") no-repeat top center;
		background-size: cover;
	}
	.epidemic-bg {
		background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../img/bu6.jpg") no-repeat center center;
		background-size: cover;
	}




/* footer
--------------------------------------------------------*/

footer {
	display: block;
	width: 100%;
	padding: 60px 0 80px;
	text-align: center;
}
footer ul {
	list-style-type: none;
	padding: 0;
}
	footer li { display: inline;
		color: #736e6e;
		font-size: 18px;
	}
		footer li:after {
			content: '/';
			text-align: center;
			margin: 0 auto;
			padding: 0 20px;
			color: #c1baba;
		}
		footer li:last-child:after {
			content: '';
			padding: 0;
		}
footer a {
	color: #736e6e;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	footer a:hover,
	footer a:focus {
		color: #111;
	}
footer h2 {
	font-size: 36px;
	font-family: "BentonSansComp-Bold", sans-serif;
	font-weight: normal;
}
footer h6 {
	color: #787878;
	padding-top: 60px;
	font-size: 18px;
	font-family: "Whitney SSm A","Whitney SSm B","Benton",Helvetica,sans-serif;
	margin-bottom: 20px;
}
a.social-icon {
	font-family: "BU-Default-Icons";
	font-size: 40px;
	color: #d6d6d6;
	transition: all .3s ease-in-out;
	padding: 0 4px;
}

	a.social-icon:hover,
	.fancy-content a.social-icon:focus {
		color:#ccc;
	}
	.icon-facebook-alt:before {
		content: "\F61A";
	}
	.icon-twitter-alt:before {
		content: "\F62B";
	}

footer .icon-facebook-alt:hover {
	color: #3b5998;
}

footer .icon-twitter-alt:hover {
	color: #4099FF;
}


/* .overlay
--------------------------------------------------------*/

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #000;
	background-color:rgba(0,0,0,0.8);
}
.touch .overlay {
	background-color:rgba(0,0,0,1);
}
.touch .overlay a {
	text-decoration: none;
}
	.overlay .overlay-close {
		width: 80px;
		height: 80px;
		display:block;
		position: absolute;
  		left: 50%;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
		top: 80px;
		overflow: hidden;
		border: none;
		background: url("../img/cross.png") no-repeat center center;
		text-indent: 200%;
		color: transparent;
		outline: none;
		z-index: 100;
	}

	.overlay .overlay-close:hover {
		background: url("../img/cross-hover.png") no-repeat center center;
	}
.video-content {
	color:#fff;
	text-align: center;
	position: relative;
  	top: 50%;
  	z-index: 1;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}
	.buvideoWrapper-parent {
		max-width: 800px;
		margin: 0 auto;
	}
		.buvideoWrapper {
		    position: relative;
		    padding-bottom: 56.3636363636%;
		    margin-bottom:14px;
		    height:0;
		}
		* html .buvideoWrapper {
		    margin-bottom: 45px;
		    margin-bot\tom: 0;
		}
		.buvideoWrapper div,
		.buvideoWrapper embed,
		.buvideoWrapper object,
		.buvideoWrapper iframe {
			position:absolute;
			width:100% !important;
			height:100% !important;
			left:0;
			top:0;
		}
.spread-word {
	    -webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		left: 50%;
		bottom: 10%;
		position: absolute;
		text-align: center;
}
.spread-word h6 {
	color: #fff;
	text-transform: uppercase;
	font-family: "BentonSansComp-Bold", sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 16px;
	margin: 0 0 20px 0;
}
.spread-word a.social-icon {
	color: #d6d6d6;
	text-decoration: none;
}
.spread-word a.social-icon:hover {
	color: #fff;
	text-decoration: none;
}
/* effects */
.overlay-scale {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0.9);
	        transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	        transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
}
	.overlay-scale.open {
		visibility: visible;
		opacity: 1;
		overflow: scroll;
		-webkit-transform: scale(1);
		        transform: scale(1);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
		        transition: transform 0.4s, opacity 0.4s;
	}

.hvr-float {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: translateZ(0);
	  transform: translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -moz-osx-font-smoothing: grayscale;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
	  -webkit-transform: translateY(-8px);
	  transform: translateY(-8px);
}

.lt-ie9 .video-content {
	top: 25%;
}


/* responsive styles
--------------------------------------------------------*/

@media only screen  and (max-width : 640px) {
	header {
		padding: 0 20px;
	}
	header h1 {
		font-size: 44px;
		line-height: 44px;
	}
	header h2 {
		font-size: 17px;
	}
	footer li {
		display: block;
	}
	footer li:after {
		content: '__';
		padding: 20px 0;
		display: block;
	}
	.trigger-overlay:hover .video-caption p {
	height: 40px;
	}
}

@media only screen  and (max-width : 400px) {
	header h1 {
		font-size: 40px;
	    line-height: 40px;
	}
	.video-caption p  {
		filter: alpha(opacity=100);
		opacity: 100;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
		height: auto;
		margin: 20px 0;
		transition: none;
	}

	.overlay .overlay-close {
		top: 30px;
	}
	.spread-word {
		bottom: 30px;
	}
}

@media screen and ( max-height: 800px ){
		.spread-word,
		.overlay .overlay-close {
			position: relative;
		}
		.spread-word h6 {
			display: none;
		}
		.overlay .overlay-close {
			    width: 30px;
    height: 30px;
    top: 10px;
    margin-bottom: 20px;

		}
		.video-content {
			top: auto;
			    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;

		}
		.spread-word {
			bottom: auto;
		}
		a.social-icon {
			font-size: 30px;
			padding: 0 2px;
		}
}

@media only screen
and (min-width : 321px) and (orientation: landscape) {
.video-content {
	 width: 60%;
    margin: 0 auto;
}
}