/* This is custom css genrator from Custom scss file. */
/* line 4, ../scss/custom.scss */
a:focus { outline: none; }

/* line 8, ../scss/custom.scss */
.HomeSlider {
    float: left;
    display: block;
    width: 100%;
    margin-top: 0;
    max-height: 400px;
    overflow: hidden;
}

/* line 15, ../scss/custom.scss */
.featureslider { position: relative; }

/* line 19, ../scss/custom.scss */
.featuredPostSlider { float: left; width: 100%; padding: 0; margin-top: 0; margin-bottom: 0; }
/* line 25, ../scss/custom.scss */
.featuredPostSlider img { width: 100%; }
/* line 28, ../scss/custom.scss */
.featuredPostSlider h2 { width: 65%; position: absolute; left: 5%; color: #fff; font-size: 36px; }

/* line 37, ../scss/custom.scss */
#slick-pager { position: absolute; left: 0; width: 18%; float: left; z-index: 9;    height: 294px; }
/* line 44, ../scss/custom.scss */
#slick-pager a { padding: 10px 15px; width: 100%; float: left; border-top: 1px solid rgba(255, 255, 255, 0.6); color: #fff; text-decoration: none; }
/* line 51, ../scss/custom.scss */
#slick-pager a:hover { text-decoration: none; }
/* line 54, ../scss/custom.scss */
#slick-pager a.active { background-color: #d95123; }
/* line 57, ../scss/custom.scss */
#slick-pager a h3 { font-size: 16px; font-family: "Lato", sans-serif; font-weight: 700; margin: 0 0 8px; }
/* line 63, ../scss/custom.scss */
#slick-pager a p { font-family: "Lato", sans-serif; font-size: 13px; margin-bottom: 8px; }
/* line 68, ../scss/custom.scss */
#slick-pager a span.time { font-family: "Lato", sans-serif; font-size: 10px; }
/* line 75, ../scss/custom.scss */
#slick-pager .slick-list .slick-track .slick-slide.slick-current { }
#slick-pager .slick-list .slick-track img {  }
/* line 82, ../scss/custom.scss */
.slick-pager { margin-top: 30px; margin-bottom: 0; }

.slick-arrow { color:#000000;}



.slick-prev:before, .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev:before { content: "\f054"; }
[dir="rtl"] .slick-prev:before { content: "\f104"; }

/* line 87, ../scss/custom.scss */
.pagerNavigation i { float: left; width:100%; margin-top: 0px;cursor: grab;background-color: rgb(244,244,244); }

/* line 93, ../scss/custom.scss */
.pagerNavigationTop { color: #fff; font-size: 29px; text-align: center; position: relative; right: 0; width: 100%; cursor: pointer; }

/* line 103, ../scss/custom.scss */
.pagerNavigationBottom { bottom: -30px; position: absolute; width: 100%; left: 0; height: 30px; cursor: pointer; color: #fff; font-size: 29px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.6); }

/* line 116, ../scss/custom.scss */
.container { position: relative; }
.slick-slide {
    height: auto !important;
}
@media (min-width: 768px) { /* line 119, ../scss/custom.scss */
  .container { width: 750px; } }
@media (min-width: 992px) { /* line 120, ../scss/custom.scss */
  .container { width: 970px; } }
@media (min-width: 1200px) { /* line 121, ../scss/custom.scss */
  .container { width: 1170px; } }
@media (max-width: 767px) { /* line 124, ../scss/custom.scss */
  .slick-pager { margin: 0; }
  /* line 125, ../scss/custom.scss */
  #slick-pager { width: 100%; position: relative; max-height: 80px; }
  /* line 129, ../scss/custom.scss */
  #slick-pager a { border-top: none; border-right: 1px solid rgba(255, 255, 255, 0.6); }
  /* line 130, ../scss/custom.scss */
  #slick-pager h3 { font-size: 16px; margin: 0 0 12px; }
  /* line 137, ../scss/custom.scss */
  .pagerNavigation i { display: none; }
  /* line 138, ../scss/custom.scss */
  .pagerNavigationBottom { display: none; } }