@-webkit-keyframes bounce {
	0% { -webkit-transform:initial; transform:initial; }
	50% { -webkit-transform:translateY(2.5%); transform:translateY(2.5%); }
}

@keyframes bounce {
	0% { -webkit-transform:initial; transform:initial; }
	50% { -webkit-transform:translateY(2.5%); transform:translateY(2.5%); }
}

body {
	font-family: 'Roboto Condensed', sans-serif;
	overflow: hidden;
	margin:0;
	padding:0;	
}

.bold {
	font-weight: 700;
}

.coachcol {color: #00bcd3;}
.pilotcol {color: #36444d;}
.scientistcol {color: #004fa3;}
.engineercol {color: #faa61a;}

.container-fluid {
	max-width: 1066px;
	background: rgba(254,254,254,1);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(53%, rgba(219,219,219,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 53%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 53%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(254,254,254,1)), color-stop(53%, rgba(219,219,219,1)), to(rgba(226,226,226,1)));
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(219,219,219,1) 53%, rgba(226,226,226,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
}

img {
	width: 100%;
	cursor: pointer;
}

.shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);	
}

.col.coach, .col.engineer, .col.pilot, .col.scientist {
	border-bottom: 2px solid #666;
	overflow: hidden;
}

.col.coach img, .col.engineer img, .col.pilot img, .col.scientist img {
	position: relative;	
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}

.paused {
   -webkit-animation-play-state:paused;
   animation-play-state: paused;
}

.modal-header {
	padding: 0 10px;
}

#pilotmodal, #coachmodal, #scientistmodal, #engineermodal {
	padding: 1% 2%;
}

.coach-modal {
    background-image:url('../img/coach-corner.png');
}

.modal-dialog-centered { min-height: 100%; }
.modal img { width: 60px; padding-right: 1%;}
.modal p.quote { font-size: 18px; line-height: 23px; margin-bottom: 0; }
.modal h2 { text-transform: uppercase; margin-bottom: 0;}
td.roleimg {width: 65px;}

.modal {
	overflow: visible;
	width: 95%;
	max-width: 95%;
	padding: 10px 20px;
}

.blocker {
	background-color: rgba(0,0,0,0.5);
}

.modal a.close-modal {background-image: url(../img/close.png);}

@media screen and (min-width: 708px) and (max-width: 1065px) {
    .modal h2 { font-size: 1.25rem; margin-bottom: 0; }
    .modal p.quote { font-size: 13px; line-height: 15px; }
    .modal img { width: 40px; }
    td.roleimg {width: 45px;}
}

@media screen and (max-width: 707px) {
	.modal h2 { font-size: 18px; margin-bottom: 0;}
    .d-sm-none { display: block !important;}
    .modal { background-size: 100px 100px; }
    .modal img { width: 40px; }
    td.roleimg {width: 45px;}
    .modal p.quote { font-size: 13px; line-height: 15px; margin-bottom: 3px; }
}