/**
 * Dynamic Post Carousel for Elementor — base frontend styles.
 *
 * Templates ship intentionally minimal styling. Use the per-style settings
 * in the widget Appearance tab + Custom CSS to fully theme each layout.
 */

/* ---------- Carousel wrapper ---------- */
.dpce-carousel {
  position: relative;
}
.dpce-carousel .dpce-track {
  display: block;
}
.dpce-carousel .dpce-slide {
  box-sizing: border-box;
}
.dpce-carousel .dpce-slide-inner {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.dpce-carousel .slick-track {
  display: flex;
  align-items: stretch;
}
.dpce-carousel .slick-slide {
  height: auto;
}
.dpce-carousel .slick-slide > div,
.dpce-carousel .dpce-slide {
  height: 100%;
  display: flex;
}
.dpce-carousel img {
  height: auto;
  display: block;
  width: 100%;
}
.dpce-carousel .dpce-body p {
  margin: 0;
}

.dpce-carousel .dpce-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  vertical-align: -0.125em;
  flex-shrink: 0;
  padding: 10px;
}

.dpce-carousel .dpce-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 5;
}

/* ---------- Slick overrides ---------- */
.dpce-carousel .slick-prev,
.dpce-carousel .slick-next {
  width: 40px;
  height: 40px;
  z-index: 2;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.dpce-carousel .slick-prev:hover,
.dpce-carousel .slick-next:hover {
  background: rgba(0, 0, 0, 0.75);
}
.dpce-carousel .slick-prev {
  left: 8px;
}
.dpce-carousel .slick-next {
  right: 8px;
}
.dpce-carousel .slick-prev:before,
.dpce-carousel .slick-next:before {
  color: #fff;
  font-size: 20px;
  opacity: 1;
  line-height: 0;
}
.dpce-carousel .slick-prev:before {
  content: "\2039";
}
.dpce-carousel .slick-next:before {
  content: "\203A";
}

/* Arrow style variants */
.dpce-arrows-arrow .slick-prev:before {
  content: "\2190";
}
.dpce-arrows-arrow .slick-next:before {
  content: "\2192";
}
.dpce-arrows-square .slick-prev,
.dpce-arrows-square .slick-next {
  border-radius: 0;
}
.dpce-arrows-circle .slick-prev,
.dpce-arrows-circle .slick-next {
  border-radius: 50%;
}

/* Arrow position variants
   Default (no class) keeps slick's vertically centered side arrows.        */

/* Center (sides) — explicit reset in case another class was applied. */
.dpce-arrows-pos-center .slick-prev {
  top: 50%;
  bottom: auto;
  left: 8px;
  right: auto;
  transform: translateY(-50%);
}
.dpce-arrows-pos-center .slick-next {
  top: 50%;
  bottom: auto;
  right: 8px;
  left: auto;
  transform: translateY(-50%);
}

/* Top Left — both arrows grouped at top-left. */
.dpce-arrows-pos-top-left .slick-prev,
.dpce-arrows-pos-top-left .slick-next {
  top: -52px;
  bottom: auto;
  transform: none;
}
.dpce-arrows-pos-top-left .slick-prev {
  left: 0;
  right: auto;
}
.dpce-arrows-pos-top-left .slick-next {
  left: 48px;
  right: auto;
}

/* Top Right — both arrows grouped at top-right. */
.dpce-arrows-pos-top-right .slick-prev,
.dpce-arrows-pos-top-right .slick-next {
  top: -52px;
  bottom: auto;
  transform: none;
}
.dpce-arrows-pos-top-right .slick-prev {
  right: 48px;
  left: auto;
}
.dpce-arrows-pos-top-right .slick-next {
  right: 0;
  left: auto;
}

/* Top Center — both arrows centered above the carousel. */
.dpce-arrows-pos-top-center .slick-prev,
.dpce-arrows-pos-top-center .slick-next {
  top: -52px;
  bottom: auto;
  transform: none;
}
.dpce-arrows-pos-top-center .slick-prev {
  left: calc(50% - 48px);
  right: auto;
}
.dpce-arrows-pos-top-center .slick-next {
  left: calc(50% + 8px);
  right: auto;
}

/* Bottom Left — both arrows grouped below at left.
   Adds top margin to the wrapper so arrows don't collide with dots. */
.dpce-arrows-pos-bottom-left .slick-prev,
.dpce-arrows-pos-bottom-left .slick-next {
  top: auto;
  bottom: -52px;
  transform: none;
}
.dpce-arrows-pos-bottom-left .slick-prev {
  left: 0;
  right: auto;
}
.dpce-arrows-pos-bottom-left .slick-next {
  left: 48px;
  right: auto;
}

/* Bottom Right. */
.dpce-arrows-pos-bottom-right .slick-prev,
.dpce-arrows-pos-bottom-right .slick-next {
  top: auto;
  bottom: -52px;
  transform: none;
}
.dpce-arrows-pos-bottom-right .slick-prev {
  right: 48px;
  left: auto;
}
.dpce-arrows-pos-bottom-right .slick-next {
  right: 0;
  left: auto;
}

/* Bottom Center. */
.dpce-arrows-pos-bottom-center .slick-prev,
.dpce-arrows-pos-bottom-center .slick-next {
  top: auto;
  bottom: -52px;
  transform: none;
}
.dpce-arrows-pos-bottom-center .slick-prev {
  left: calc(50% - 48px);
  right: auto;
}
.dpce-arrows-pos-bottom-center .slick-next {
  left: calc(50% + 8px);
  right: auto;
}

/* Reserve space when arrows sit outside the track so they don't overlap content. */
.dpce-carousel.dpce-arrows-pos-top-left,
.dpce-carousel.dpce-arrows-pos-top-right,
.dpce-carousel.dpce-arrows-pos-top-center {
  padding-top: 60px;
}
.dpce-carousel.dpce-arrows-pos-bottom-left,
.dpce-carousel.dpce-arrows-pos-bottom-right,
.dpce-carousel.dpce-arrows-pos-bottom-center {
  padding-bottom: 60px;
}

/* When dots also show below, push arrows above them. */
.dpce-carousel.dpce-arrows-pos-bottom-left .slick-dots,
.dpce-carousel.dpce-arrows-pos-bottom-right .slick-dots,
.dpce-carousel.dpce-arrows-pos-bottom-center .slick-dots {
  bottom: -42px;
}

/* Dot style variants */
.dpce-dots-square .slick-dots li button:before {
  content: "\25A0";
}
.dpce-dots-dash .slick-dots li button:before {
  content: "\2014";
}

/* ---------- Read more button ---------- */
.dpce-carousel .dpce-button {
  display: inline-block;
  padding: 8px 16px;
  margin-top: 10px;
  background: #1abc9c;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  transition: opacity 0.2s ease;
}
.dpce-carousel .dpce-button:hover {
  opacity: 0.85;
  color: #fff;
}

/* ---------- Title / description ---------- */
.dpce-carousel .dpce-title {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
}
.dpce-carousel .dpce-title a {
  text-decoration: none;
  color: inherit;
}
.dpce-carousel .dpce-desc {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.55;
}

.dpce-carousel .dpce-style-1 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #000000;
  text-align: left;
  font-size: 16px;
}
.dpce-carousel .dpce-style-1 * {
  box-sizing: border-box;

  transition: all 0.2s ease;
}
.dpce-carousel .dpce-style-1 img {
  max-width: 100%;
  vertical-align: top;
  transform-origin: 50% 100%;
  transition: all 0.4s ease;
}
.dpce-carousel .dpce-style-1 .dpce-body {
  padding: 25px;
  position: relative;
}
.dpce-carousel .dpce-style-1 .date,
.dpce-carousel .dpce-style-1 .dpce-icon {
  background-color: #1abc9c;
  top: 25px;
  color: #fff;
  left: 25px;
  min-height: 60px;
  min-width: 60px;
  position: absolute;
  text-align: center;
}
.dpce-carousel .dpce-style-1 .date {
  transition-delay: 0.2s;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-1 .date span {
  display: block;
  line-height: 30px;
}
.dpce-carousel .dpce-style-1 .date .month {
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.1);
}
.dpce-carousel .dpce-style-1 .dpce-icon {
  line-height: 60px;
  font-size: 30px;
  transform: rotateY(-90deg);
  transition-delay: 0s;
padding: 10px;
}
.dpce-carousel .dpce-style-1 .dpce-title,
.dpce-carousel .dpce-style-1 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-1 .dpce-title {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 600;
  color: #333333;
  line-height: 1em;
  font-size: 20px;
}
.dpce-carousel .dpce-style-1 p {
  font-size: 0.8em;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-1 button {
  border: medium none;
  padding: 10px 20px;
  background-color: #1abc9c;
  font-weight: 800;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 0.8em;
}

.dpce-carousel .dpce-style-1:hover img,
.dpce-carousel .dpce-style-1.hover img {
  transform: scale(1.1);
}
.dpce-carousel .dpce-style-1:hover .date,
.dpce-carousel .dpce-style-1.hover .date {
  transform: rotateY(90deg);

  transition-delay: 0s;
}
.dpce-carousel .dpce-style-1:hover .dpce-icon,
.dpce-carousel .dpce-style-1.hover .dpce-icon {
  transform: rotateY(0);

  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-1:hover button,
.dpce-carousel .dpce-style-1.hover button {
  background-color: #117964;
}
.dpce-carousel .dpce-style-2 {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}
.dpce-carousel .dpce-style-2 * {
  box-sizing: border-box;

  transition: all 0.25s ease;
}
.dpce-carousel .dpce-style-2 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  opacity: 0.75;
}
.dpce-carousel .dpce-style-2 .dpce-body {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.dpce-carousel .dpce-style-2 .date {
  background-color: #fff;
  color: #333;
  font-size: 18px;
  font-weight: 800;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: 0;
}
.dpce-carousel .dpce-style-2 .date span {
  display: block;
  line-height: 14px;
}
.dpce-carousel .dpce-style-2 .date .month {
  font-size: 11px;
}
.dpce-carousel .dpce-style-2 .dpce-title,
.dpce-carousel .dpce-style-2 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-2 .dpce-title {
  font-weight: 800;
  letter-spacing: -0.4px;
}
.dpce-carousel .dpce-style-2 .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  background-color: rgba(236, 188, 46, 0.75);
  display: flex;
  font-size: 65px;
  justify-content: center;
  opacity: 0;
}

.dpce-carousel .dpce-style-2:hover .hover,
.dpce-carousel .dpce-style-2.hover .hover {
  transition-delay: 0.1s;
  opacity: 1;
}
.dpce-carousel .dpce-style-2:hover .dpce-body,
.dpce-carousel .dpce-style-2.hover .dpce-body {
  opacity: 0;
}
.dpce-carousel .dpce-style-2:hover .date,
.dpce-carousel .dpce-style-2.hover .date {
  transform: translateY(-100%);
}
.dpce-carousel .dpce-style-3 {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}
.dpce-carousel .dpce-style-3 * {
  box-sizing: border-box;

  transition: all 0.25s ease;
}
.dpce-carousel .dpce-style-3 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.dpce-carousel .dpce-style-3 .dpce-body {
  padding: 25px 20px 25px;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
}
.dpce-carousel .dpce-style-3 .dpce-body:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  opacity: 0.8;
  z-index: -1;
}
.dpce-carousel .dpce-style-3 .date {
  background-color: #fff;
  border-radius: 50%;
  font-size: 18px;
  font-weight: 700;
  min-height: 48px;
  min-width: 48px;
  padding: 10px 0;
  position: absolute;
  right: 15px;
  text-align: center;
  text-transform: uppercase;
  top: -25px;
}
.dpce-carousel .dpce-style-3 .date span {
  display: block;
  line-height: 14px;
}
.dpce-carousel .dpce-style-3 .date .month {
  font-size: 11px;
}
.dpce-carousel .dpce-style-3 .dpce-title,
.dpce-carousel .dpce-style-3 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-3 .dpce-title {
  display: inline-block;
  font-weight: 700;
  letter-spacing: -0.4px;
  margin-bottom: 5px;
}
.dpce-carousel .dpce-style-3 p {
  font-size: 0.8em;
  line-height: 1.6em;
  margin-bottom: 0px;
}

