@charset "UTF-8";
 html, body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;		/* derek */
        margin: 100px auto;
		position:relative;
    }

    .slick-slide {
      /*margin: 0px 20px;*/
      margin: 0px 0px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .8s;
      opacity: .2;
    }

    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
	
	.slick-prev {
	  left: 20px;
	  z-index: 1;
	}
	.slick-next {
	  right: 20px;
	  z-index: 1;
	}
	
	.slide {
  position: relative;
	}
	


.buttons{ display:inline-block; font-size:18px; color:#fff; text-transform:uppercase; background:#9ec60f;border:1px solid #9ec60f;padding:10px 17px; font-family: 'Arial';  text-align: center;}
.buttons:hover{ background:#fff; border:1px solid #9ec60f;}
	
.slider-description{     position: absolute;    top: 10%;    left: 15%;    max-width: 667px; text-align:center;    width: 100%;    right: 0;    margin: 0 auto; z-index:3;}

/*.slider-description h1{    font-size: 42px; float:left;   color: #fff;text-transform:uppercase;   font-family: 'Arial'; border: 3px solid #fff;      padding: 18.9px 30px; border-radius: 20px 5px; }*/

.slider-description h1{    font-size: 20px; float:left;   color: #fff;text-transform:uppercase;   font-family: 'Arial'; border: 3px solid #fff;      padding: 2% 2%; border-radius: 20px 5px; opacity:0.85;}

/*.slider-description h2{      font-size: 40px;height: auto; float: left;    font-family: 'Arial';       padding: 23px 60px;   background: #fff;    text-transform: uppercase;}*/

.slider-description .buttons{ color:#c0c0c0; border:none; background:#fff;    margin-top: 16px;}
.slider-main-content{  margin: 0 auto;     overflow:hidden; padding: 0px 30px;}

.slider_link
{
	color:#FFF; text-decoration:none;
}


/* 2. Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
/* ********************************************************************** */

@media only screen and (min-width: 481px)
{
	.slider-description{     position: absolute;    top: 12%;    left: 26%;    max-width: 667px; text-align:center;    width: 100%;    right: 0;    margin: 0 auto; z-index:3;}
	
	.slider-description h1{    font-size: 32px; float:left;   color: #fff;text-transform:uppercase;   font-family: 'Arial'; border: 3px solid #fff;      padding: 2% 2%; border-radius: 20px 5px; opacity:0.9; }
}


/* 3. Bigger Tablet Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
/* **************************************************************************************************** */

@media only screen and (min-width: 769px)
{
	.slider-description{     position: absolute;    top: 20%;    left: 0;    max-width: 667px; text-align:center;    width: 100%;    right: 0;    margin: 0 auto; z-index:3;}
	
	.slider-description h1{    font-size: 38px; float:left;   color: #fff;text-transform:uppercase;   font-family: 'Arial'; border: 3px solid #fff;      padding: 2% 2%; border-radius: 20px 5px;  opacity:0.95;}
}


/* 4. Desktop Layout: 900px to max  */
/* ******************************** */

@media only screen and (min-width: 900px)
{
	.slider-description{     position: absolute;    top: 40%;    left: 0;    max-width: 667px; text-align:center;    width: 100%;    right: 0;    margin: 0 auto; z-index:3;}
	
	.slider-description h1{    font-size: 40px; float:left;   color: #fff;text-transform:uppercase;   font-family: 'Arial'; border: 3px solid #fff;      padding: 2% 2%; border-radius: 20px 5px;  opacity:0.98;}
}