/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body { height: 100%; font-family: 'game_font', sans-serif; }

.carousel,
.item,
.active {  height: 100%; }

.carousel-inner {  height: 100%; }

.carousel-caption{float:left; width:100%; padding:0 300px; position:absolute; bottom:40px; left:0; z-index:2;  text-align: center; text-shadow: none; display:none;}
.carousel-caption p{margin:0; font-size:20px; padding:15px 20px; color:#222; background:rgba(255,255,255,0.95); border-radius:20px;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
  }

.carousel-control {
	background:#fff;
	background-image:none;
	border-radius:50%;
	color:#758cc6;
	width:75px;
	height:75px;
	top:auto;	
	left:auto;
	bottom:40px;
	text-align:center;
	opacity:1;
	z-index:99;
	text-shadow:none;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
  box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.79);
}
.carousel-control:hover,
.carousel-control:active,
.carousel-control:focus {
	color:#5872a5;
}
.carousel-control.left { right: 150px; background-image:none; padding:19px 7px 0 0; display:none; filter: none;}
.carousel-control.right { right:40px; background-image:none; padding:19px 0 0 7px; filter: none;}
.carousel-control.playAudio { left: 40px; padding:18px 0 0 0; }
.carousel-control.showText { left:150px; padding:15px 0 0 0;  }
.carousel-control.closeWindow { top:40px; right:40px; padding:15px 0 0 0;  }

a {color:#758cc6; }
a:hover {color:#5872a5; }

h1 {text-align: center; margin-top:300px;}

.logo {position: absolute; top:40px; left:50%; margin-left:-150px; z-index:99;}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


/* IPAD */
@media only screen and (max-width: 990px) {
  h1 {margin-top:30%;}
  .logo {top:45%; }
  .carousel-control { background:#758cc6; color:#fff; width:50px; height:50px; bottom:30px; font-size:0.9em; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
  .carousel-control.left { right:110px; padding-top:14px;  } 
  .carousel-control.right { right:30px; padding-top:14px; }
  .carousel-control.playAudio { left:30px; padding-top:14px; }
  .carousel-control.showText { left:110px; padding-top:14px;  }
  .carousel-control.closeWindow { top:20px; right:20px; padding-top:14px;  }
  .carousel-control:hover,
  .carousel-control:active,
  .carousel-control:focus { color:#fff; }
  .carousel-caption{padding:0 20px; position:absolute; top:45%; bottom:auto;}
  .carousel-caption p{font-size:20px; padding:0; background:#fff; border-radius:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
}


/* Portrait */
@media only screen and (max-width: 768px) {
  .carousel-caption p{font-size:19px; }
}

/* Portrait */
@media only screen and (max-width: 570px) {
  .carousel-caption p{font-size:17px; }
  .carousel-control.showText { left:100px; }
  .carousel-control.left { right:100px; }
  .carousel-caption img{ width:100px; }
  .lastitem .carousel-caption p{font-size:13px; }
}


/* Landscape Mobile */
@media screen and (orientation:landscape) and (max-width: 990px) {
  .logo {top:5%; width:150px; height:65px; margin-left:-75px; }
  .fill {height:100%!important;}
  .carousel-caption{padding:0 150px!important; top:auto!important; bottom:30px!important;}
  .carousel-caption p{font-size:14px!important; padding:15px 20px!important; background:rgba(255,255,255,0.95)!important; }
  .carousel-caption img{ width:100px; }
  .carousel-control { background:#fff; color:#758cc6; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.79); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.79); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.79);}
  .carousel-control:hover,
  .carousel-control:active,
  .carousel-control:focus { color:#758cc6; }
  .carousel-control.left { right:80px!important;  } 
  .carousel-control.right { right:20px!important; }
  .carousel-control.playAudio { left:20px!important; }
  .carousel-control.showText { left:80px!important;  }
}