.carousel {
font-family: "Bliss Regular", 'lato_regular', arial;
}


.active .slide {
  display: block !important;
  visibility: hidden;
  transition: all .7s ease-out;
}

.active .slide.current {
  visibility: visible;
/*  left: 0;*/
  opacity:1;
}

.active .slide.next {
/*  left: 100%;*/
opacity:1;
}

.active .slide.prev {
/*  left: -100%;*/
opacity:0;
}

.active .slide.next.in-transition,
.active .slide.prev.in-transition {
  visibility:visible;
}

  .carousel, .slide {
    width: 100%; /*480px;*/
    padding:0;
    margin: 0;
    overflow: hidden;
  }
  .carousel {
    position: relative;
  }
  .carousel ul {
    margin:0;
    padding: 0;
  }
  
  
  
 
  .slide {
    /*position: absolute;*/
    height: 400px; /*360px;*/
    background-size: cover; 
    position: relative;
    margin-bottom:1em;
    /*border:1px solid #333;*/
  }

  

    /*tester for no-background-size*/
  .nbgs .slide {
    /*position: absolute;*/
    height: 800px; /*360px;*/
	background-repeat: no-repeat;
	background-color: #f7f7f7;
    position: relative;
    margin-bottom:1em;
    /*border:1px solid #333;*/

 }  

  
  .slide h4 {
    display:inline-block;
    float:right;
    font-size: 1.25em;
    margin:0;
    padding: .25em;
    text-align: right;
    background-color: rgba(255,255,255,.8);
    float:right;
    border-radius: 0 0 0 .5em;
  }
  .slide p {
    position: absolute;
    bottom: -380px;
	/*top: 40px;*/
   /* left: 40px;*/
   left: 0px;
    right: 0;
    margin:0;
    clear:both;
    padding: 1em 5em 1em 3em;
	max-width:45%;
/*    background-color: rgba(255,255,255,.8);*/
	color:white;
	opacity: 0.9;
	text-align: left;
	}

.slide .blue_text {
background-color:#0091CE;
font-size:180%;
padding: /*5px*/ 10px;
line-height:150%;
/*display: table;*/
}

.slide .yellow_text {
/*background-color:#FFFF33;*/
background-color:#fe0;
font-size:180%;
/*padding:10px;*/
line-height:150%;
display:table !important;
}
	
  .slide a {
    text-decoration:none;
  }

  .slide a {
  	outline: 3px solid transparent; /*for links on hover*/
	text-decoration:none;
	background-color:#404040;
	color:#fff;
	padding:5px;
	line-height:200%;
  }

  .slide a.bgdnone {
	background:none;
    color:#404040;
    line-height:130%;
  }
  
  .slide a:hover, .slide a:focus {
  	outline: 3px solid #FFBF47; /*for links on hover*/
  }
  
  
    .slide .grey_text {
  	outline: 3px solid transparent; /*for links on hover*/
	text-decoration:none;
	background-color:#404040;
	color:#fff;
	padding:5px;
	line-height:200%;
  }
  
  
.carousel.active {
  height: 400px; /*360px;*/
  /* overflow:hidden; */
  /*border: 1px solid #333;*/
  position:relative;
}

.active .slide {
  border: none;
  display: none;
  position:absolute;
  top:0;
  left:0;
  z-index:200;
}

.slide.current {
  display:block;
  z-index: 500;
}

.btn-prev,
.btn-next {
  position:absolute;
  z-index: 700;
  top: 50%;
  margin-top: -2.5em;
  border:0;
  background: rgba(255,255,255,.6);
  line-height: 1;
  padding:2em .5em;
  transition: padding .4s ease-out;
}

.btn-next:hover,
.btn-next:focus,
.btn-prev:hover,
.btn-prev:focus {
  padding-left: 2em;
  padding-right:2em;
}

.btn-prev {
  left:0;
  border-radius: 0 .25em .25em 0;
}

.btn-next {
  right:0;
  border-radius: .25em 0 0 .25em;
}

.carousel.with-slidenav {
  padding-bottom: 4em;
  background-color: #fff;
}
.carousel.with-slidenav .slide {
  border-bottom: 1px solid #333;
}

.slidenav {
  position: absolute;
  bottom:1em;
  left: 0;
  right: 0;
  text-align: center;
}

.slidenav li {
  display:inline-block;
  margin: 0 .3em;
}

.slidenav button {
  border: 1px solid #666 /*#036*/;
  background-color: #fff /*#036*/;
  line-height: 1em;
  height: 2em; /*2.6em;*/
  width: 2em; /*2.6em;*/
  font-weight: bold;
  color: #666;
  outline: 3px solid transparent; /*for links on hover*/
  border-radius: 50%;  /* for circular buttons */
  -moz-border-radius: 50%;  /* for circular buttons */
  -webkit-border-radius: 50%;  /* for circular buttons */
}

.slidenav button.current {
  /*border-radius: .5em;*/
  background-color: #0091ce; /*#fff*/;
  color: #fff /*#404040*/;
}

.slidenav button:hover,
.slidenav button:focus {
	outline: 3px solid #FFBF47; /*for links on hover*/
}

.slidenav button.current:hover,
.slidenav button.current:focus {
 /* border: 2px #036;*/
}

.visuallyhidden {
display:none;
}



@media (max-width:800px){


.slide .blue_text {
font-size:170%;
}

.slide .yellow_text {
font-size:170%;
}
    
}


@media (max-width:720px){

.slide p {
left:5px;
max-width:65%;
}

.slide .blue_text {
font-size:150%;
}

.slide .yellow_text {
font-size:150%;
}
    
}


@media (max-width:500px){

.slide p {
max-width:80%;
}

.slide .blue_text {
font-size:130%;
}

.slide .yellow_text {
font-size:130%;
}

}