.dpce-carousel .dpce-style-3:hover img,
.dpce-carousel .dpce-style-3.hover img {
  transform: scale(1.1);
}
.dpce-carousel .dpce-style-4 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  border-radius: 5px;
  border-top: 5px solid #d2652d;
  color: #9e9e9e;
  text-align: center;
  font-size: 16px;
}
.dpce-carousel .dpce-style-4 *,
.dpce-carousel .dpce-style-4 *:before {
  box-sizing: border-box;

  transition: all 0.1s ease-out;
}
.dpce-carousel .dpce-style-4 .dpce-body {
  padding: 12% 10% 14%;
}
.dpce-carousel .dpce-style-4 img {
  color: #fff;
  width: 80px !important;
  line-height: 80px;
  height: 80px;
  border-radius: 50%;
  padding: 0;
  margin: 0 0 10px;
  text-align: center;
  display: inline-block !important;
}
.dpce-carousel .dpce-style-4 .dpce-title {
  color: #3c3c3c;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin: 10px 0;
}
.dpce-carousel .dpce-style-4 p {
  font-size: 0.9em;
  font-weight: 300;
  margin: 0 0 20px;
}
.dpce-carousel .dpce-style-4 .button {
  text-decoration: none;
  color: #777;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  padding: 5px 10px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.dpce-carousel .dpce-style-4 .button:before {
  background-color: #d2652d;
  position: absolute;
  top: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 0;
}
.dpce-carousel .dpce-style-4 .button:hover {
  color: #fff;
}
.dpce-carousel .dpce-style-4 .button:hover:before {
  top: 0;
  opacity: 1;
}
.dpce-carousel .dpce-style-5 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #2b2b2b;
  text-align: center;
  font-size: 16px;
}
.dpce-carousel .dpce-style-5 * {
  box-sizing: border-box;
}
.dpce-carousel .dpce-style-5 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  display: block;
}
.dpce-carousel .dpce-style-5 .dpce-body {
  padding: 10%;
  padding-bottom: calc(25%);
  background-color: #ffffff;
}
.dpce-carousel .dpce-style-5 .dpce-desc {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 3px 0;
}
.dpce-carousel .dpce-style-5 .dpce-title {
  font-weight: 400;
  margin: 0;
  color: #888;
  letter-spacing: 1px;
}
.dpce-carousel .dpce-style-5 footer {
  border-top: 1px solid rgba(0, 0, 0, 0.065);
  padding: 0 20px;
  font-size: 13px;
  line-height: 50px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dpce-carousel .dpce-style-5 footer .icons {
  position: absolute;
  right: 20px;
  top: 0;
}
.dpce-carousel .dpce-style-5 footer .icons > div {
  display: inline-block;
  margin-left: 8px;
}
.dpce-carousel .dpce-style-5 footer .icons .dpce-custom-icon {
  display: inline-block;
  margin-right: 5px;
  width: 13px;
}

.dpce-carousel .dpce-style-6 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  font-size: 16px;
}
.dpce-carousel .dpce-style-6 * {
  box-sizing: border-box;
}
.dpce-carousel .dpce-style-6:after {
  position: absolute;
  top: 12px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #d2652d;
  content: "";

  transform: translateX(-100%);

  transition: all 0.3s ease;
}
.dpce-carousel .dpce-style-6 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  display: block;
}
.dpce-carousel .dpce-style-6 .dpce-body {
  padding: 20px 20px 50px;
  background-color: #ffffff;
}
.dpce-carousel .dpce-style-6 .date {
  background-color: #d2652d;
  top: 15px;
  color: #fff;
  right: 15px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50%;
  padding: 10px 0;
}
.dpce-carousel .dpce-style-6 .date span {
  display: block;
  line-height: 14px;
}
.dpce-carousel .dpce-style-6 .date .month {
  font-size: 11px;
}
.dpce-carousel .dpce-style-6 .dpce-title,
.dpce-carousel .dpce-style-6 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-6 .dpce-title {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
}
.dpce-carousel .dpce-style-6 p {
  font-size: 0.8em;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-6 footer {
  padding: 0 25px;
  color: #999999;
  font-size: 0.8em;
  line-height: 50px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dpce-carousel .dpce-style-6 footer > div {
  display: inline-block;
  margin-right: 15px;
}
.dpce-carousel .dpce-style-6 footer .dpce-custom-icon {
  margin-right: 5px;
  font-size: 1.2em;
  width: 12px;
}

.dpce-carousel .dpce-style-6:hover:after,
.dpce-carousel .dpce-style-6.hover:after {
  transform: translateX(0%);
}
.dpce-carousel .dpce-style-7 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.dpce-carousel .dpce-style-7 * {
  box-sizing: border-box;

  transition: all 0.3s ease;
}
.dpce-carousel .dpce-style-7 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.dpce-carousel .dpce-style-7 .dpce-body {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  padding: 15px 15px 30px;
  background-color: #ffffff;
}
.dpce-carousel .dpce-style-7 .date {
  background-color: #7f8c8d;
  top: 15px;
  color: #fff;
  left: 15px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-7 .date span {
  display: block;
  line-height: 24px;
}
.dpce-carousel .dpce-style-7 .date .month {
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.dpce-carousel .dpce-style-7 .dpce-title,
.dpce-carousel .dpce-style-7 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-7 .dpce-title {
  min-height: 50px;
  margin-bottom: 10px;
  margin-left: 60px;
  display: inline-block;
  font-weight: 600;
}
.dpce-carousel .dpce-style-7 p {
  font-size: 0.8em;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-7 footer {
  padding: 0 25px;
  background-color: #667273;
  color: #e6e6e6;
  font-size: 0.8em;
  line-height: 30px;
  text-align: right;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.dpce-carousel .dpce-style-7 footer > div {
  display: inline-block;
  margin-left: 10px;
}
.dpce-carousel .dpce-style-7 footer .dpce-custom-icon {
  margin-right: 5px;
  width: 14px;
}

.dpce-carousel .dpce-style-7:hover img,
.dpce-carousel .dpce-style-7.hover img {
  transform: scale(1.15);
}
.dpce-carousel .dpce-style-8 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #141414;
  text-align: left;
  line-height: 1.4em;
  font-size: 16px;
  background-color: #ffffff;
}
.dpce-carousel .dpce-style-8 * {
  box-sizing: border-box;

  transition: all 0.25s ease;
}
.dpce-carousel .dpce-style-8 img {
  max-width: 100%;
  vertical-align: top;
}
.dpce-carousel .dpce-style-8 .dpce-body {
  width: 100%;
  background-color: #ffffff;
  padding: 10px 25px 25px;
  position: relative;
}
.dpce-carousel .dpce-style-8 .dpce-body:before {
  position: absolute;
  content: "";
  z-index: 2;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 80px;
  background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}
.dpce-carousel .dpce-style-8 .dpce-body a {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  background-color: #cccccc;
  color: #000000;
  font-size: 0.8em;
  text-transform: uppercase;
  opacity: 0.65;
  width: 100%;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
}
.dpce-carousel .dpce-style-8 .dpce-body a:hover {
  opacity: 1;
}
.dpce-carousel .dpce-style-8 .dpce-title {
  margin: 0 0 10px;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.2em;
}
.dpce-carousel .dpce-style-8 p {
  margin: 0 0 10px;
  font-size: 0.9em;
  letter-spacing: 1px;
  opacity: 0.9;
}
.dpce-carousel .dpce-style-9 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  line-height: 1.4em;
  background-color: #141414;
}
.dpce-carousel .dpce-style-9 * {
  box-sizing: border-box;

  transition: all 0.25s ease;
}
.dpce-carousel .dpce-style-9 img {
  max-width: 100%;
  vertical-align: top;
  opacity: 0.85;
}
.dpce-carousel .dpce-style-9 .date {
  position: absolute;
  background-color: #1e1e1e;
  top: 0;
  right: 0;
  width: 100%;
  padding: 10px 25px 0;
  text-align: right;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-9 .date:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 400px 55px 0;
  border-color: transparent #1e1e1e transparent transparent;
}
.dpce-carousel .dpce-style-9 .dpce-body {
  width: 100%;
  background-color: #141414;
  padding: 0 25px 25px;
  position: relative;
}
.dpce-carousel .dpce-style-9 .dpce-body:before {
  position: absolute;
  content: "";
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 0 0 400px;
  border-color: transparent transparent transparent #141414;
}
.dpce-carousel .dpce-style-9 .dpce-body a {
  padding: 5px;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 0.7em;
  text-transform: uppercase;
  text-decoration: none;
  margin: 10px 0;
  display: inline-block;
  opacity: 0.65;
  width: 47%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 1px;
}
.dpce-carousel .dpce-style-9 .dpce-body a:hover {
  opacity: 1;
}
.dpce-carousel .dpce-style-9 .dpce-title {
  margin: 0 0 10px;
  font-weight: 300;
  font-size: 1.5em;
  line-height: 1.2em;
}
.dpce-carousel .dpce-style-9 p {
  margin: 0 0 10px;
  font-size: 0.8em;
  letter-spacing: 1px;
  opacity: 0.8;
}
.dpce-carousel .dpce-style-10 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #1a1a1a;
  color: #ffffff;
  text-align: left;
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.3) 100%
  );
}
.dpce-carousel .dpce-style-10 * {
  box-sizing: border-box;

  transition: all 0.35s ease-in-out;
}
.dpce-carousel .dpce-style-10 .image {
  position: relative;
}
.dpce-carousel .dpce-style-10 img {
  max-width: 100%;
  vertical-align: top;
  display: block;
}
.dpce-carousel .dpce-style-10 .dpce-icon {
  position: absolute;
  top: 7px;
  left: 12px;
  font-size: 32px;
  opacity: 0;
  z-index: 2;

  transition-delay: 0;
}
.dpce-carousel .dpce-style-10 .dpce-title {
  margin: 0 0 10px;
  font-weight: 500;
}
.dpce-carousel .dpce-style-10 p {
  margin: 0;
}
.dpce-carousel .dpce-style-10:before,
.dpce-carousel .dpce-style-10:after {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  transition: all 0.35s ease;
  z-index: 1;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-10:before {
  background-color: #20638f;

  transform: skew(-45deg) translateX(-150%);
  border-right: 1px solid #20638f;
}
.dpce-carousel .dpce-style-10:after {
  background-color: #962d22;

  transform: skew(-45deg) translateX(-175%);
  border-right: 1px solid #962d22;
}
.dpce-carousel .dpce-style-10 .dpce-body {
  padding: 25px;
  background-color: #ffffff;
  color: #000000;
  position: relative;
  font-size: 0.9em;
}
.dpce-carousel .dpce-style-10 .dpce-body p {
  margin-bottom: 15px;
}
.dpce-carousel .dpce-style-10 .dpce-body:before {
  width: 100px;
  height: 100px;
  position: absolute;
  bottom: 100%;
  right: 0;
  content: "";
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.35) 100%
  );
  background-color: #20638f;

  transform: skew(-45deg) translateX(50%);
  border-right: 1px solid #20638f;
}
.dpce-carousel .dpce-style-10 .read-more {
  display: inline-block;
  width: auto;
  border: 2px solid #20638f;
  padding: 0.4em 0.6em;
  color: #20638f;
  text-decoration: none;
  font-weight: 800;
  font-size: 0.9em;
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-10 .read-more:hover {
  background-color: #20638f;
  color: #ffffff;
}
.dpce-carousel .dpce-style-10 .date {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #fff;
  max-height: 48px;
  max-width: 48px;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  z-index: 1;
}
.dpce-carousel .dpce-style-10 .date span {
  display: block;
  line-height: 24px;
}
.dpce-carousel .dpce-style-10 .date .month {
  font-size: 14px;
}
.dpce-carousel .dpce-style-10:hover .dpce-icon,
.dpce-carousel .dpce-style-10.hover .dpce-icon {
  opacity: 0.7;

  transition-delay: 0.3s;
}
.dpce-carousel .dpce-style-10:hover:before,
.dpce-carousel .dpce-style-10.hover:before {
  transition-delay: 0s;

  transform: skew(-45deg) translateX(-50%);
}
.dpce-carousel .dpce-style-10:hover:after,
.dpce-carousel .dpce-style-10.hover:after {
  transition-delay: 0.1s;

  transform: skew(-45deg) translateX(-75%);
}
.dpce-carousel .dpce-style-11 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  font-size: 16px;
}
.dpce-carousel .dpce-style-11 * {
  box-sizing: border-box;

  transition: all 0.3s ease;
}
.dpce-carousel .dpce-style-11 .image {
  max-height: 220px;
  overflow: hidden;
}
.dpce-carousel .dpce-style-11 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.dpce-carousel .dpce-style-11 .dpce-body {
  margin: -40px 15px 0;
  padding: 15px;
  position: relative;
  background-color: #ffffff;
}
.dpce-carousel .dpce-style-11 .date {
  background-color: #2980b9;
  top: 15px;
  color: #fff;
  left: 15px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-11 .date span {
  display: block;
  line-height: 24px;
}
.dpce-carousel .dpce-style-11 .date .month {
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.dpce-carousel .dpce-style-11 .dpce-title,
.dpce-carousel .dpce-style-11 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-11 .dpce-title {
  min-height: 50px;
  margin-bottom: 10px;
  margin-left: 60px;
  display: inline-block;
  font-weight: 600;
}
.dpce-carousel .dpce-style-11 p {
  font-size: 0.8em;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-11 footer {
  padding: 0 25px;
  background-color: #20638f;
  color: #e6e6e6;
  font-size: 0.8em;
  line-height: 30px;
  text-align: right;
}
.dpce-carousel .dpce-style-11 footer > div {
  display: inline-block;
  margin-left: 10px;
}
.dpce-carousel .dpce-style-11 footer .dpce-custom-icon {
  margin-right: 5px;
  width: 12px;
}

.dpce-carousel .dpce-style-11:hover img,
.dpce-carousel .dpce-style-11.hover img {
  transform: scale(1.15);
}
.dpce-carousel .dpce-style-12 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
}
.dpce-carousel .dpce-style-12 * {
  box-sizing: border-box;

  transition: all 0.3s ease;
}
.dpce-carousel .dpce-style-12 .image {
  max-height: 220px;
  overflow: hidden;
}
.dpce-carousel .dpce-style-12 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  display: block;
}
.dpce-carousel .dpce-style-12 .dpce-body {
  padding: 25px;
  position: relative;
}
.dpce-carousel .dpce-style-12 .date {
  background-color: #c0392b;
  top: 25px;
  color: #fff;
  left: 25px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.dpce-carousel .dpce-style-12 .date span {
  display: block;
  line-height: 24px;
}
.dpce-carousel .dpce-style-12 .date .month {
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
}
.dpce-carousel .dpce-style-12 .dpce-title,
.dpce-carousel .dpce-style-12 p {
  margin: 0;
  padding: 0;
}
.dpce-carousel .dpce-style-12 .dpce-title {
  min-height: 50px;
  margin-bottom: 10px;
  margin-left: 60px;
  display: inline-block;
  font-weight: 600;
  color: #000;
}
.dpce-carousel .dpce-style-12 p {
  font-size: 0.8em;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-12 footer {
  padding: 0 25px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #e6e6e6;
  font-size: 0.8em;
  line-height: 30px;
  text-align: right;
}
.dpce-carousel .dpce-style-12 footer > div {
  display: inline-block;
  margin-left: 10px;
}
.dpce-carousel .dpce-style-12 footer .dpce-custom-icon {
  margin-right: 5px;
  width: 12px;
}

.dpce-carousel .dpce-style-12:hover img,
.dpce-carousel .dpce-style-12.hover img {
  transform: scale(1.1);
}
.dpce-carousel .dpce-style-13 {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  width: 100%;
  font-size: 16px;
  background-color: #fff;
  color: #111;
  line-height: 1.2em;
  text-align: left;
}
.dpce-carousel .dpce-style-13 *,
.dpce-carousel .dpce-style-13 *:before,
.dpce-carousel .dpce-style-13 *:after {
  box-sizing: border-box;

  transition: all 0.35s ease;
}
.dpce-carousel .dpce-style-13 img {
  max-width: 100%;
  vertical-align: top;
}
.dpce-carousel .dpce-style-13 .dpce-body {
  padding: 10px;
}
.dpce-carousel .dpce-style-13 .dpce-title {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 0 0 4px;
}
.dpce-carousel .dpce-style-13 .price {
  margin: 8px 0;
  font-weight: 700;
  color: #4da3e2;
}
.dpce-carousel .dpce-style-13 .icons {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.dpce-carousel .dpce-style-13 .icons .dpce-social-icon {
  width: 14px;
  z-index: 999;
}
.dpce-carousel .dpce-style-13 .icons a {
  margin: 2px;
  opacity: 0;
  transform: translateY(50%);
}
.dpce-carousel .dpce-style-13 .icons a {
  display: block;
  font-size: 20px;
  line-height: 40px;
  width: 40px;
  background-color: #ffffff;
  text-align: center;
  color: #000000;
}
.dpce-carousel .dpce-style-13 .icons a:hover {
  background-color: #4da3e2;
  color: #ffffff;
  cursor: pointer;
}
.dpce-carousel .dpce-style-13:hover a,
.dpce-carousel .dpce-style-13.hover a {
  opacity: 1;
  transform: translateX(0);
}
.dpce-carousel .dpce-style-13:hover a:nth-child(2),
.dpce-carousel .dpce-style-13.hover a:nth-child(2) {
  transition-delay: 0.1s;
}
.dpce-carousel .dpce-style-13:hover a:nth-child(3),
.dpce-carousel .dpce-style-13.hover a:nth-child(3) {
  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-14 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #000000;
}
.dpce-carousel .dpce-style-14 * {
  box-sizing: border-box;

  transition: all 0.45s ease;
}
.dpce-carousel .dpce-style-14 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;

  filter: grayscale(100%);
  opacity: 0.75;
}
.dpce-carousel .dpce-style-14 .dpce-body {
  z-index: 1;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: rgba(195, 86, 97, 0.85);
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.2) 0%,
    transparent 100%
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.2) 0%,
    transparent 100%
  );
  padding: 20px;
}
.dpce-carousel .dpce-style-14 .dpce-body:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #fff;
  top: 0;
  left: 50%;

  transform: translate(-50%, -50%) rotate(45deg);
  position: absolute;
}
.dpce-carousel .dpce-style-14 .dpce-title,
.dpce-carousel .dpce-style-14 .dpce-desc {
  margin: 0;
  letter-spacing: 1px;
}
.dpce-carousel .dpce-style-14 .dpce-title {
  font-weight: 400;
}
.dpce-carousel .dpce-style-14 .dpce-desc {
  font-weight: normal;
}

