/*
body {
  padding-top: 50px;
}
.main-container {
  padding: 40px 15px;
}
*/
.skyblue {
	/* background-color: #22c8ff; */
	background:url(../imgs/home2s.jpg) no-repeat; background-size:cover; background-position:center center;
}
.deepskyblue {
	/* background-color: #00bfff; */
	background:url(../imgs/home1s.jpg) no-repeat; background-size:cover; background-position:center center;
}
.darkerskyblue {
	background-color: #00a6dd;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}

.carousel .item {
	min-height: 500px; 
	height: 100%;
	width:100%; 
}

.slidertitle{widht:100%; margin-top:6%; text-align:center; color:#962534; font-size:4em; font-weight:300; text-shadow: 0px 0px 4px #FFF;}
.tx-slider{widht:100%; margin-top:12%; text-align:center; color:#fff; font-size:1.6em; font-weight:300;}
	
@media (max-width: 736px)  {
	.slidertitle{widht:100%; margin-top:3%; text-align:center; color:#962534; font-size:3em; font-weight:300; text-shadow: 0px 0px 2px #FFF;}
	.tx-slider{widht:100%; margin-top:6%; text-align:center; color:#fff; font-size:2em; font-weight:300}
	.carousel .item {
	min-height: 350px !important; 
	height:400px !important; 
	}
}	
	
@media (max-width: 401px)  {
	.slidertitle{widht:100%; margin-top:1%; text-align:center; color:#962534; font-size:1.8em; font-weight:300; text-shadow: 0px 0px 2px #FFF;}
	.tx-slider{widht:100%; text-align:center; color:#fff; font-size:1.2em; font-weight:300}
	.carousel .item {
	min-height: 250px !important; 
	height:300px !important;  
	}
}

.carousel-caption {
    top: 5%;
    bottom: auto;
}

.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
	font-weight:300; font-size:1em;
	/* background-color: #09c; */
}
.carousel-caption h3 {
	/* padding: .5em; */
}
.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

/* Animation delays */
.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
.carousel-caption button {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}