@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

/* =======================================================
*
* 	Template Style 
*
* ======================================================= */

#colorlib-container,

.blog-entry {
  z-index: 0;
  display: block;
  position: relative; }
  @media screen and (max-width: 768px) {
    .blog-entry {
      margin-bottom: 4em; } }
  .blog-entry .blog-slider {
    display: block;
    z-index: -1;
    position: relative; }
  .blog-entry .blog-img {
    display: block;
    z-index: -1;
    width: 100%;
    overflow: hidden;
    position: relative; }
    .blog-entry .blog-img img {
      position: relative;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
    .blog-entry .blog-img .video {
      display: table;
      width: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      height: 400px; }
    .blog-entry .blog-img .colorlib-video {
      overflow: hidden;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        .blog-entry .blog-img .colorlib-video {
          height: 300px; } }
      .blog-entry .blog-img .colorlib-video a {
        z-index: 1001;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -45px;
        margin-left: -45px;
        width: 90px;
        height: 90px;
        display: table;
        text-align: center;
        background: #fff;
        -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
        -ms-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
        -o-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
        .blog-entry .blog-img .colorlib-video a i {
          text-align: center;
          display: table-cell;
          vertical-align: middle;
          font-size: 40px; }
      .blog-entry .blog-img .colorlib-video .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s; }
      .blog-entry .blog-img .colorlib-video:hover .overlay {
        background: rgba(0, 0, 0, 0.7); }
      .blog-entry .blog-img .colorlib-video:hover a {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); }
  .blog-entry:hover .blog-img img, .blog-entry:focus .blog-img img {
    position: relative;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  .blog-entry:hover .blog-detail img, .blog-entry:focus .blog-detail img {
    position: relative;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .blog-entry .desc {
    width: 90%;
    background: #fff;
    margin-top: -3em;
    z-index: 1;
    padding: 1em; }
    .blog-entry .desc h2 {
      font-weight: 700;
      font-size: 28px; }
      .blog-entry .desc h2 a {
        color: #000; }
    .blog-entry .desc .meta {
      text-transform: uppercase;
      font-size: 14px; }
      .blog-entry .desc .meta span {
        padding-right: 10px; }
        .blog-entry .desc .meta span a {
          color: #000;
          font-weight: 700; }



#colorlib-container {
  /* Owl Override Style */ }
  #colorlib-container .owl-carousel .owl-controls,
  #colorlib-container .owl-carousel-posts .owl-controls {
    margin-top: 0; }
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-next,
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-prev,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-next,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top: -5px;
    z-index: 9999;
    position: absolute;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0; }
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-next,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right: -5px; }
    #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-next:hover,
    #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
      margin-right: 5px !important; }
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-prev,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    right: 54px; }
    #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
    #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
      margin-left: 0 !important; }
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-next i,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-prev i,
  #colorlib-container .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,
  #colorlib-container .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
    color: #000; }
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
  #colorlib-container .owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,
  #colorlib-container .owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,
  #colorlib-container .owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
    color: #000; }
  #colorlib-container .owl-theme .owl-controls .owl-nav [class*=owl-] {
    padding: 8px;
    background: #fff;
    border: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    #colorlib-container .owl-theme .owl-controls .owl-nav [class*=owl-] i {
      border: none; }
    #colorlib-container .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
      background: #F6490D; }
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-next i,
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-prev i {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    background: transparent; }
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-next:hover i,
  #colorlib-container .owl-carousel .owl-controls .owl-nav .owl-prev:hover i {
    color: white; }
  #colorlib-container .owl-carousel .owl-dots {
    display: none !important; }
  #colorlib-container .item {
    position: relative; }
    #colorlib-container .item .pop-up-overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(246, 73, 13, 0.8);
      opacity: 0;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      #colorlib-container .item .pop-up-overlay .desc {
        position: absolute;
        top: 50%;
        left: 0;
        bottom: 0;
        right: 0;
        margin-top: -60px;
        padding: 30px; }
        #colorlib-container .item .pop-up-overlay .desc h3 {
          color: rgba(255, 255, 255, 0.9);
          margin-bottom: 10px; }
        #colorlib-container .item .pop-up-overlay .desc span {
          display: block;
          color: rgba(255, 255, 255, 0.6); }
      #colorlib-container .item .pop-up-overlay:hover, #colorlib-container .item .pop-up-overlay:focus {
        text-decoration: none; }
    #colorlib-container .item:hover .pop-up-overlay, #colorlib-container .item:focus .pop-up-overlay {
      opacity: 1; }