.dpce-carousel .dpce-style-14:hover img,
.dpce-carousel .dpce-style-14.hover img {
  opacity: 1;
  filter: grayscale(0%);
}
.dpce-carousel .dpce-style-15 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
}
.dpce-carousel .dpce-style-15 * {
  box-sizing: border-box;

  transition: all 0.3s ease-in-out;
}
.dpce-carousel .dpce-style-15 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
  padding: 35px;
  vertical-align: top;
}
.dpce-carousel .dpce-style-15 .dpce-body {
  box-shadow: inset 0 0 10px #000;
  position: absolute;
  top: 35px;
  left: 35px;
  right: 35px;
  bottom: 35px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-width: 0px 1px;
}
.dpce-carousel .dpce-style-15 .icon,
.dpce-carousel .dpce-style-15 .caption {
  overflow: hidden;
  width: 100%;
  position: absolute;
}
.dpce-carousel .dpce-style-15 .icon {
  transform: translateY(-50%);
  top: 0;
}
.dpce-carousel .dpce-style-15 .caption {
  transform: translateY(50%);
  bottom: 0;
}
.dpce-carousel .dpce-style-15 .dpce-title,
.dpce-carousel .dpce-style-15 .icon span {
  display: table;
  margin: 0 auto;
  padding: 0 0px;
  position: relative;
  text-align: center;
  width: auto;
  font-size: 0.8em;
}
.dpce-carousel .dpce-style-15 .dpce-title:before,
.dpce-carousel .dpce-style-15 .icon span:before,
.dpce-carousel .dpce-style-15 .dpce-title:after,
.dpce-carousel .dpce-style-15 .icon span:after {
  position: absolute;
  height: 1px;
  content: "";
  background: white;
}
.dpce-carousel .dpce-style-15 .icon span:before,
.dpce-carousel .dpce-style-15 .icon span:after {
  width: 1000%;
  top: 50%;
}
.dpce-carousel .dpce-style-15 .icon span:before {
  left: -1000%;
}
.dpce-carousel .dpce-style-15 .icon span:after {
  right: -1000%;
}
.dpce-carousel .dpce-style-15 .dpce-icon,
.dpce-carousel .dpce-style-15 .dpce-title {
  color: white;
  background-color: #262626;
  border: 1px solid rgba(255, 255, 255, 0.8);
}
.dpce-carousel .dpce-style-15 .dpce-icon {
  display: inline-block;
  font-size: 20px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.dpce-carousel .dpce-style-15 .dpce-title {
  padding: 10px 20px;
  border-radius: 45px;
}
.dpce-carousel .dpce-style-15 .dpce-title:before,
.dpce-carousel .dpce-style-15 .dpce-title:after {
  width: 150%;
  bottom: 50%;
}
.dpce-carousel .dpce-style-15 .dpce-title:before {
  left: -150%;
}
.dpce-carousel .dpce-style-15 .dpce-title:after {
  right: -150%;
}

.dpce-carousel .dpce-style-15:hover img,
.dpce-carousel .dpce-style-15.hover img {
  opacity: 0.5;
}
.dpce-carousel .dpce-style-16 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  color: #333;
  text-align: left;
}
.dpce-carousel .dpce-style-16 * {
  box-sizing: border-box;

  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.dpce-carousel .dpce-style-16 img {
  max-width: 100%;
}
.dpce-carousel .dpce-style-16 .dpce-body {
  position: relative;
  background-color: #ffffff;
  padding: 25px;
}
.dpce-carousel .dpce-style-16 .dpce-title {
  position: absolute;
  top: 25px;
  left: 25px;
  right: 25px;
  color: #fff;
  margin: 0;
  font-weight: 400;
}
.dpce-carousel .dpce-style-16 .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-16 p {
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-16 .icons {
  margin-top: 20px;
  text-align: right;
}
.dpce-carousel .dpce-style-16 .dpce-social-icon {
  margin-right: 5px;
  display: inline-block;
  font-size: 24px;
  color: #000000;
  width: 35px;
  height: 35px;
  padding: 5px;
  line-height: 35px;
  text-align: center;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  background-color: rgba(0, 0, 0, 0.05);
}
.dpce-carousel .dpce-style-16 .dpce-social-icon:hover {
  background-color: #000000;
  color: white !important;
}
.dpce-carousel .dpce-style-16:hover img,
.dpce-carousel .dpce-style-16.hover img {
  transform: scale(1.1);
  opacity: 0.3;

  filter: grayscale(100%);
}
.dpce-carousel .dpce-style-17 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  color: #333;
  text-align: left;
}
.dpce-carousel .dpce-style-17 * {
  box-sizing: border-box;

  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.dpce-carousel .dpce-style-17 img {
  max-width: 100%;
  vertical-align: top;
}
.dpce-carousel .dpce-style-17 .dpce-body {
  position: relative;
  background-color: #ffffff;
  padding: 20px 25px 50px;
}
.dpce-carousel .dpce-style-17 .dpce-title {
  position: absolute;
  bottom: 100%;
  padding: 10px 25px;
  border-radius: 0 5px 0 0;
  margin: 0;
  left: 0;
  font-weight: 400;
  background-color: #000000;
  color: #ffffff;
}
.dpce-carousel .dpce-style-17 .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-17 p {
  font-size: 0.8em;
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-17 .icons {
  position: absolute;
  bottom: 0;
  right: 25px;
}
.dpce-carousel .dpce-style-17 .dpce-social-icon {
  margin: 0 2px;
  display: inline-block;
  font-size: 20px;
  fill: #ffffff;
  width: 30px;
  height: 30px;
  padding: 5px;
  line-height: 30px;
  text-align: center;
  background: #000000;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  border-radius: 5px 5px 0 0;
}
.dpce-carousel .dpce-style-17 .dpce-social-icon:hover {
  background-color: #000000;
  color: white !important;
}
.dpce-carousel .dpce-style-17 a {
  opacity: 0.8;
  display: inline-block;
}
.dpce-carousel .dpce-style-17 a:hover {
  opacity: 1;
}
.dpce-carousel .dpce-style-17:hover img,
.dpce-carousel .dpce-style-17.hover img {
  transform: scale(1.1);
}
.dpce-carousel .dpce-style-18 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  color: #333;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.dpce-carousel .dpce-style-18 * {
  box-sizing: border-box;

  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.dpce-carousel .dpce-style-18 img {
  max-width: 100%;
}
.dpce-carousel .dpce-style-18 .dpce-body {
  position: relative;
  background-color: #ffffff;
  padding: 25px;
}
.dpce-carousel .dpce-style-18 .dpce-title {
  margin: 0 0 15px;
  font-weight: 400;
}
.dpce-carousel .dpce-style-18 .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-18 p {
  font-weight: 500;
  text-align: left;
  margin: 0;
  line-height: 1.6em;
}
.dpce-carousel .dpce-style-18 .icons {
  position: absolute;
  top: 25px;
  left: 25px;
}
.dpce-carousel .dpce-style-18 .dpce-social-icon {
  margin-right: 5px;
  display: inline-block;
  font-size: 28px;
  fill: #000000;
  padding: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: white;
  opacity: 0;

  transform: rotateX(90deg);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
.dpce-carousel .dpce-style-18 a {
  opacity: 0.8;
}
.dpce-carousel .dpce-style-18 a:hover {
  opacity: 1;
}
.dpce-carousel .dpce-style-18:hover img,
.dpce-carousel .dpce-style-18.hover img {
  opacity: 0.3;
  filter: grayscale(100%);
}
.dpce-carousel .dpce-style-18:hover .dpce-social-icon,
.dpce-carousel .dpce-style-18.hover .dpce-social-icon {
  opacity: 1;

  transform: rotateX(0);
}
.dpce-carousel .dpce-style-18:hover a:first-child .dpce-social-icon,
.dpce-carousel .dpce-style-18.hover a:first-child .dpce-social-icon {
  transition-delay: 0.1s;
}
.dpce-carousel .dpce-style-18:hover a:nth-child(2) .dpce-social-icon,
.dpce-carousel .dpce-style-18.hover a:nth-child(2) .dpce-social-icon {
  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-18:hover a:nth-child(3) .dpce-social-icon,
.dpce-carousel .dpce-style-18.hover a:nth-child(3) .dpce-social-icon {
  transition-delay: 0.3s;
}
.dpce-carousel .dpce-style-19 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  max-height: 300px;
  width: 100%;
  background: #000000;
}
.dpce-carousel .dpce-style-19 * {
  box-sizing: border-box;
}
.dpce-carousel .dpce-style-19 > img {
  opacity: 1;
  width: 100%;
  filter: blur(0px);
  transition: all 0.35s;
  transform: scale(1.05);
}
.dpce-carousel .dpce-style-19 .dpce-body {
  left: 30px;
  margin-bottom: -50px;
  position: absolute;
  right: 30px;
  text-align: left;
  bottom: 100%;

  transition: bottom 0.35s;
}
.dpce-carousel .dpce-style-19 .dpce-body .dpce-title {
  width: 100%;
  text-align: left;
  border-radius: 0 0 5px 5px;
  margin: 0;
  padding: 15px 20px;
  font-size: 1.1em;
  bottom: 0;
  font-weight: 300;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #000000;
  position: relative;
  z-index: 1;
}
.dpce-carousel .dpce-style-19 .dpce-body .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-19 .dpce-body p {
  position: relative;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
  margin: 0;
  font-size: 0.9em;
  min-height: 220px;
}
.dpce-carousel .dpce-style-19 .dpce-body p span {
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
}
.dpce-carousel .dpce-style-19 .dpce-body .icons {
  padding: 5px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.dpce-carousel .dpce-style-19 .dpce-body .icons .dpce-social-icon {
  width: 24px;
  height: 24px;
  padding: 5px;
  fill: #ffffff;
  opacity: 1;
  position: relative;
  bottom: -90px;
  opacity: 0;
  transition: bottom 0.35s, opacity 0.35s;
}
.dpce-carousel .dpce-style-19 .dpce-body .icons a:first-child .dpce-social-icon {
  transition-delay: 0.3s;
}
.dpce-carousel .dpce-style-19 .dpce-body .icons a:nth-child(2) .dpce-social-icon {
  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-19 .dpce-body .icons a:nth-child(3) .dpce-social-icon {
  transition-delay: 0.1s;
}
.dpce-carousel .dpce-style-19:after {
  position: absolute;
  display: block;
  bottom: -15px;
  height: 15px;
  right: 30px;
  left: 30px;
  border-radius: 5px 5px 0 0;
  background-color: #000000;
  z-index: 2;
  content: "";

  transition: bottom 0.35s;
}
.dpce-carousel .dpce-style-19 a {
  opacity: 0.7;
}
.dpce-carousel .dpce-style-19 a:hover {
  opacity: 1;
}
.dpce-carousel .dpce-style-19:hover > img,
.dpce-carousel .dpce-style-19.hover > img {
  opacity: 0.5;
  filter: blur(5px);
  transform: scale(1.1);
}
.dpce-carousel .dpce-style-19:hover .dpce-body,
.dpce-carousel .dpce-style-19.hover .dpce-body {
  bottom: 115px;
}
.dpce-carousel .dpce-style-19:hover .dpce-body .icons .dpce-social-icon,
.dpce-carousel .dpce-style-19.hover .dpce-body .icons .dpce-social-icon {
  opacity: 1;
  bottom: -41px;
}
.dpce-carousel .dpce-style-19:hover .dpce-body::before,
.dpce-carousel .dpce-style-19.hover .dpce-body::before {
  opacity: 0.8;
}
.dpce-carousel .dpce-style-19:hover:after,
.dpce-carousel .dpce-style-19.hover:after {
  bottom: 0;
}
.dpce-carousel .dpce-style-20 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #ffffff;
  color: #000000;
}
.dpce-carousel .dpce-style-20 * {
  box-sizing: border-box;

  transition: all 0.35s ease-in-out;
}
.dpce-carousel .dpce-style-20 .image {
  width: 50%;
  overflow: hidden;
  z-index: 1;

  transform: skewX(-15deg);
}
.dpce-carousel .dpce-style-20 .image img {
  position: relative;
  display: block;
  max-width: 1000px !important;
  width: 400px !important;
  left: -15%;
  z-index: 1;

  transform: skew(15deg);
}
.dpce-carousel .dpce-style-20:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 45%;
  background: rgba(0, 0, 0, 0.2);

  transform: skewX(-17deg);

  box-shadow: 15px 0px 25px rgba(0, 0, 0, 0.7);
}
.dpce-carousel .dpce-style-20 .dpce-body {
  padding: 20px 30px 20px 20px;
  position: absolute;
  right: 0;
  bottom: 10px;
  width: 50%;
}
.dpce-carousel .dpce-style-20 .dpce-body .dpce-title,
.dpce-carousel .dpce-style-20 .dpce-body p {
  margin: 0;
  text-align: right;
  padding: 10px 0;
  width: 100%;
}
.dpce-carousel .dpce-style-20 .dpce-body .dpce-title {
  font-size: 1.3em;
  font-weight: 300;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dpce-carousel .dpce-style-20 .dpce-body .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-20 .dpce-body p {
  font-size: 0.9em;
  opacity: 0.8;
}
.dpce-carousel .dpce-style-20 .dpce-body .icons {
  width: 100%;
  text-align: right;
}
.dpce-carousel .dpce-style-20 .dpce-body .icons .dpce-social-icon {
  width: 18px;
  padding: 5px;
  top: 50%;
  color: #000000;
  opacity: 0;
}
.dpce-carousel .dpce-style-20 .dpce-body a {
  opacity: 0.3;
}
.dpce-carousel .dpce-style-20 .dpce-body a:hover {
  opacity: 0.8;
}
.dpce-carousel .dpce-style-20 .position {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: right;
  padding: 15px 30px;
  font-size: 0.9em;
  opacity: 1;
  font-style: italic;
  color: #ffffff;
  background: #000000;
}
.dpce-carousel .dpce-style-20:hover .dpce-body,
.dpce-carousel .dpce-style-20.hover .dpce-body {
  bottom: 40px;
}
.dpce-carousel .dpce-style-20:hover .icons .dpce-social-icon,
.dpce-carousel .dpce-style-20.hover .icons .dpce-social-icon {
  opacity: 1;

  transition-delay: 0.2s;
}
.dpce-carousel .dpce-style-21 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #ffffff;
  color: #000000;
}
.dpce-carousel .dpce-style-21 * {
  box-sizing: border-box;
}
.dpce-carousel .dpce-style-21 > img {
  width: 100%;
}
.dpce-carousel .dpce-style-21 .dpce-body {
  padding: 20px 30px 20px 25%;
  position: relative;
}
.dpce-carousel .dpce-style-21 .dpce-body .dpce-title,
.dpce-carousel .dpce-style-21 .dpce-body p {
  margin: 0;
  text-align: right;
  padding: 10px 0;
  right: 0;
  width: 100%;
}
.dpce-carousel .dpce-style-21 .dpce-body .dpce-title {
  font-size: 1.3em;
  font-weight: 300;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.dpce-carousel .dpce-style-21 .dpce-body .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-21 .dpce-body p {
  font-size: 0.9em;
  opacity: 0.8;
}
.dpce-carousel .dpce-style-21 .dpce-body .icons {
  width: 100%;
  text-align: right;
}
.dpce-carousel .dpce-style-21 .dpce-body .icons .dpce-social-icon {
  width: 26px;
  height: 26px;
  padding: 5px;
  top: 50%;
  color: #000000;
}
.dpce-carousel .dpce-style-21 .dpce-body a {
  opacity: 0.3;

  transition: opacity 0.35s;
}
.dpce-carousel .dpce-style-21 .dpce-body a:hover {
  opacity: 0.8;
}
.dpce-carousel .dpce-style-21 .position {
  width: 100%;
  text-align: right;
  padding: 8px 30px 13px;
  font-size: 0.8em;
  opacity: 0.8;
  font-style: italic;
}
.dpce-carousel .dpce-style-21:after {
  position: absolute;
  top: 0;
  left: -20%;
  height: 110%;
  width: 30%;
  background-color: #056759;
  content: "";
  border-right: 4px solid #044a40;
  transform: skewX(-7deg) translateX(0px);
  transition: -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s,
    transform 0.35s;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.dpce-carousel .dpce-style-21:hover:after,
.dpce-carousel .dpce-style-21.hover:after {
  transform: skewX(-7deg) translateX(10px);
}
.dpce-carousel .dpce-style-22 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
}
.dpce-carousel .dpce-style-22 * {
  box-sizing: border-box;
}
.dpce-carousel .dpce-style-22 > img {
  opacity: 1;
  width: 100%;

  filter: blur(0px);

  transition: all 0.5s;

  transform: scale(1.05);
}
.dpce-carousel .dpce-style-22 .dpce-body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
}
.dpce-carousel .dpce-style-22 .dpce-body .dpce-title {
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  margin: 0;
  padding: 15px 10px;
  position: absolute;
  font-size: 1em;
  top: 50%;
  right: 30px;
  left: 30px;
  font-weight: 300;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
  background-color: #000000;

  transition: top 0.5s;
}
.dpce-carousel .dpce-style-22 .dpce-body .dpce-title span {
  font-weight: 800;
}
.dpce-carousel .dpce-style-22 .dpce-body .image {
  position: absolute;
  top: 13%;
  bottom: 35%;
  width: 100%;
  overflow: hidden;
  text-align: center;

  transition: all 0.5s ease-in-out;

  transform: translate(0px, 0%);
}
.dpce-carousel .dpce-style-22 .dpce-body .image img {
  border-radius: 5px 5px 0 0;
  display: inline-block;
  position: absolute;
  max-height: 100%;
  max-width: 70%;
  width: auto;
  left: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

  transition: -webkit-transform 0.5s ease-in-out,
    -moz-transform 0.5s ease-in-out, -o-transform 0.5s ease-in-out,
    transform 0.5s ease-in-out;

  transform: translate(-50%, 100%);
}
.dpce-carousel .dpce-style-22 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
.dpce-carousel .dpce-style-22:hover > img,
.dpce-carousel .dpce-style-22.hover > img {
  opacity: 0.5;

  filter: blur(5px);

  transform: scale(1.1);
}
.dpce-carousel .dpce-style-22:hover .dpce-body .dpce-title,
.dpce-carousel .dpce-style-22.hover .dpce-body .dpce-title {
  top: 65%;
}
.dpce-carousel .dpce-style-22:hover .dpce-body .image img,
.dpce-carousel .dpce-style-22.hover .dpce-body .image img {
  transform: translate(-50%, 0%);
}
.dpce-carousel .dpce-style-22:hover .dpce-body::before,
.dpce-carousel .dpce-style-22.hover .dpce-body::before {
  opacity: 0.8;
}

.dpce-style-23 {
  background-color: #000;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

.dpce-style-23 * {
  box-sizing: border-box;
  transition: all 0.45s ease;
}

.dpce-style-23:before,
.dpce-style-23:after {
  background-color: rgba(0, 0, 0, 0.5);
  border-top: 50px solid rgba(0, 0, 0, 0.5);
  border-bottom: 50px solid rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";

  transition: all 0.3s ease;
  z-index: 1;
  opacity: 0;
}

.dpce-style-23:before,
.dpce-style-23:after {
  transform: scaleY(2);
}

.dpce-style-23 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.dpce-style-23 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.1em;
  opacity: 0;
  z-index: 2;

  transition-delay: 0s;
}

.dpce-style-23 .dpce-title {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
}

.dpce-style-23 .dpce-title span {
  display: block;
  font-weight: 700;
}

.dpce-style-23 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.dpce-style-23:hover > img,
.dpce-style-23.hover > img {
  opacity: 0.7;
}

.dpce-style-23:hover:before,
.dpce-style-23.hover:before,
.dpce-style-23:hover:after,
.dpce-style-23.hover:after {
  transform: scale(1);
  opacity: 1;
}

.dpce-style-23:hover .dpce-body,
.dpce-style-23.hover .dpce-body {
  opacity: 1;

  transition-delay: 0.1s;
}

.dpce-style-24 {
  background-color: #000000;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  line-height: 1.6em;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.dpce-style-24 * {
  box-sizing: border-box;

  transition: all 0.25s ease;
}

.dpce-style-24 img {
  max-width: 100%;
  opacity: 0.75;
  position: relative;
  vertical-align: top;
}

.dpce-style-24 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.dpce-style-24 .dpce-title {
  transform: translateY(-100%);
  background-color: #000000;
  top: 0;
  font-weight: 800;
  letter-spacing: -0.4px;
  margin: 0;
  padding: 10px 20px;
  position: absolute;
  width: 100%;
}

.dpce-style-24 p {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0px 20px;
  opacity: 0;
  text-align: right;

  transition-delay: 0.15s;
}

.dpce-style-24 .dpce-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30%;
  height: 30%;

  transform: translate(-50%, -50%) scale(1);
}

.dpce-style-24 .hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  align-items: center;
  background-color: rgba(236, 188, 46, 0.75);
  display: flex;
  font-size: 65px;
  justify-content: center;
  opacity: 0;
}

.dpce-style-24:hover .hover,
.dpce-style-24.hover .hover,
.dpce-style-24:hover p,
.dpce-style-24.hover p {
  opacity: 1;
}

.dpce-style-24:hover .dpce-title,
.dpce-style-24.hover .dpce-title {
  transform: translateY(0%);
}

.dpce-style-24:hover .dpce-icon,
.dpce-style-24.hover .dpce-icon {
  transform: translate(-50%, -50%) scale(0.1);
  opacity: 0;
}

.dpce-style-25 {
  background-color: #045e78;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 100%;
}

.dpce-style-25 * {
  box-sizing: border-box;

  transition: all 0.45s ease;
}

.dpce-style-25:after {
  background-color: white;
  opacity: 0.6;
  top: 0;
  bottom: 0;
  content: "";
  left: -100%;
  position: absolute;
  width: 200px;
  box-shadow: 0 0 100px white;

  transform: skew(-20deg);

  transition: all 0.6s ease;
}

.dpce-style-25 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.dpce-style-25 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  line-height: 1em;
  opacity: 0;
}

.dpce-style-25 .dpce-title {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1em;
  margin: 0;
}

.dpce-style-25 .dpce-title span {
  font-weight: 700;
}

.dpce-style-25:hover > img,
.dpce-style-25.hover > img {
  opacity: 0.4;

  filter: grayscale(100%);
}

.dpce-style-25:hover:after,
.dpce-style-25.hover:after {
  left: 200%;
}

.dpce-style-25:hover .dpce-body,
.dpce-style-25.hover .dpce-body {
  opacity: 1;
}
.dpce-style-26 {
  color: #9e9e9e;
  font-size: 16px;
  margin: 0;
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  border-top: 5px solid #d2652d;
}

.dpce-style-26 *,
.dpce-style-26 *:before {
  box-sizing: border-box;

  transition: all 0.15s ease-out;
}

.dpce-style-26 img {
  max-width: 100%;
  vertical-align: top;
}

.dpce-style-26 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dpce-style-26 .dpce-title {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 26px;
  background-color: #d2652d;
  margin: 0;
  padding: 0 0 6px;
}

.dpce-style-26 .dpce-icon {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, 0%);
  opacity: 0;
  color: #d2652d;
}

