* {


  margin: 0;


  padding: 0;


  text-decoration: none;


}





.title {


  margin-top: 50px;


}


.title h1 {


  text-align: center;


  margin: 0;


  padding: 0;


  font-family: Arial;


  text-transform: uppercase;


  color: #d63031;


}


.title h1 span {


  display: block;


  color: #300a0a;


  font-size: 20px;


  margin-bottom: 10px;


}





/*Carousel Gallery*/


.carousel-gallery {


  margin: 50px 0;


  padding: 0 30px;


}


.carousel-gallery .swiper-slide a {


  display: block;


  width: 100%;


  height: 200px;


  border-radius: 4px;


  overflow: hidden;


  position: relative;


  -webkit-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);


  -moz-box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);


  box-shadow: 3px 2px 20px 0px rgba(0, 0, 0, 0.2);


}


.carousel-gallery .swiper-slide a:hover .image .overlay {


  opacity: 1;


}


.carousel-gallery .swiper-slide a .image {


  width: 100%;


  height: 100%;


  background-size: cover;


  background-position: center center;


}


.carousel-gallery .swiper-slide a .image .overlay {


  width: 100%;


  height: 100%;


  background-color: rgba(20, 20, 20, 0.8);


  text-align: center;


  opacity: 0;


  -webkit-transition: all 0.2s linear;


  -o-transition: all 0.2s linear;


  transition: all 0.2s linear;


}


.carousel-gallery .swiper-slide a .image .overlay em {


  color: #fff;


  font-size: 26px;


  position: relative;


  top: 50%;


  -webkit-transform: translateY(-50%);


  -ms-transform: translateY(-50%);


  -o-transform: translateY(-50%);


  transform: translateY(-50%);


  display: inline-block;


}


.carousel-gallery .swiper-pagination {


  position: relative;


  bottom: auto;


  text-align: center;


  margin-top: 25px;


}


.carousel-gallery .swiper-pagination .swiper-pagination-bullet {


  -webkit-transition: all 0.2s linear;


  -o-transition: all 0.2s linear;


  transition: all 0.2s linear;


}


.carousel-gallery .swiper-pagination .swiper-pagination-bullet:hover {


  opacity: 0.7;


}


.carousel-gallery .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {


  background-color: #d63031;


  transform: scale(1.1, 1.1);


}





/*# Carousel Gallery*/


.plugins {


  text-align: center;


}


.plugins h3 {


  text-align: center;


  margin: 0;


  padding: 0;


  font-family: Arial;


  text-transform: uppercase;


  color: #111;


}


.plugins a {


  display: inline-block;


  font-family: Arial;


  color: #777;


  font-size: 14px;


  margin: 10px;


  transition: all 0.2s linear;


}


.plugins a:hover {


  color: #d63031;


}