﻿
.carousel-caption .style-black
{
    color:rgb(60, 60, 60);
}
       
    .carousel-caption .style-white
{
    color:white;
}


.carousel-caption1 .style-black
{
    color:rgb(60, 60, 60);
}
       
.carousel-caption1 .style-white
{
    color:white;
}


.carousel-caption2 .style-black
{
    color:rgb(60, 60, 60);
}
       
.carousel-caption2 .style-white
{
    color:white;
}



       

.carousel,.item,.active
{
   height:100%;
}

.carousel-inner
{
    height:100%; 
}

.carousel-caption
{
  position: absolute;
  left:5%;
  top: 25%;
  z-index: 10;
  text-align:left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.carousel-caption1
{
  position: absolute;
  right:5%;
  top: 25%;
  z-index: 10;
  text-align:right;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}


.carousel-caption2
{
  position: absolute;
  left: 15%;
  right: 15%;
  top: 58%;/*8%;*/
  z-index: 10;
  text-align:center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}


.carousel-caption .super-heading
{
    /*color:rgb(60, 60, 60);*/
    font-size: 50px; 
}


.carousel-caption .super-paragraph-1
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
   /* color:rgb(60, 60, 60);*/
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption .super-paragraph-2
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}



.carousel-caption1 .super-heading
{
   /* color:rgb(60, 60, 60);*/
    font-size: 50px; 
}


.carousel-caption1 .super-paragraph-1
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
   /* color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption1 .super-paragraph-2
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
  /*  color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}



.carousel-caption2 .super-heading
{
   /* color:rgb(60, 60, 60);*/
    font-size: 50px; 
}


.carousel-caption2 .super-paragraph-1
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
 /*   color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption2 .super-paragraph-2
{
    font-size: 23px;
    line-height: 29px;
    font-weight: 300;
  /*  color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}





/**
 * Button
 */
.n
 g
.b
.btn-transparent {

}



/**
 * Button
 */
 

 
.carousel-caption .btn 
{

	/*background-color: #fcba37;
	color: #171717!important; */
	background-color: white;
	color: rgb(60, 60, 60);
	
    border: 1px solid transparent!important;
    font-weight: 700;
    line-height: 18px;
    /*padding: 11px 30px 11px 30px;*/
    padding:12px;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    /*border-radius: 50px;*/
    padding:12px;
    margin-top:15px;
     border-radius: 4px 30px;
    outline: none;
     text-shadow:none;
}

.carousel-caption .btn:hover
{
    background-color:#fff;
    color: #171717!important;
    border: 1px solid transparent!important;
}


.carousel-caption1 .btn 
{

	/*background-color: #fcba37;
	color: #171717!important;*/
	background-color: white;
	color: rgb(60, 60, 60);
	
    border: 1px solid transparent!important;
    font-weight: 700;
    line-height: 18px;
     /*padding: 11px 9px 11px 9px;*/
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    /*border-radius: 50px;*/
    outline: none;
    text-shadow:none;
     padding:12px;
    margin-top:15px;
     border-radius: 4px 30px;
}

.carousel-caption1 .btn
{
    text-shadow: none;
}

.carousel-caption1 .btn:hover, .carousel-caption1 .btn:focus, .carousel-caption1 .btn.inverse
{
    color: #171717!important;
    border: 1px solid transparent!important;
}

.carousel-caption2 .btn 
{

	/*background-color:#fcba37;
	color:#171717!important;*/
	background-color: white;
	color: rgb(60, 60, 60);
    border:1px solid transparent!important;
    font-weight:700;
    line-height:18px;
   /* padding:11px 9px 11px 9px;*/
    border:none;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    /*border-radius:50px;*/
    outline:none;
    text-shadow:none;
    padding:12px;
    margin-top:15px;
     border-radius: 4px 30px;
}

.carousel-caption2 .btn
{
    text-shadow: none;
}

.carousel-caption2 .btn:hover, .carousel-caption2 .btn:focus, .carousel-caption2 .btn.inverse
{
    color: #171717!important;
    border: 1px solid transparent!important;
}