.dpce-style-26 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dpce-style-26:hover img,
.dpce-style-26.hover img {
  opacity: 0.2 !important;
}

.dpce-style-26:hover .dpce-icon,
.dpce-style-26.hover .dpce-icon {
  transform: translate(-50%, -50%);
  opacity: 1;
}

.dpce-style-27 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
}

.dpce-style-27 * {
  box-sizing: border-box;

  transition: all 0.45s ease;
}

.dpce-style-27 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.dpce-style-27 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.75);
  border: 4px solid rgba(255, 255, 255, 0.05);
  transform: rotate(90deg);
  -ms-transform-origin: 0 0%;
  transform-origin: 0 0%;
}

.dpce-style-27 .dpce-title,
.dpce-style-27 p {
  line-height: 1.5em;
  margin: 0;
}

.dpce-style-27 .dpce-title {
  display: inline-block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dpce-style-27 p {
  padding: 8px 0 15px;
}

.dpce-style-27:hover > img,
.dpce-style-27.hover > img {
  opacity: 0.2;
}

.dpce-style-27:hover .dpce-body,
.dpce-style-27.hover .dpce-body {
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;

  transform: rotate(0);
}

.dpce-style-28 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #1a1a1a;
}

.dpce-style-28 * {
  box-sizing: border-box;

  transition: all 0.45s ease;
}

