@charset "UTF-8";
#carousel-example-generic .carousel-inner{direction:ltr;overflow:hidden;position:relative; margin-bottom:0px; }
 
.carousel-indicators {
	bottom: 70px; 
}
#carousel-example-generic .carousel-indicators li {
font-size:25px; margin:10px;
}
#carousel-example-generic  .carousel-control.right,
#carousel-example-generic .carousel-control.left {
	background-image: none; z-index:8; display:none;
}
#carousel-example-generic  .item {
	
	width:100%;
	overflow:hidden;margin:0;padding:0px;
    /*min-height:300px;*/
   

}
#carousel-example-generic .carousel-inner > .item > img 
{
	
    width:100%;  
   
}
.fit {/*min-height:300px;*/
}
#carousel-example-generic .carousel-caption {
     top:0; left:0;
     margin:0; padding:10px;
     text-align:left;
    
     width:100% !important;
     height:100% !important;
     right:0;
     bottom:0;
    
     
}
 .carousel-caption h2  {max-width:1000PX;}
.carousel-caption h3,.carousel-caption h2,
.carousel .icon-container,
.carousel-caption button {
	text-align:left;
}
.carousel-caption h1,.carousel-caption h2, .carousel-caption h3{
	font-size:15px;
	font-weight:normal;

	 -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-shadow: 2px 2px 2px rgba(20,20,20,0.9);
    color:white;
    z-index:11 !important;
   font-family: 'Pattaya', sans-serif;
}
   .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: 1s;
	animation-delay: 1s;
    height:auto;
    position:absolute;
    bottom:30px;
    right:35%;
    z-index:0;
    display:none;

}

.carousel-caption .banner-img {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
    height:90%;
    position:absolute;
    top:30px;
    right:10px;
    z-index:1 !important;
   

}
.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:30px;width:100%;
}

.fire h1,.fire h2, .fire h3 {
	
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none;

  -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 {
       background:none;
    }
    .fire h1, .fire h2, .fire h3 {
        color:rgb(255,255,255);
    }
	.carousel-caption h1 ,.carousel-caption h2,.carousel-caption h3
	{
		font-size:25px;
	}

    #carousel-example-generic .carousel-inner > .item > img 
{
	
    margin-right:auto;
}

    .carousel-caption .banner-img, .carousel-caption .banner-img1 {
	
   display:block; right:0;

}

    .divheadingtext {
     margin-top:30px;
    }

    .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:50px;
     left:10%;
}
    .height70 {
     height:60%;
    }
    #carousel-example-generic .carousel-caption {
        z-index: 9;
        padding-top: 50px;
        
    }

    .divheadingtext .btn{
        margin-left:77px;
    }

    .carousel-caption h1 , .carousel-caption h2, .carousel-caption h3 {
        font-size: 25px;
        margin-bottom: 20px;
        margin-left: 77px;
    }
    .large-text {
        font-size:45px !important; 
    }



    #carousel-example-generic p {
        font-size: 20px;
        line-height: 40px;
    }

    .carousel-caption a {
        color: red; font-size: 30px;
    }

   

    .carousel-caption .banner-img1{
       
        right:50%;
}

}

@media (min-width:1200px) {

    #carousel-example-generic .carousel-indicators li {
display:inline-block;
}
#carousel-example-generic  .carousel-control.right,
#carousel-example-generic .carousel-control.left {
	display:inline-block;
}

    #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: 20px;
        margin-right: 77px;
        height:100%;
        top:10px;
    }
      .carousel-caption .height70 {
        bottom: 0px;
        margin-right: 77px;
    }

       .carousel-caption .banner-img1{
       
        right:50%;
}

}