/* Slider */
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; z-index:20; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* theme */
.slick-loading .slick-list{ background: #fff url('../images/ajax-loader.gif') center center no-repeat; }
@font-face{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 40;
    top: 50%;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{ color: transparent; outline: none; background: transparent; }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{ opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{ opacity: .25; }

.slick-prev:before,
.slick-next:before{ font-family: 'slick'; font-size: 35px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 25px; }
[dir='rtl'] .slick-prev { right: 25px; left: auto; }
.slick-prev:before { content: '←'; }
[dir='rtl'] .slick-prev:before { content: '→'; }
.slick-next { right: 25px; }
[dir='rtl'] .slick-next { right: auto; left: 25px; }
.slick-next:before { content: '→'; }
[dir='rtl'] .slick-next:before { content: '←'; }
.slick-dots { position: absolute; bottom: 12px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }

.slick-dots li button:hover,
.slick-dots li button:focus{ outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: white; }

.slider-container { width: 100%; height: 420px; background-position: center center; background-size: cover; position: relative; }
.slider-text { position: absolute; right:0; bottom: 20px; width: 100%; z-index: 60; text-align: right; color: #FFF; font-size: 36px; line-height: 38px; font-weight: 200; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); }
.slider-text .btn { -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); }
.slider-text span { width: 1140px; max-width: 100%; display: block; margin: auto; position:relative; }
@media (min-width: 576px) {
  .slider-text span {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width: 576px) {
	.slider-text span { width: 540px; max-width: 100%; }
	.slider-container { height: 200px; }
}
@media (min-width: 768px) {
	.slider-text span { padding-right: 15px; padding-left: 15px; width: 720px; max-width: 100%; }
	.slider-container { height: 340px; }
}
@media (min-width: 992px) {
	.slider-text span { padding-right: 15px; padding-left: 15px; width: 960px; max-width: 100%; }
	.slider-container { height: 360px; }
}
@media (min-width: 1200px) {
	.slider-text span { padding-right: 15px; padding-left: 15px; width: 1140px; max-width: 100%; }
	.slider-container { height: 420px; }
}




.slick-slide { margin: 0px; }
.slick-slide img { width: 100%; }
.slick-prev:before, .slick-next:before { color: white; }
.slick-slide { transition: all ease-in-out .3s; opacity: .2; }
.slick-active { opacity: .5; }
.slick-current { opacity: 1; }

/* Extra small devices (phones, less than 575px) */
@media (max-width: 575px) {
	.slider-container { height: 210px; }
	.slick-container { padding: 0; }
	.slider-text { font-size: 24px; }
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.slider-container { height: 280px; }
	.slick-container { padding: 0; }
	.slider-text { font-size: 24px; }
}

/* Medium devices (desktops, tablets less than 991px) */
@media (max-width: 991px) {
	.slider-container { height: 300px; }
	.slick-container { padding: 0; }
	.slider-text { font-size: 35px; }
}