.dpce-style-28 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.dpce-style-28 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 30px;
  background-color: #202123;

  transform: translateX(-100%);

  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
}

.dpce-style-28 .dpce-title,
.dpce-style-28 p {
  margin: 0;
}

.dpce-style-28 .dpce-title {
  line-height: 1.2em;
}

.dpce-style-28 .dpce-title {
  font-size: 1.9em;
  color: #35adf9;
}

.dpce-style-28 p {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 0.9em;
  margin-top: 12px;
  padding: 12px 0 15px;
  line-height: 1.5em;
}

.dpce-style-28:hover > img,
.dpce-style-28.hover > img {
  transform: translateX(-100%);
}

.dpce-style-28:hover .dpce-body,
.dpce-style-28.hover .dpce-body {
  transform: translateX(0%);
}

.dpce-style-29 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #000000;
  text-align: left;
  font-size: 16px;
  background-color: #fff;
}

.dpce-style-29 * {
  box-sizing: border-box;

  transition: all 0.45s ease;
}

.dpce-style-29 img {
  vertical-align: top;
  max-width: 100%;
  backface-visibility: hidden;
}

.dpce-style-29 .dpce-body {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  align-items: center;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dpce-style-29 .dpce-title,
.dpce-style-29 .dpce-desc {
  margin: 0;
  opacity: 0;
  letter-spacing: 1px;
  text-align: center;
}

.dpce-style-29 .dpce-title {
  transform: translateY(-100%);
  font-weight: 400;
}

.dpce-style-29 .dpce-desc {
  font-weight: normal;
  font-style: italic;
  color: #888;

  transform: translateY(100%);
}

.dpce-style-29:hover > img,
.dpce-style-29.hover > img {
  opacity: 0.1;
}

.dpce-style-29:hover .dpce-title,
.dpce-style-29.hover .dpce-title,
.dpce-style-29:hover .dpce-desc,
.dpce-style-29.hover .dpce-desc {
  transform: translateY(0);
  opacity: 1;
}

.dpce-style-30 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px;
  background-color: #000000;
  line-height: 1.5em;
}
.dpce-style-30 *,
.dpce-style-30 *:before,
.dpce-style-30 *:after {
  box-sizing: border-box;

  transition: all 0.25s linear;
}
.dpce-style-30 img {
  width: calc(120%) !important;
  max-width: initial !important;
  backface-visibility: hidden;
  vertical-align: top;
}
.dpce-style-30 .dpce-body {
  position: absolute;
  top: 50%;
  width: 100%;

  transform: translateY(-25%);
  padding: 5px 40px;
  opacity: 0;
}
.dpce-style-30 .dpce-title {
  margin: 0;
  font-weight: 700;
}
.dpce-style-30 p {
  font-weight: 400;
  margin: 0;
  font-size: 0.9em;
}
.dpce-style-30 .dpce-icon {
  position: absolute;
  color: #fff;
  width: 35px;
  height: 35px;
  bottom: 0;
  right: 0;
  background-color: #c0392b;

  transform: translateX(55px);
}
.dpce-style-30 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dpce-style-30:hover img,
.dpce-style-30.hover img {
  zoom: 1;
  filter: alpha(opacity=30);
  -webkit-opacity: 0.3;
  opacity: 0.3;

  transform: translateX(-40px);
}
.dpce-style-30:hover .dpce-body,
.dpce-style-30.hover .dpce-body {
  transform: translateY(-50%);
  opacity: 1;
}
.dpce-style-30:hover .dpce-icon,
.dpce-style-30.hover .dpce-icon {
  transform: translateX(0);
}

.dpce-style-31 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}
.dpce-style-31 * {
  box-sizing: border-box;

  transition: all 0.35s ease;
}
.dpce-style-31 img {
  opacity: 1;
  width: 100%;
}
.dpce-style-31:after,
.dpce-style-31:before,
.dpce-style-31 .dpce-body:after,
.dpce-style-31 .dpce-body:before {
  background: #0a0a0a;
  width: 25%;
  position: absolute;
  content: "";
  opacity: 0;
  transition: all 0.3s steps(4);
  z-index: 1;
  top: 100%;
  bottom: 0;
}
.dpce-style-31:before {
  left: 0;

  transition-delay: 0;
}
.dpce-style-31:after {
  left: 25%;

  transition-delay: 0.1s;
}
.dpce-style-31 .dpce-body:before {
  left: 50%;

  transition-delay: 0.2s;
  z-index: -1;
}
.dpce-style-31 .dpce-body:after {
  left: 75%;
  transition-delay: 0.3s;
  z-index: -1;
}
.dpce-style-31 .dpce-body {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 30px;
}
.dpce-style-31 .dpce-title,
.dpce-style-31 p,
.dpce-style-31 .icons {
  margin: 0;
  width: 100%;
  opacity: 0;
}
.dpce-style-31 .dpce-title {
  font-weight: 900;
}
.dpce-style-31 p {
  font-weight: 300;
}
.dpce-style-31 .icons {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
}
.dpce-style-31 .dpce-social-icon {
  padding: 0px 10px;
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 5px;
  fill: #ffffff;
  text-align: center;
  opacity: 0.8;
}
.dpce-style-31 .dpce-social-icon:hover {
  opacity: 1;
}
.dpce-style-31:hover:after,
.dpce-style-31.hover:after,
.dpce-style-31:hover:before,
.dpce-style-31.hover:before,
.dpce-style-31:hover .dpce-body:after,
.dpce-style-31.hover .dpce-body:after,
.dpce-style-31:hover .dpce-body:before,
.dpce-style-31.hover .dpce-body:before {
  top: 0;
  opacity: 0.8;
}
.dpce-style-31:hover .dpce-body .dpce-title,
.dpce-style-31.hover .dpce-body .dpce-title,
.dpce-style-31:hover .dpce-body p,
.dpce-style-31.hover .dpce-body p,
.dpce-style-31:hover .dpce-body .icons,
.dpce-style-31.hover .dpce-body .icons {
  transition-delay: 0.4s;
}
.dpce-style-31:hover .dpce-body .dpce-title,
.dpce-style-31.hover .dpce-body .dpce-title,
.dpce-style-31:hover .dpce-body .icons,
.dpce-style-31.hover .dpce-body .icons {
  opacity: 1;
}
.dpce-style-31:hover .dpce-body p,
.dpce-style-31.hover .dpce-body p {
  opacity: 0.7;
}

