.header {position:absolute; background:none; z-index:1003;}
/* Main Styles */
.carousel{position:relative;border-bottom:3px solid #cc3333;}
.carousel-inner{position:relative;width:100%;max-height:600px;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;height:600px;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;min-height:100%;max-width:100%;line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:100px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.carousel-control.right{right:0;left:auto;}
.carousel-control:hover{text-decoration:none;opacity:1;filter:alpha(opacity=100)}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}
.carousel-indicators{position:absolute;bottom:15px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
.carousel-indicators li{display:inline-block;width:14px;height:14px;margin:0 5px;background:#fff;text-indent:-999px;cursor:pointer;border-radius:50%; opacity:0.5}
.carousel-indicators li:hover {opacity:0.75;}
.carousel-indicators li.active{opacity:1;}
.carousel-caption{position:absolute;right:0;top:200px;left:0;z-index:10;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption.bottom{top:450px;}
/* CSHOST.FUN Text */
.cshostfun-title{display:table;background:rgba(150, 130, 110, 0.8);margin-bottom:10px; padding:0px 10px;font-size:30px;text-transform:uppercase;}
.cshostfun-description {display:table;background:rgba(250, 20, 20, 0.5); margin-bottom:20px; padding:0 10px; font-size:25px; text-transform:uppercase;text-shadow:0 0 1px rgba(0, 0, 0, 0.5);}
.cshostfun-text {background:url(../images/tick.png) no-repeat; background-position:left 5px; margin-left:10px; padding:5px 5px 5px 30px;font-weight:300;line-height:20px;color:#fff;text-align:left;text-shadow:1px 1px 2px #000;}
.cshostfun-btn{display:table; margin:30px 0 0 40px; color:#fff; border:2px solid #fff; border-radius:40px; -webkit-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out}
.cshostfun-btn:hover {color:#cc3333; border:2px solid #cc3333;}
/* Fade Slider CSS */
.carousel .item {-webkit-transition:0.3s ease-in-out opacity; -moz-transition:0.3s ease-in-out opacity; -o-transition:0.3s ease-in-out opacity; transition:0.3s ease-in-out opacity; left:0 !important;}
.carousel .next.left, .carousel .prev.right {opacity:1; z-index:1;}
.carousel .active.left, .carousel .active.right {opacity:0; z-index:2;}
.carousel .carousel-control {z-index:1000; outline:none;}
.carousel .carousel-control.left i, .carousel .carousel-control.right i{position:absolute; display:inline-block; top:50%; z-index:5;-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.carousel .carousel-control.left i{left:25%; margin:0 0 0 25%;}
.carousel .carousel-control.left:hover i{margin:0;}
.carousel .carousel-control.right i{right:25%; margin:0 25% 0 0;}
.carousel .carousel-control.right:hover i{margin:0;}
@media screen and (max-width: 1024px) {
.cshostfun-text {line-height:15px;}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.carousel-inner, .carousel-inner>.item {height:450px;}
.carousel-control {font-size:80px;}
.carousel-caption {top:130px;}
.carousel-caption.bottom {top:330px;}
.cshostfun-title {font-size:23px;}
.cshostfun-description {margin-bottom:15px; font-size:17px;}
.cshostfun-text {background-size:16px; padding:5px 5px 5px 25px;}
.cshostfun-btn {margin:23px 0 0 30px;}
}
@media screen and (min-width: 601px) and (max-width: 768px) {
.carousel-inner, .carousel-inner>.item {height:360px;}
.carousel-control {font-size:60px;}
.carousel-caption {top:70px;}
.carousel-caption.bottom {top:270px;}
.cshostfun-title {font-size:20px; margin-bottom:5px; padding:0 7px;}
.cshostfun-description {margin-bottom:10px; padding:0 7px; font-size:16px;}
.cshostfun-text {background-size:14px; padding:3px 3px 3px 20px;}
.cshostfun-btn {margin:16px 0 0 24px;}
}
@media screen and (min-width: 481px) and (max-width: 600px) {
.carousel-inner, .carousel-inner>.item {height:288px;}
.carousel-control {font-size:40px;}
.carousel-caption {top:60px;}
.carousel-caption.bottom {top:200px;}
.cshostfun-title {font-size:15px; margin-bottom:5px; padding:0 7px;}
.cshostfun-description {margin-bottom:10px; padding:0 7px; font-size:14px;}
.cshostfun-text {background-size:14px; padding:3px 3px 3px 20px; font-size:13px;}
.cshostfun-btn {display:none;}
}
@media screen and (max-width: 480px) {.carousel {display:none;}.header {position:relative; background: url(../images/1.jpg) center;}}