
.untree_co-section {
  padding: 10px 0; }

.media-thumb {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
  border-radius: 20px; }
  .media-thumb:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(26, 55, 77, 0.8);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .media-thumb img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: .3s transform ease;
    -o-transition: .3s transform ease;
    transition: .3s transform ease; }
  .media-thumb .media-text {
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-top: 20px; }
    .media-thumb .media-text h3 {
      font-size: 1rem;
      font-weight: 900;
      color: #1A374D;
      margin: 0;
      padding: 0; }
    .media-thumb .media-text .location {
      font-size: .8rem;
      color: rgba(26, 55, 77, 0.5); }
    .media-thumb .media-text h3, .media-thumb .media-text .location {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
  .media-thumb:hover {
    z-index: 3; }
    .media-thumb:hover h3 {
      color: #ffffff; }
    .media-thumb:hover .location {
      color: rgba(255, 255, 255, 0.5); }
    .media-thumb:hover img {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .media-thumb:hover:after {
      opacity: 1;
      visibility: visible; }
    .media-thumb:hover .media-text {
      -webkit-transition-delay: .2s;
      -o-transition-delay: .2s;
      transition-delay: .2s;
      opacity: 1;
      visibility: visible; }

  .media-product {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
  }
  .media-product:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background: rgba(26, 55, 77, 0.8);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .media-product img {
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
    -webkit-transition: .3s transform ease;
    -o-transition: .3s transform ease;
    transition: .3s transform ease; }
  .media-product .media-text {
    position: absolute;
    top: 20px;
    left: 40px;
    z-index: 2;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    margin-top: 20px; }
    .media-product .media-text h3 {
      font-size: 1rem;
      font-weight: 900;
      color: #fe4c50;
      margin: 0;
      padding: 0; 
	  margin-left: -20px;
	  margin-right: 20px;
	  text-align: center-left;	 
	  text-shadow:
      -0.5px -0.5px 0 black,
      0.5px -0.5px 0 black,
      -0.5px 0.5px 0 black,
      0.5px 0.5px 0 black;	  
	  }
    .media-product .media-text .location {
      font-size: .8rem;
      color: rgba(26, 55, 77, 0.5); }
    .media-product .media-text h3, .media-thumb .media-text .location {
      -webkit-transition: .3s all ease;
      -o-transition: .3s all ease;
      transition: .3s all ease; }
  .media-product:hover {
    z-index: 3; }
    .media-product:hover h3 {
      color: #ffffff; }
    .media-product:hover .location {
      color: rgba(255, 255, 255, 0.5); }
    .media-product:hover img {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .media-product:hover:after {
      opacity: 1;
      visibility: visible; }
    .media-product:hover .media-text {
      -webkit-transition-delay: .2s;
      -o-transition-delay: .2s;
      transition-delay: .2s;
      opacity: 1;
      visibility: visible; }
	  
.section-title {
  position: relative;
  padding-bottom: 20px;
  display: inline-block; }
  .section-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: #1A374D; }
  .section-title.text-center:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

.owl-3-slider .owl-nav {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  .owl-3-slider .owl-nav .owl-prev, .owl-3-slider .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 30px;
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
    @media (max-width: 767.98px) {
      .owl-3-slider .owl-nav .owl-prev, .owl-3-slider .owl-nav .owl-next {
        display: none; } }
  .owl-3-slider .owl-nav .owl-prev {
    left: -50px; }
    .owl-3-slider .owl-nav .owl-prev:hover {
      left: -65px;
      color: #1A374D; }
  .owl-3-slider .owl-nav .owl-next {
    right: -50px; }
    .owl-3-slider .owl-nav .owl-next:hover {
      color: #1A374D;
      right: -65px; }
    .owl-3-slider .owl-nav .owl-next span {
      display: inline-block;
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }

.owl-3-slider:hover .owl-nav {
  opacity: 1;
  visibility: visible; }