.dpce-style-32 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #404040;
  text-align: left;
  font-size: 16px;
  line-height: 1.5em;
}
.dpce-style-32 * {
  box-sizing: border-box;

  transition: all 0.2s ease-out;
}
.dpce-style-32 img {
  max-width: 100%;
  vertical-align: top;
}
.dpce-style-32 .dpce-body {
  background-color: #ffffff;
  position: absolute;
  top: 26px;
  bottom: 26px;
  left: 26px;
  right: 26px;
  padding: 22px;
  opacity: 0;

  transform: scale(0.8);
}
.dpce-style-32 .dpce-title {
  text-align: center;
  font-size: 1.5em;
  color: #c31;
  margin: 0 0 5px;
  font-weight: 400;
}
.dpce-style-32 p {
  margin: 0;
  text-align: center;
}
.dpce-style-32:before,
.dpce-style-32:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.5s ease-out;
}
.dpce-style-32:before {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.dpce-style-32:after {
  position: absolute;
  top: 23px;
  bottom: 23px;
  left: 23px;
  right: 23px;
}

.dpce-style-32:hover .dpce-body,
.dpce-style-32.hover .dpce-body {
  transform: scale(1);
  opacity: 1;
}

.dpce-style-33 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background-color: #ffffff;
  line-height: 1.4em;
  transform: translateZ(0);
}
.dpce-style-33 *,
.dpce-style-33 *:before {
  box-sizing: border-box;

  transition: all 0.35s ease-out;
}
.dpce-style-33 img {
  max-width: 100%;
  vertical-align: top;

  transition: all 0.8s ease-out;
}
.dpce-style-33:before {
  background: #000000;
  position: absolute;
  content: "";

  transition: all 0.35s ease-out;

  transition-delay: 0.2s;
  z-index: 1;
  bottom: 100%;
  top: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 40px white;
}
.dpce-style-33 .dpce-body {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}
.dpce-style-33 .dpce-title,
.dpce-style-33 p {
  margin: 0;
  width: 100%;
  opacity: 0;
  padding: 25px;
}
.dpce-style-33 .dpce-title {
  font-family: "Julius Sans One", Arial, sans-serif;
}
.dpce-style-33 p {
  position: absolute;
  bottom: 0;
  padding-left: 60px;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-align: right;
}
.dpce-style-33 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}
.dpce-style-33:hover img,
.dpce-style-33.hover img {
  opacity: 0.2;
}
.dpce-style-33:hover:before,
.dpce-style-33.hover:before {
  bottom: 0;
  box-shadow: 0 0 0px white;

  transition-delay: 0s;
}
.dpce-style-33:hover .dpce-body .dpce-title,
.dpce-style-33.hover .dpce-body .dpce-title,
.dpce-style-33:hover .dpce-body p,
.dpce-style-33.hover .dpce-body p {
  transition-delay: 0.25s;
}
.dpce-style-33:hover .dpce-body .dpce-title,
.dpce-style-33.hover .dpce-body .dpce-title {
  transform: translateY(0%);
  opacity: 0.5;
}
.dpce-style-33:hover .dpce-body p,
.dpce-style-33.hover .dpce-body p {
  opacity: 0.7;
}

.dpce-style-34 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #ffffff;
  text-align: left;
  font-size: 16px;
  background-color: #0c1116;
  line-height: 1.6em;
  font-weight: 200;

  transform: translateZ(0);
}
.dpce-style-34 * {
  box-sizing: border-box;

  transition: all 0.35s linear;
}
.dpce-style-34 *:before,
.dpce-style-34 *:after {
  transition: all 0.35s ease;
}
.dpce-style-34 img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
}
.dpce-style-34 .dpce-body {
  position: absolute;
  top: 50%;
  margin: 0 40px;
  padding: 10px 15px;

  transform: translate(0%, -50%);
}
.dpce-style-34 .dpce-body div {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
}
.dpce-style-34 .dpce-body div:before,
.dpce-style-34 .dpce-body div:after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.75);
  left: 50%;
  top: 50%;
}
.dpce-style-34 .dpce-body div:before {
  width: 1px;
  height: 50px;

  transform: translateY(-50%);
}
.dpce-style-34 .dpce-body div:after {
  height: 1px;
  width: 50px;

  transform: translateX(-50%);
}
.dpce-style-34 .dpce-title {
  opacity: 0;
  letter-spacing: 1px;
  margin: 0;
}
.dpce-style-34 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dpce-style-34:hover img,
.dpce-style-34.hover img {
  zoom: 1;
  filter: alpha(opacity=15);
  -webkit-opacity: 0.15;
  opacity: 0.15;
}
.dpce-style-34:hover .dpce-body .dpce-title,
.dpce-style-34.hover .dpce-body .dpce-title {
  transition-delay: 0.6s;
  opacity: 1;
}
.dpce-style-34:hover .dpce-body .plus1,
.dpce-style-34.hover .dpce-body .plus1,
.dpce-style-34:hover .dpce-body .plus2,
.dpce-style-34.hover .dpce-body .plus2 {
  transform: rotate(0);
}
.dpce-style-34:hover .dpce-body .plus1:before,
.dpce-style-34.hover .dpce-body .plus1:before,
.dpce-style-34:hover .dpce-body .plus1:after,
.dpce-style-34.hover .dpce-body .plus1:after {
  top: 0%;
  left: 0%;

  transition-delay: 0.35s;
}
.dpce-style-34:hover .dpce-body .plus2:before,
.dpce-style-34.hover .dpce-body .plus2:before,
.dpce-style-34:hover .dpce-body .plus2:after,
.dpce-style-34.hover .dpce-body .plus2:after {
  top: 100%;
  left: 100%;

  transition-delay: 0.35s;
}

.dpce-style-35 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #000000;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #000000 70%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #000000 70%);
}

.dpce-style-35 * {
  box-sizing: border-box;

  transition: all 0.35s ease;
}

.dpce-style-35 img {
  max-width: 100%;
}

.dpce-style-35 .dpce-body {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  z-index: 1;

  transform: translateY(100%);
}

.dpce-style-35 .dpce-title,
.dpce-style-35 p {
  margin: 0;
  width: 100%;
  padding: 10px 20px;
}

.dpce-style-35 .dpce-title {
  color: #ffffff;
  position: absolute;
  bottom: 100%;
  display: inline-block;
  font-weight: 400;
}

.dpce-style-35 p {
  background: rgba(255, 255, 255, 0.9);
  text-align: right;
  bottom: 0;
  font-size: 0.8em;
  font-weight: 500;
}

.dpce-style-35:hover img,
.dpce-style-35.hover img {
  opacity: 0.4;
}

.dpce-style-35:hover .dpce-body,
.dpce-style-35.hover .dpce-body {
  transform: translateY(0);
}

.dpce-style-36 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
}
.dpce-style-36 * {
  box-sizing: border-box;

  transition: all 0.45s ease-in-out;
}
.dpce-style-36 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}
.dpce-style-36 .dpce-body {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 1px 1px 0;
}
.dpce-style-36 .heading {
  overflow: hidden;

  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.dpce-style-36 .dpce-title {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  font-weight: 400;
}
.dpce-style-36 .dpce-title span {
  font-weight: 800;
}
.dpce-style-36 .dpce-title:before,
.dpce-style-36 .dpce-title:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: "";
  background: white;
  top: 50%;
}
.dpce-style-36 .dpce-title:before {
  left: -1000%;
}
.dpce-style-36 .dpce-title:after {
  right: -1000%;
}
.dpce-style-36 p {
  top: 50%;

  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}

.dpce-style-36:hover img,
.dpce-style-36.hover img {
  opacity: 0.25;

  transform: scale(1.1);
}
.dpce-style-36:hover .dpce-body,
.dpce-style-36.hover .dpce-body {
  top: 7%;
  bottom: 7%;
}
.dpce-style-36:hover p,
.dpce-style-36.hover p {
  opacity: 1;

  transition-delay: 0.35s;
}

.dpce-style-37 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  text-align: right;
}

.dpce-style-37 * {
  box-sizing: border-box;
}

.dpce-style-37 img {
  max-width: 100%;

  transition: all 0.5s ease-in-out;
}

.dpce-style-37 .dpce-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 65px;
  height: 65px;
  opacity: 0;
  padding-left: 57px;
  text-align: left;
  padding-right: 20px;
  border-radius: 65px;
  font-weight: 800;
  overflow: hidden;
}

.dpce-style-37 .dpce-title:before,
.dpce-style-37 .dpce-title:after {
  content: "";
  transform: scale(0.75);
  height: 65px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 65px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}

.dpce-style-37 .dpce-title:before {
  width: 65px;
  opacity: 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
}

.dpce-style-37 .dpce-title:after {
  width: 100%;
}

.dpce-style-37 .dpce-icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #000000;
  width: 65px;
  height: 65px;
  text-align: center;
  transform: rotate(90deg);
  padding: 18px;
  transition: all 0.3s ease-in-out;
}

.dpce-style-37 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.dpce-style-37:hover img,
.dpce-style-37.hover img {
  opacity: 0.3;

  filter: grayscale(100%);
}

.dpce-style-37:hover .dpce-title,
.dpce-style-37.hover .dpce-title {
  opacity: 1;
  animation: dpce-style-37-anim 0.8s 0.1s forwards;
}

.dpce-style-37:hover .dpce-title:before,
.dpce-style-37.hover .dpce-title:before {
  opacity: 1;
}

.dpce-style-37:hover .dpce-title:after,
.dpce-style-37.hover .dpce-title:after {
  transform: scale(1);
}

@keyframes dpce-style-37-anim {
  0% {
    color: rgba(255, 255, 255, 0);
    width: 65px;
  }
  20% {
    color: rgba(255, 255, 255, 0);
    width: 65px;
  }
  70% {
    color: rgba(255, 255, 255, 0);
    width: 200px;
  }
  100% {
    color: #ffffff;
    width: 200px;
  }
}
.dpce-style-37:hover .dpce-title .dpce-icon,
.dpce-style-37.hover .dpce-title .dpce-icon {
  transition-delay: 0.25s;

  transform: rotate(0);
}

.dpce-style-38 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  text-align: left;
}

.dpce-style-38 * {
  box-sizing: border-box;

  transition: all 0.3s ease-in-out;
}

.dpce-style-38 img {
  max-width: 100%;

  transition-delay: 0.35s;
}

.dpce-style-38 .dpce-body {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;

  transform: translateY(-50%) scaleY(0);

  transition-delay: 0.35s;
}

.dpce-style-38 .dpce-title,
.dpce-style-38 .dpce-icon {
  background: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  line-height: 50px;
}

.dpce-style-38 .dpce-title {
  margin: 0;
  font-weight: 400;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #000000;
  color: rgba(255, 255, 255, 0);
}

.dpce-style-38 .dpce-title span {
  font-weight: 800;
}

.dpce-style-38 .dpce-icon {
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 50px !important;
  font-size: 34px !important;
  color: #000000;
  width: 50px;
  height: 50px;
  z-index: 1;
  text-align: center;

  transform: translate(100%, -50%);
}

.dpce-style-38 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.dpce-style-38:hover img,
.dpce-style-38.hover img {
  opacity: 0.4;

  filter: grayscale(100%);

  transition-delay: 0s;
}

.dpce-style-38:hover .dpce-body,
.dpce-style-38.hover .dpce-body {
  transform: translateY(-50%) scaleY(1);

  transition-delay: 0s;
}

.dpce-style-38:hover .dpce-title,
.dpce-style-38.hover .dpce-title,
.dpce-style-38:hover .dpce-title span,
.dpce-style-38.hover .dpce-title span {
  color: #ffffff;

  transition-delay: 0.35s;
}

.dpce-style-38:hover .dpce-icon,
.dpce-style-38.hover .dpce-icon {
  transform: translate(0, -50%);

  transition-delay: 0.3s;
}
.dpce-style-39 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  text-align: center;
}

.dpce-style-39 * {
  box-sizing: border-box;

  transition: all 0.3s;
}

.dpce-style-39:before,
.dpce-style-39:after {
  position: absolute;
  width: 100%;
  background: #000000;
  height: 0px;
  display: block;
  content: "";

  transition: all 0.3s;
}

.dpce-style-39:before {
  top: 0;
}

.dpce-style-39:after {
  bottom: 0;
}

.dpce-style-39 img {
  max-width: 100%;
  margin-bottom: -5px;
}

.dpce-style-39 .dpce-body {
  position: relative;
  background: #ffffff;
}

.dpce-style-39 .dpce-title,
.dpce-style-39 p {
  margin: 0;
  display: inline-block;
  width: 100%;
}

.dpce-style-39 .dpce-title {
  width: 70%;
  padding: 12px 15px;
  background: #333333;

  transform: translateY(-50%) rotate(0deg) scale(1);
}

.dpce-style-39 p {
  font-size: 0.9em;
  font-weight: 500;
  color: #4d4d4d;
  padding: 10px 40px 40px;
}

.dpce-style-39 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}