.btn-transparent
{
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.btn-transparent:hover
{
  background-color: #fff;
}

.btn-rounded
{
  border-radius: 70px;
}

.btn-large
{
  margin-top:2px;
  padding: 11px 11px; 
  font-size: 18px;
}

/**
 * Change animation duration
 */
.animated
{
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight{
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight
{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/*responsive*/
@media only screen and (min-width:0px) and (max-width:461px)

{


.carousel,.item,.active
{
   height:auto;
}

.carousel-inner
{
    height:auto;
}

/* first slide */
.carousel-caption .super-heading
{
    /*color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


.carousel-caption .super-paragraph-1
{
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60);*/
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption .super-paragraph-2
{
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption .btn 
{
    display:none;
}

/* first slide */

/* second slide */
.carousel-caption1 .super-heading
{
   /* color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


.carousel-caption1 .super-paragraph-1 
{
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

 .carousel-caption1 .super-paragraph-2 
 {
    font-size: 12px;
    line-height: 16px;
   /* color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

 .carousel-caption1 .btn 
 {
    display:none;
}
/* second slide */


/* third slide */
.carousel-caption2 .super-heading 
{
    /*color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


 .carousel-caption2 .super-paragraph-1 
 {
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

 .carousel-caption2 .super-paragraph-2 
 {
    font-size: 12px;
    line-height: 16px;
   /* color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption2 .btn 
{
    display:none;
}
/* third slide */

}


@media only screen and (min-width:462px) and (max-width:767px)
{

.carousel,.item,.active
{
   height:auto;
 }
.carousel-inner
{
    height:auto;
}

.carousel-caption .super-heading 
{
   /* color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


.carousel-caption .super-paragraph-1 
{
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption .super-paragraph-2 
{
    font-size: 12px;
    line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; 
    transition: none;
    border-width: 0px; 
    margin: 0px; 
    padding: 0px;
    letter-spacing: 0px;
    min-height: 0px;
    min-width: 0px;
    max-height: none;
    max-width: none;
    opacity: 0.0001;
}

.carousel-caption .btn 
{
    display:none;
}

/* second slide */
.carousel-caption1 .super-heading 
{
   /* color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


 .carousel-caption1 .super-paragraph-1 
 {
    font-size: 12px;line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

 .carousel-caption1 .super-paragraph-2 
 {
    font-size: 12px;line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

 .carousel-caption1 .btn 
 {
    display:none;
}
/* second slide */


/* third slide */
.carousel-caption2 .super-heading 
{
    /*color:rgb(60, 60, 60);*/
    font-size: 15px; 
}


 .carousel-caption2 .super-paragraph-1 
 {
    font-size: 12px;line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

 .carousel-caption2 .super-paragraph-2 
{
    font-size: 12px;line-height: 16px;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption2 .btn 
{
    display:none;
}
/* third slide */


}

@media only screen and (min-width:768px) and (max-width:991px)
{


.carousel,.item,.active
{
   height:auto;
}

.carousel-inner
{
    height:auto;
}

.carousel-caption .super-heading 
{
    /*color:rgb(60, 60, 60);*/
    font-size: 18px; 
}


.carousel-caption .super-paragraph-1 
{
    font-size: 13px;line-height: 29px;font-weight: 100;
    /*color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption .super-paragraph-2 
{
    font-size: 13px;line-height: 29px;font-weight: 100;
    /* color:rgb(60, 60, 60); */
     font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

/* second slide */
.carousel-caption1 .super-heading 
{
   /* color:rgb(60, 60, 60); */
    font-size: 18px; 
}


.carousel-caption1 .super-paragraph-1 
{
    font-size: 13px;line-height: 29px;font-weight: 100;
    /* color:rgb(60, 60, 60); */
     font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption1 .super-paragraph-2 {
    font-size: 13px;line-height: 29px;font-weight: 100;color:rgb(60, 60, 60); font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption1 .btn 
{
    display:none;
}
/* second slide */


/* third slide */
.carousel-caption2 .super-heading 
{
    /* color:rgb(60, 60, 60); */
    font-size: 18px; 
}


.carousel-caption2 .super-paragraph-1 
{
    font-size: 13px;line-height: 29px;font-weight: 100;
    /* color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption2 .super-paragraph-2 
{
    font-size: 13px;line-height: 29px;font-weight: 100;
    /* color:rgb(60, 60, 60); */
    font-family: Lato; transition: none;border-width: 0px; margin: 0px; padding: 0px;letter-spacing: 0px;min-height: 0px;min-width: 0px;max-height: none;max-width: none;opacity: 0.0001;
}

.carousel-caption2 .btn 
{
    display:none;
}
/* third slide */


}

@media only screen and (min-width:0px) and (max-width:461px)

{
.carousel-indicators
{
        display:none;
}

}

@media only screen and (min-width:462px) and (max-width:767px)
{
.carousel-indicators
{
        display:none;
}
}

@media only screen and (min-width:768px) and (max-width:991px)
{
.carousel-indicators
{
        display:none;
}
}




.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 30s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}