﻿@charset "UTF-8";
.pnlCarouselSlider 
{
    border-radius:5px;margin-top:15px;z-index:1;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    overflow:hidden;
      -webkit-box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.65);
    box-shadow: 0px 9px 14px -3px rgba(0,0,0,0.65);
}
#carousel-example-generic .carousel-inner
{
    background:rgba(0,0,0,0.3);margin-bottom:0px; 
  
}
.carousel-indicators {
	bottom: 0; 
}
#carousel-example-generic .carousel-indicators li {
font-size:25px; margin:10px;border-radius:5px;overflow:hidden;
}
#carousel-example-generic  .carousel-control.right,
#carousel-example-generic .carousel-control.left {
	background-image: none;
}
#carousel-example-generic  .item {
	
overflow:hidden;margin:0;padding:0px;  
   border-radius:5px;
   width:100%;
   

}
#carousel-example-generic .carousel-inner > .item > img 
{
   vertical-align:bottom; 
    overflow:hidden;
    z-index:-1;
}
#carousel-example-generic .carousel-caption {
    left:0;
     margin:0; padding:10px;
     text-align:center;
     width:100% !important;  
     right:0;
     bottom:0;
    height:100px;
    position:absolute;
    
}
   
.carousel-caption h3,.carousel-caption h2,
.carousel .icon-container,
.carousel-caption button {
	text-align:right;
}
.carousel-caption h1,.carousel-caption h2, .carousel-caption h3{
	font-size:14px;
	font-weight:normal;
   
	 -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  
    color: #0070C0; 
    z-index:11 !important;
    /*background-color: rgba(0, 0, 0, 0.3);*/
    padding:10px;
    right:50px;
     margin-top: 10px;
  
}
   .large-text {
        font-size:30px !important; 
    }


.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

.carousel-caption a {
	color:#fff;
	font-size: 16px;z-index:9;
}


/* Animation delays */
.delay3s {-webkit-animation-delay: 3s !important;
	animation-delay: 3s !important;
}
.delay2s {-webkit-animation-delay: 2s !important;
	animation-delay: 2s !important;
}
.delay4s {-webkit-animation-delay: 4s !important;
	animation-delay: 4s !important;
}
.delay5s {-webkit-animation-delay: 5s !important;
	animation-delay: 5s !important;
}
.carousel-caption h3:first-child {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption button,.carousel-caption p {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.carousel-caption .banner-img1 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
    height:auto;
    position:absolute;
    bottom:10px;
    right:35%;
    z-index:0;

}

.carousel-caption .banner-img {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
    height:90%;
    position:absolute;
    top:30px;
    right:10px;
    z-index:1 !important;
   display:none;

}
.height70 {
 height:30%;
 -webkit-animation-delay: 0s;
	animation-delay: 0s;
   
    position:absolute;
    bottom:0px;
    right:10px;
    z-index:1 !important;
}
.height90 {
bottom:0px !important; height:90% !important;z-index:10;
}

.divheadingtext {
z-index:11;position:absolute;float:left;left:10px; top:10px;
}

.fire h1,.fire h2, .fire h3 {
	
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;
  
  color: red;
  -o-text-overflow: clip;
  text-overflow: clip;
  text-shadow: 0 0 20px rgb(254,252,201) , 10px -10px 30px rgb(254,236,133) , -20px -20px 40px rgb(255,174,52) , 20px -40px 50px rgb(236,118,12) ;
}

.blue-3d-text h1,.blue-3d-text h2 {
 
  color: rgb(228, 243, 249);
  
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1) 10ms;

  -webkit-transform:  scaleX(1) scaleY(1) scaleZ(1)  ;
  transform:  scaleX(1) scaleY(1) scaleZ(1)  ;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
}

.blue-3d-text h3 {
 
  
  color: rgb(228, 243, 249);
 
   text-shadow:  1px 1px 1px rgba(232,247,255,0.901961) , 2px 3px 1px rgba(28,67,103,0.498039) , 5px 5px 12px rgba(5,13,20,0.498039) ;
 
}




#carousel-example-generic  .glyphicon-chevron-left{color:White;z-index:9 !important;}
#carousel-example-generic  .glyphicon-chevron-right{color:White;z-index:9 !important;}

.carousel-control {

}


@media (min-width:768px)
{
   #carousel-example-generic .carousel-caption {
       
    }
    .fire h1, .fire h2, .fire h3 {
        color:rgb(255,255,255);
    }
	.carousel-caption h1 ,.carousel-caption h2,.carousel-caption h3
	{
		font-size:16px;
	}

    #carousel-example-generic .carousel-inner > .item > img 
{
	/*min-height:200px !important;*/
    
    width:100%;
}

    .carousel-caption .banner-img {
	
   display:block;

}

    .divheadingtext {
      top:10px;
    }

    .height70 {
     height:60%;
    }

    .blue-3d-text h1, .blue-3d-text h2 {
       
        text-shadow: 1px 1px 1px rgba(232,247,255,0.901961), 2px 3px 1px rgba(28,67,103,0.498039), 5px 5px 12px rgba(5,13,20,0.498039);
    }

}
@media (min-width:999px) {

   
    .divheadingtext {
     top:10px;
}
    .height70 {
     height:60%;
    }
    #carousel-example-generic .carousel-caption {
        z-index: 9;
        padding-top: 50px;
    }

    .carousel-caption h1 , .carousel-caption h2, .carousel-caption h3 {
        font-size: 18px;
        margin-top: 10px;
        
        right:50px;
    }
    .large-text {
        font-size:45px !important; 
    }



    #carousel-example-generic p {
        font-size: 20px;
        line-height: 40px;
    }

    .carousel-caption a {
        font-size: 20px;
    }

   

    .carousel-caption .banner-img1{
       
        right:30%;
}

}

@media (min-width:1200px) {
    #carousel-example-generic  .glyphicon-chevron-left{color:White;z-index:9 !important;margin-left:-50px;}
    #carousel-example-generic  .glyphicon-chevron-right{color:White;z-index:9 !important;margin-right:-50px;}

     .carousel-caption .banner-img {
        bottom: 0px;
        margin-right: 77px;
        width:100%;
        top:50px;
    }
      .carousel-caption .height70 {
        bottom: 0px;
        margin-right: 77px;
    }

       .carousel-caption .banner-img1{
       
        right:35%;
    }

     
       

}