.dpce-style-39 .dpce-title,
.dpce-style-39:before,
.dpce-style-39:after {
  background: #34495e;
}

.dpce-style-39:hover .dpce-body .dpce-title,
.dpce-style-39.hover .dpce-body .dpce-title {
  transform: translateY(-50%) rotate(-8deg) scale(1.1);
}

.dpce-style-39:hover:before,
.dpce-style-39.hover:before,
.dpce-style-39:hover:after,
.dpce-style-39.hover:after {
  height: 10px;
}

.dpce-style-40 {
  position: relative;
  display: inline-block;
  margin: 0;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #000000;
}

.dpce-style-40 * {
  transition: all 0.35s ease-in-out;
}

.dpce-style-40 img {
  opacity: 0.25;
  max-width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.dpce-style-40 .dpce-body {
  position: absolute;
  top: 50%;
  left: 30px;
  right: 30px;

  transform: rotate(0deg) translateY(-50%) scale(1);

  transform-origin: center 0;
}

.dpce-style-40 .dpce-body .dpce-title {
  top: 50%;
  letter-spacing: -1px;
  color: #ffffff;
  padding: 10px 0;
  margin: 0;
  font-weight: 400;
}

.dpce-style-40 .dpce-body .dpce-title span {
  font-weight: 800;
}

.dpce-style-40 .dpce-body:before,
.dpce-style-40 .dpce-body:after {
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 2px;
  position: absolute;
  content: "";
  display: block;

  transition: all 0.35s ease-in-out;
}

.dpce-style-40 .dpce-body:before {
  left: 0;
  top: 0;
}

.dpce-style-40 .dpce-body:after {
  bottom: 0;
  right: 0;
}

.dpce-style-40 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.dpce-style-40:hover img,
.dpce-style-40.hover img {
  opacity: 1;
}

.dpce-style-40:hover .dpce-body,
.dpce-style-40.hover .dpce-body {
  transform: rotate(-45deg) translateY(-50%) scale(0.9);
}

.dpce-style-40:hover .dpce-body:before,
.dpce-style-40.hover .dpce-body:before,
.dpce-style-40:hover .dpce-body:after,
.dpce-style-40.hover .dpce-body:after {
  width: 200%;
}

.dpce-style-41 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  text-align: center;
  background: #000000;
}
.dpce-style-41 * {
  box-sizing: border-box;

  transition: all 0.4s;
}
.dpce-style-41:before,
.dpce-style-41:after {
  position: absolute;
  width: 100%;
  background: #000000;
  height: 0px;
  display: block;
  content: "";
  z-index: 1;

  transition: all 0.4s;
}
.dpce-style-41:before {
  top: 0;
}
.dpce-style-41:after {
  bottom: 0;
}
.dpce-style-41 .image {
  position: relative;
}
.dpce-style-41 .image img {
  max-width: 100%;
  margin-bottom: -5px;
}
.dpce-style-41 .icons {
  top: 50%;
  width: 100%;
  position: absolute;
  text-align: center;
  transform: translateY(-50%);
}
.dpce-style-41 .icons .dpce-social-icon {
  opacity: 0;
  display: inline-block;
  border: solid 3px #ffffff;
  margin: 5px;
  color: #ffffff;
  height: 45px;
  width: 45px;
  padding: 8px;
  line-height: 45px !important;
  border-radius: 50%;
  box-sizing: padding-box;
  transition: all 0.5s;
}
.dpce-style-41 .dpce-body {
  position: relative;
  background: #ffffff;
}
.dpce-style-41 .dpce-title,
.dpce-style-41 p {
  margin: 0;
  display: inline-block;
  width: 100%;
}
.dpce-style-41 .dpce-title {
  font-weight: 400;
  font-size: 1.5em;
  width: 100%;
  padding: 12px 15px;
  background: #333333;
}
.dpce-style-41 .dpce-title span {
  font-weight: 800;
}
.dpce-style-41 p {
  font-size: 0.9em;
  font-weight: 500;
  padding: 30px 40px 40px;
}
.dpce-style-41 a {
  opacity: 0.7;
}
.dpce-style-41 a:hover {
  opacity: 1;
}
.dpce-style-41:hover img,
.dpce-style-41.hover img {
  opacity: 0.35;

  filter: blur(10px);

  transform: scale(1.1);
}
.dpce-style-41:hover .dpce-social-icon,
.dpce-style-41.hover .dpce-social-icon {
  opacity: 1;
}
.dpce-style-41:hover:before,
.dpce-style-41.hover:before,
.dpce-style-41:hover:after,
.dpce-style-41.hover:after {
  height: 10px;
}
.dpce-style-41:hover a:first-child .dpce-social-icon,
.dpce-style-41.hover a:first-child .dpce-social-icon {
  transition-delay: 0s;
}
.dpce-style-41:hover a:nth-child(2) .dpce-social-icon,
.dpce-style-41.hover a:nth-child(2) .dpce-social-icon {
  transition-delay: 0.1s;
}
.dpce-style-41:hover a:nth-child(3) .dpce-social-icon,
.dpce-style-41.hover a:nth-child(3) .dpce-social-icon {
  transition-delay: 0.2s;
}

.dpce-style-42 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  text-align: center;
}

.dpce-style-42 * {
  box-sizing: padding-box;

  transition: all 0.3s ease-out;
}

.dpce-style-42 img {
  opacity: 1;
  width: 100%;
}

.dpce-style-42 .dpce-body {
  top: 50%;
  left: 40px;
  right: 40px;
  position: absolute;

  transform: translateY(-50%);
}

.dpce-style-42 .dpce-body .dpce-title {
  position: relative;
  font-weight: 400;
  margin: 0;

  transform: translateY(75%);
}

.dpce-style-42 .dpce-body .dpce-title span {
  font-weight: 800;
}

.dpce-style-42 .dpce-body p {
  font-size: 0.9em;
  font-weight: 500;
  opacity: 0;
  margin: 0;
}

.dpce-style-42:before,
.dpce-style-42:after {
  position: absolute;
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  content: "";
  opacity: 0;
  transition: opacity 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s,
    -o-transform 0.6s, transform 0.6s;
}

.dpce-style-42:before {
  border-top: 1px double #fff;
  border-bottom: 1px double #fff;
  transform: scale(0, 1);
}

.dpce-style-42:after {
  border-right: 1px double #fff;
  border-left: 1px double #fff;
  transform: scale(1, 0);
}

.dpce-style-42:hover img,
.dpce-style-42.hover img {
  opacity: 0.2;
  filter: blur(5px);
  transform: scale(1.1);
}

.dpce-style-42:hover .dpce-body .dpce-title,
.dpce-style-42.hover .dpce-body .dpce-title,
.dpce-style-42:hover .dpce-body p,
.dpce-style-42.hover .dpce-body p {
  opacity: 1;
  border-color: rgba(255, 255, 255, 0.5);
  transition-delay: 0.2s;
  transform: translateY(0);
}

.dpce-style-42:hover .dpce-body p,
.dpce-style-42.hover .dpce-body p {
  transition-delay: 0.3s;
}

.dpce-style-42:hover:before,
.dpce-style-42.hover:before,
.dpce-style-42:hover:after,
.dpce-style-42.hover:after {
  opacity: 0.8;
  transform: scale(1);
}

.dpce-style-43 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  text-align: center;
}
.dpce-style-43 * {
  box-sizing: border-box;
}
.dpce-style-43 img {
  opacity: 1;
  width: 100%;

  transition: opacity 0.35s;
}
.dpce-style-43 .dpce-body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dpce-style-43 .dpce-body > div {
  height: 50%;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.dpce-style-43 .dpce-body::before {
  position: absolute;
  top: 50%;
  right: 50%;
  left: 50%;
  height: 2px;
  content: "";
  opacity: 0;
  background-color: rgba(255, 255, 255, 0);

  transition: all 0.4s;

  transition-delay: 0.6s;
}
.dpce-style-43 .dpce-title,
.dpce-style-43 p {
  margin: 0;
  padding: 30px 35px;
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: opacity 0.4s, -webkit-transform 0.4s, -moz-transform 0.4s,
    -o-transform 0.4s, transform 0.4s;
  transition-delay: 0.3s;
}
.dpce-style-43 .dpce-title {
  display: inline-block;
  word-spacing: -0.1em;
  font-weight: 300;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3) 0%,
    transparent 60%,
    rgba(0, 0, 0, 0.7) 100%
  );

  transform: translate3d(0%, 50%, 0);
}
.dpce-style-43 p {
  font-weight: 300;
  top: 0%;
  color: #000;
  background: #fff;
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.3) 0%,
    transparent 40%,
    rgba(0, 0, 0, 0.1) 100%
  );

  transform: translate3d(0%, -50%, 0);
}
.dpce-style-43 .curl {
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: linear-gradient(
    135deg,
    #ffffff,
    #f3f3f3 20%,
    #cccccc 38%,
    #bbbbbb 44%,
    #aaaaaa 50%,
    rgba(0, 0, 0, 0.7) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 0.4)
  );
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
}
.dpce-style-43 .curl:before,
.dpce-style-43 .curl:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 12%;
  bottom: 6%;
  width: 70%;
  max-width: 300px;
  max-height: 100px;
  height: 55%;
  box-shadow: 0 12px 15px rgba(0, 0, 0, 0.3);
  transform: skew(-10deg) rotate(-6deg);
}
.dpce-style-43 .curl:after {
  left: auto;
  right: 6%;
  bottom: auto;
  top: 14%;
  transform: skew(-15deg) rotate(-84deg);
}
.dpce-style-43 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
.dpce-style-43:hover img,
.dpce-style-43.hover img {
  opacity: 0.7;
}
.dpce-style-43:hover .dpce-body .dpce-title,
.dpce-style-43.hover .dpce-body .dpce-title,
.dpce-style-43:hover .dpce-body p,
.dpce-style-43.hover .dpce-body p {
  transform: translate3d(0%, 0%, 0);

  transition-delay: 0.3s;
}
.dpce-style-43:hover .dpce-body .dpce-title,
.dpce-style-43.hover .dpce-body .dpce-title,
.dpce-style-43:hover .dpce-body p,
.dpce-style-43.hover .dpce-body p {
  opacity: 1;
}
.dpce-style-43:hover .dpce-body::before,
.dpce-style-43.hover .dpce-body::before {
  background: #ffffff;
  left: 0px;
  right: 0px;
  opacity: 1;

  transition-delay: 0s;
}
.dpce-style-43:hover .dpce-body .curl,
.dpce-style-43.hover .dpce-body .curl {
  width: 40px;
  height: 40px;
  transition-delay: 0.7s;
}

.dpce-style-44 {
  color: #fff;
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #000000;
  text-align: center;
}
.dpce-style-44 * {
  box-sizing: border-box;
}
.dpce-style-44 img {
  max-width: 100%;
  opacity: 1;
  width: 100%;
  transition: opacity 0.35s;
}
.dpce-style-44 .dpce-body {
  font-size: 1.25em;
}
.dpce-style-44 .dpce-body {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3em 3em;
  width: 100%;
  height: 100%;
}
.dpce-style-44 .dpce-body::before {
  position: absolute;
  top: 30px;
  right: 50%;
  bottom: 30px;
  left: 50%;
  border-left: 1px solid rgba(255, 255, 255, 0.8);
  border-right: 1px solid rgba(255, 255, 255, 0.8);
  content: "";
  opacity: 0;
  background-color: #ffffff;

  transition: all 0.4s;

  transition-delay: 0.6s;
}
.dpce-style-44 .dpce-title,
.dpce-style-44 p {
  margin: 0 0 5px;
  opacity: 0;
  transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s,
    -o-transform 0.35s, transform 0.35s;
}
.dpce-style-44 .dpce-title {
  word-spacing: -0.15em;
  font-weight: 300;

  transform: translate3d(0%, 100%, 0);

  transition-delay: 0.3s;
}
.dpce-style-44 p {
  font-weight: 200;

  transition-delay: 0s;
}
.dpce-style-44 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #ffffff;
}
.dpce-style-44:hover img {
  opacity: 0.35;
}
.dpce-style-44:hover > div .dpce-title {
  opacity: 1;

  transform: translate3d(0%, 0%, 0);

  transition-delay: 0.3s;
}
.dpce-style-44:hover > div p {
  opacity: 0.8;
  transition-delay: 0.6s;
}
.dpce-style-44:hover > div::before {
  background: rgba(255, 255, 255, 0);
  left: 30px;
  right: 30px;
  opacity: 1;
  transition-delay: 0s;
}

.dpce-style-45 .dpce-post-image {
  overflow: hidden;
  position: relative;
}

.dpce-style-45 {
  padding: 10px;
}
.dpce-style-45 .dpce-post-image img {
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.dpce-style-45 .dpce-post-image:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.dpce-style-45 .dpce-post-category {
  margin: 10px 0;
  display: inline-block;
}
.dpce-style-45 .dpce-post-category a {
  text-decoration: none;
  display: inherit;
  color: #fff;
  background: #000;
  font-size: 10px;
  padding: 2px 5px;
  margin-right: 2px;
  text-transform: uppercase;
}
.dpce-style-45 .dpce-post-title {
  margin-bottom: 10px;
  margin-top: 5px;
  padding-top: 0;
}
.dpce-style-45 .dpce-post-title a {
  text-decoration: none;
  color: #000;
  line-height: 1.2;
  font-size: 19px;
}
.dpce-style-45 .dpce-post-meta {
  float: left;
  font-size: 12px;
  margin-top: 2px;
  margin-right: 20px;
  margin-bottom: 6px;
}
.dpce-style-45 .dpce-post-date {
  font-size: 12px;
}
.dpce-style-45 .dpce-post-date .dpce-custom-icon {
  margin-right: 5px;
  width: 14px;
}
.dpce-style-45 .dpce-post-meta .dpce-custom-icon {
  font-size: 13px;
  margin-right: 5px;
  width: 14px;
}
.dpce-style-45 .dpce-post-meta a {
  text-decoration: none;
  font-size: 13px;
  margin-right: 15px;
}
.dpce-style-45 .dpce-post-comment {
  font-size: 10px;
  text-align: center;
  line-height: 1;
  position: relative;
  padding: 2px 7px;
  background: #fff;
}
.dpce-style-45 .dpce-comment-box {
  position: absolute;
  margin-bottom: 4px;
  top: 10px;
  right: 15px;
}
.dpce-style-45 .dpce-post-comment:before {
  content: " ";
  position: absolute;
  bottom: -4px;
  left: 30%;
  border-width: 0 0 6px 6px;
  border-style: solid;
  border-color: transparent #fff;
}
.dpce-style-45 .dpce-post-comment a {
  text-decoration: none;
  font-size: 11px;
  color: #000;
}
.dpce-style-45 .dpce-post-para p {
  color: #888;
  font-size: 14px;
  margin-top: 10px;
  text-align: justify;
}

.dpce-style-46 {
  color: #fff;
  position: relative;
  width: 100%;
  color: #ffffff;
  margin: 0;
  text-align: left;
  background-color: #0d0d0d;
  font-size: 16px;
}
.dpce-style-46 * {
  box-sizing: border-box;

  transition: all 0.4s ease-in;
}
.dpce-style-46 img {
  position: relative;
  max-width: 50%;
  vertical-align: top;
}
.dpce-style-46 .dpce-body {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding: 20px 0 20px 50%;
}
.dpce-style-46 .dpce-body:before,
.dpce-style-46 .dpce-body:after {
  width: 1px;
  height: 0;
}
.dpce-style-46 .dpce-body:before {
  right: 0;
  top: 0;
}
.dpce-style-46 .dpce-body:after {
  left: 0;
  bottom: 0;
}
.dpce-style-46 .dpce-title,
.dpce-style-46 p {
  line-height: 1.5em;
  padding: 0 30px;
}
.dpce-style-46 .dpce-title {
  margin: 0 0 5px;
  font-weight: 700;
}
.dpce-style-46 p {
  font-size: 0.8em;
  font-weight: 500;
  margin: 0 0 15px;
}

.dpce-style-46:before,
.dpce-style-46:after,
.dpce-style-46 .dpce-body:before,
.dpce-style-46 .dpce-body:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  z-index: 1;

  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.dpce-style-46:before,
.dpce-style-46:after {
  height: 1px;
  width: 0%;
}
.dpce-style-46:before {
  top: 0;
  left: 0;
}
.dpce-style-46:after {
  bottom: 0;
  right: 0;
}
.dpce-style-46:hover .dpce-body,
.dpce-style-46.hover .dpce-body {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.05);
}
.dpce-style-46:hover .dpce-body:before,
.dpce-style-46.hover .dpce-body:before,
.dpce-style-46:hover .dpce-body:after,
.dpce-style-46.hover .dpce-body:after {
  height: 100%;
}
.dpce-style-46:hover:before,
.dpce-style-46.hover:before,
.dpce-style-46:hover:after,
.dpce-style-46.hover:after {
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .dpce-style-46 img {
    max-width: 100%;
  }
  .dpce-style-46 .dpce-body {
    position: relative;
    padding-left: 0px;
  }
}
.dpce-style-46:hover:before,
.dpce-style-46.hover:before,
.dpce-style-46:hover:after,
.dpce-style-46.hover:after,
.dpce-style-46:hover .dpce-body:before,
.dpce-style-46.hover .dpce-body:before,
.dpce-style-46:hover .dpce-body:after,
.dpce-style-46.hover .dpce-body:after {
  opacity: 0.1;
}
.dpce-style-47 {
  margin: 0;
  padding: 0 10px;
  text-align: center;
}
.dpce-style-47 a,
.dpce-style-47 a {
  text-decoration: none;
}
.dpce-style-47 .dpce-title {
  margin: 12px 0;
}
.dpce-style-47.dpce-wrapper {
  border-left: 1px solid #000;
}
.slick-current .dpce-style-47.dpce-wrapper {
  border-left: none;
}

.dpce-style-48 {
  position: relative;
  width: 100%;
  margin: 0;
  background: #ffffff;
  text-align: center;
  color: #000000;
  font-size: 16px;
}

.dpce-style-48 * {
  box-sizing: padding-box;

  transition: all 0.2s ease-out;
}

.dpce-style-48 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
  background-color: #666666;
  padding-top: 40px;
}

.dpce-style-48 .dpce-body {
  padding: 20px;
}

.dpce-style-48 .dpce-title,
.dpce-style-48 p {
  margin: 0;
}

.dpce-style-48 .dpce-title {
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.dpce-style-48 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  font-weight: 300;
}

.dpce-style-48 .price {
  font-size: 18px;
  margin-top: 7px;
}

.dpce-style-48 .price s {
  margin-right: 5px;
  opacity: 0.5;
  font-size: 0.9em;
}

.dpce-style-48 .dpce-icon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 56px;
  height: 56px;
  line-height: 56px !important;
  text-align: center;
  border-radius: 50%;
  background-color: #666666;
  fill: #ffffff;
}

.dpce-style-48:hover .dpce-icon,
.dpce-style-48.hover .dpce-icon,
.dpce-style-48:hover img,
.dpce-style-48.hover img {
  background-color: #2980b9;
}

.dpce-style-48:hover .dpce-icon,
.dpce-style-48.hover .dpce-icon {
  transform: translate(-50%, 5px);
}
.dpce-style-49 {
  position: relative;
  margin: 0;
  margin-bottom: 30px !important;
  width: 100%;
  background: #ffffff;
  text-align: center;
  color: #000000;
  font-size: 16px;
  padding: 15px;

  box-sizing: border-box;

  transition: all 0.2s ease-out;
}
.dpce-style-49 * {
  box-sizing: padding-box;

  transition: all 0.2s ease-out;
}
.dpce-style-49 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.dpce-style-49 .dpce-body {
  padding: 20px 15px;
}
.dpce-style-49 .dpce-title,
.dpce-style-49 p {
  margin: 0;
}
.dpce-style-49 .dpce-title {
  font-size: 1.3em;
  font-weight: 400;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.dpce-style-49 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  font-weight: 300;
}
.dpce-style-49 .price {
  font-size: 18px;
  margin-top: 7px;
}
.dpce-style-49 .price s {
  margin-right: 5px;
  opacity: 0.5;
  font-size: 0.9em;
}
.dpce-style-49 .dpce-icon {
  position: absolute;
  bottom: 0;
  left: 50%;

  transform: translate(-50%, 50%);
  width: 56px;
  height: 56px;
  line-height: 56px !important;
  text-align: center;
  border-radius: 50%;
  background-color: #666666;
  color: #ffffff;
  font-size: 1.6em !important;
  border: 4px solid #ffffff;
}

.dpce-style-49:hover,
.dpce-style-49.hover {
  transform: translateY(-5px);
}
.dpce-style-49:hover .dpce-icon,
.dpce-style-49.hover .dpce-icon {
  background-color: #2980b9;
}
.dpce-style-50 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  background: #ffffff;
  text-align: left;
  color: #000000;
  font-size: 16px;
  transform: translateZ(0);
  perspective: 20em;
}
.dpce-style-50 * {
  box-sizing: border-box;

  transition: all 0.3s ease-out;
}
.dpce-style-50 img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}
.dpce-style-50 .add-to-cart {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9em;
  opacity: 0;
  background-color: #409ad5;
  transform: rotateX(-90deg);
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.dpce-style-50 .add-to-cart .dpce-icon {
  display: inline-block;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #164666;
  color: #ffffff;
  font-size: 1.4em;
  padding: 5px;
}
.dpce-style-50 .dpce-body {
  padding: 20px;
}
.dpce-style-50 .dpce-title,
.dpce-style-50 p {
  margin: 0;
}
.dpce-style-50 .dpce-title {
  font-size: 1.5em;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.dpce-style-50 p {
  font-size: 0.9em;
  letter-spacing: 1px;
  font-weight: 400;
}
.dpce-style-50 .price {
  font-weight: 500;
  font-size: 1.5em;
  line-height: 48px;
  letter-spacing: 1px;
}
.dpce-style-50 .price s {
  margin-right: 5px;
  opacity: 0.5;
  font-size: 0.9em;
}
.dpce-style-50 a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.dpce-style-50:hover .add-to-cart,
.dpce-style-50.hover .add-to-cart {
  opacity: 1;

  transform: rotateX(0deg);
}
.dpce-style-50:hover .add-to-cart .dpce-icon,
.dpce-style-50.hover .add-to-cart .dpce-icon {
  background-color: #2980b9;
}

.dpce-style-51 {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  color: #333;
  text-align: left;
}
.dpce-style-51 * {
  box-sizing: border-box;

  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.dpce-style-51 img {
  max-width: 100%;
  vertical-align: top;
}
.dpce-style-51 .dpce-body {
  position: relative;
  background-color: #ffffff;
  padding: 20px;
}
.dpce-style-51 .dpce-title {
  position: absolute;
  bottom: 100%;
  text-transform: uppercase;
  padding: 0px 25px;
  line-height: 44px;
  margin: 0;
  left: 0;
  font-weight: 400;
  background-color: #000000;
  color: #ffffff;
}
.dpce-style-51 .dpce-title span {
  font-weight: 800;
}
.dpce-style-51 .dpce-title:before {
  position: absolute;
  left: 100%;
  border-style: solid;
  border-width: 44px 0 0 12px;
  border-color: transparent transparent transparent #000000;
  content: "";
  top: 0;
}
.dpce-style-51 p {
  text-align: left;
  margin: 0;
}
.dpce-style-51 .price {
  position: absolute;
  top: 0;
  right: 0;
  color: #ffffff;
  background-color: #000000;
  padding: 0 10px;
  line-height: 40px;
  font-weight: 800;
}
.dpce-style-51 .price:before {
  position: absolute;
  right: 100%;
  border-style: solid;
  border-width: 0 12px 40px 0;
  border-color: transparent #000000 transparent;
  content: "";
  top: 0;
}
.dpce-style-51 a {
  text-decoration: none;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #000000;
  line-height: 40px;
  padding: 0 10px;
  color: #ffffff;
  font-weight: 800;
  font-size: 0.9em;
  text-transform: uppercase;
}
.dpce-style-51 a:before {
  position: absolute;
  right: 100%;
  border-style: solid;
  border-width: 0 0 40px 12px;
  border-color: transparent transparent #000000;
  content: "";
  top: 0;
}
.dpce-style-51,
.dpce-style-51 .dpce-title,
.dpce-style-51 a,
.dpce-style-51 .price {
  background-color: #2472a4;
}
.dpce-style-51 .price:before {
  border-color: transparent #2472a4 transparent;
}
.dpce-style-51 .dpce-title:before {
  border-color: transparent transparent transparent #2472a4;
}
.dpce-style-51 a:before {
  border-color: transparent transparent #2472a4;
}
.dpce-style-51:hover img,
.dpce-style-51.hover img {
  transform: scale(1.1);
}