/*************************************************************/
/****** Enables shapes as element backgrounds, i.e. rows *******/
/*************************************************************/

.divi-hacks-shapes.et-fb .wide-bottom-trapezoid:hover:before,
.divi-hacks-shapes.et-fb .wide-top-trapezoid:hover:before,
.divi-hacks-shapes.et-fb .wide-right-trapezoid:hover:before,
.divi-hacks-shapes.et-fb .wide-left-trapezoid:hover:before,
.divi-hacks-shapes.et-fb .polygon-top-left:hover:before,
.divi-hacks-shapes.et-fb .polygon-top-right:hover:before,
.divi-hacks-shapes.et-fb .polygon-bottom-left:hover:before,
.divi-hacks-shapes.et-fb .polygon-bottom-right:hover:before,
.divi-hacks-shapes.et-fb .vertical-skew-right:hover:before,
.divi-hacks-shapes.et-fb .vertical-skew-left:hover:before,
.divi-hacks-shapes.et-fb .horizontal-skew-right:hover:before,
.divi-hacks-shapes.et-fb .horizontal-skew-left:hover:before,
.divi-hacks-shapes.et-fb .chevron-right:hover:before,
.divi-hacks-shapes.et-fb .chevron-left:hover:before,
.divi-hacks-shapes.et-fb .chevron-up:hover:before,
.divi-hacks-shapes.et-fb .chevron-down:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-left:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-right:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-right-top:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-right-bottom:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-left-top:hover:before,
.divi-hacks-shapes.et-fb .speech-bubble-left-bottom:hover:before,
.divi-hacks-shapes.et-fb .warp-square:hover:before,
.divi-hacks-shapes.et-fb .diamond:hover:before,
.divi-hacks-shapes.et-fb .slant-up-right:hover:before,
.divi-hacks-shapes.et-fb .slant-up-left:hover:before,
.divi-hacks-shapes.et-fb .slant-down-right:hover:before,
s.divi-hacks-shapes.et-fb .lant-down-left:hover:before,
.divi-hacks-shapes.et-fb .slant-right-top:hover:before,
.divi-hacks-shapes.et-fb .slant-right-bottom:hover:before,
.divi-hacks-shapes.et-fb .slant-left-top:hover:before,
.divi-hacks-shapes.et-fb .slant-left-bottom:hover:before,
.divi-hacks-shapes.et-fb .vertical-hexagon:hover:before,
.divi-hacks-shapes.et-fb .horizonal-hexagon:hover:before,
.divi-hacks-shapes.et-fb .star:hover:before {
    z-index: -1;
}

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .divi-hacks-shapes .wide-bottom-trapezoid:before,
 .divi-hacks-shapes .wide-top-trapezoid:before,
 .divi-hacks-shapes .wide-left-trapezoid:before,
 .divi-hacks-shapes .wide-right-trapezoid:before,
  .divi-hacks-shapes .vertical-hexagon:before,
 .divi-hacks-shapes .horizontal-hexagon:before,
 .divi-hacks-shapes .vertical-skew-right:before,
 .divi-hacks-shapes .vertical-skew-left:before,
 .divi-hacks-shapes .horizontal-skew-right:before,
 .divi-hacks-shapes .horizontal-skew-left:before,
 .divi-hacks-shapes .chevron-right:before,
 .divi-hacks-shapes .chevron-left:before,
 .divi-hacks-shapes .chevron-up:before,
 .divi-hacks-shapes .chevron-down:before,
 .divi-hacks-shapes .point-left:before,
 .divi-hacks-shapes .point-right:before,
 .divi-hacks-shapes .point-up:before,
 .divi-hacks-shapes .point-down:before,
 .divi-hacks-shapes .speech-bubble-right:before,
 .divi-hacks-shapes .speech-bubble-left:before,
 .divi-hacks-shapes .speech-bubble-left-top:before,
 .divi-hacks-shapes .speech-bubble-left-bottom:before,
 .divi-hacks-shapes .speech-bubble-right-top:before,
 .divi-hacks-shapes .speech-bubble-right-bottom:before,
 .divi-hacks-shapes .warp-square:before,
 .divi-hacks-shapes .diamond:before,
 .divi-hacks-shapes .star:before,
 .divi-hacks-shapes .slant-up-right:before,
 .divi-hacks-shapes .slant-up-left:before,
 .divi-hacks-shapes .slant-down-right:before,
 .divi-hacks-shapes .slant-down-left:before,
 .divi-hacks-shapes .slant-right-top:before,
 .divi-hacks-shapes .slant-right-bottom:before,
 .divi-hacks-shapes .slant-left-top:before,
 .divi-hacks-shapes .slant-left-bottom:before,
 .divi-hacks-shapes .polygon-top-left:before,
 .divi-hacks-shapes .polygon-top-right:before,
 .divi-hacks-shapes .polygon-bottom-left:before,
 .divi-hacks-shapes .polygon-bottom-right:before {
    display:none !important;
  }
}
.divi-hacks-shapes .et_pb_row {
    overflow: visible;
}
.divi-hacks-shapes .wide-bottom-trapezoid,
 .divi-hacks-shapes .wide-top-trapezoid,
 .divi-hacks-shapes .wide-left-trapezoid,
 .divi-hacks-shapes .wide-right-trapezoid,
  .divi-hacks-shapes .vertical-hexagon,
 .divi-hacks-shapes .horizontal-hexagon,
 .divi-hacks-shapes .vertical-skew-right,
 .divi-hacks-shapes .vertical-skew-left,
 .divi-hacks-shapes .horizontal-skew-right,
 .divi-hacks-shapes .horizontal-skew-left,
 .divi-hacks-shapes .chevron-right,
 .divi-hacks-shapes .chevron-left,
 .divi-hacks-shapes .chevron-up,
 .divi-hacks-shapes .chevron-down,
 .divi-hacks-shapes .point-left,
 .divi-hacks-shapes .point-right,
 .divi-hacks-shapes .point-up,
 .divi-hacks-shapes .point-down,
 .divi-hacks-shapes .speech-bubble-right,
 .divi-hacks-shapes .speech-bubble-left,
 .divi-hacks-shapes .speech-bubble-left-top,
 .divi-hacks-shapes .speech-bubble-left-bottom,
 .divi-hacks-shapes .speech-bubble-right-top,
 .divi-hacks-shapes .speech-bubble-right-bottom,
 .divi-hacks-shapes .warp-square,
 .divi-hacks-shapes .diamond,
 .divi-hacks-shapes .star,
 .divi-hacks-shapes .slant-up-right,
 .divi-hacks-shapes .slant-up-left,
 .divi-hacks-shapes .slant-down-right,
 .divi-hacks-shapes .slant-down-left,
 .divi-hacks-shapes .slant-right-top,
 .divi-hacks-shapes .slant-right-bottom,
 .divi-hacks-shapes .slant-left-top,
 .divi-hacks-shapes .slant-left-bottom,
 .divi-hacks-shapes .polygon-top-left,
 .divi-hacks-shapes .polygon-top-right,
 .divi-hacks-shapes .polygon-bottom-left,
 .divi-hacks-shapes .polygon-bottom-right {
  position:relative !important;
  overflow:visible !important;
}
.divi-hacks-shapes .polygon-top-left:before {
    content: '';
    position:absolute;
    top:-12.5%;
    left:-11.5%;
    background:inherit;
    width:calc(100% + 25%);
    height:calc(100% + 25%);
    -webkit-clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
    clip-path: polygon(0 0, 100% 9%, 90% 90%, 10% 100%);
}
.divi-hacks-shapes .polygon-bottom-left:before {
    content: '';
    position:absolute;
    bottom:-12.5%;
    left:-11.5%;
    background:inherit;
    width:calc(100% + 25%);
    height:calc(100% + 25%);
   -webkit-clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
  clip-path: polygon(10% 0, 89% 9%, 100% 90%, 0 100%);
}
.divi-hacks-shapes .polygon-top-right:before {
    content: '';
    position:absolute;
    top:-12.5%;
    right:-11.5%;
    background:inherit;
    width:calc(100% + 25%);
    height:calc(100% + 25%);
  -webkit-clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
  clip-path: polygon(0 10%, 100% 0, 90% 100%, 10% 90%);
}
.divi-hacks-shapes .polygon-bottom-right:before {
    content: '';
    position:absolute;
    bottom:-12.5%;
    right:-11.5%;
    background:inherit;
    width:calc(100% + 25%);
    height:calc(100% + 25%);
    -webkit-clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
  clip-path: polygon(10% 10%, 90% 0, 100% 100%, 0 90%);
}
.divi-hacks-shapes .slant-right-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    width: calc(100% + 25%);
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
}
.divi-hacks-shapes .slant-right-bottom:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    width: calc(100% + 25%);
    height: 100%;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
.divi-hacks-shapes .slant-left-top:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: inherit;
    width: calc(100% + 25%);
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.divi-hacks-shapes .slant-left-bottom:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: inherit;
    width: calc(100% + 25%);
    height: 100%;
    -webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-shapes .slant-up-right:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: inherit;
    width: 100%;
    height: calc(100% + 25%);
    -webkit-clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 100%);
}
.divi-hacks-shapes .slant-up-left:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: inherit;
    width: 100%;
    height: calc(100% + 25%);
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
}
.divi-hacks-shapes .slant-down-right:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    width: 100%;
    height: calc(100% + 25%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}
.divi-hacks-shapes .slant-down-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: inherit;
    width: 100%;
    height: calc(100% + 25%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}
.divi-hacks-shapes .star:before {
  content:'';
  position:absolute;
  top:-70%;
  left:-60%;
  background:inherit;
  width:calc(100% + 120%);
  height:calc(100% + 140%);
  -webkit-clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
  clip-path: polygon(50% 0%, 66% 26%, 98% 35%, 78% 57%, 79% 91%, 50% 80%, 21% 91%, 22% 57%, 2% 35%, 34% 26%);
}
.divi-hacks-shapes .diamond:before {
  content:'';
  position:absolute;
  top:-40%;
  left:-40%;
  background:inherit;
  width:calc(100% + 80%);
  height:calc(100% + 80%);
  -webkit-clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
  clip-path: polygon(50% 15%, 85% 50%, 50% 85%, 15% 50%);
}
.divi-hacks-shapes .warp-square:before {
  content:'';
  position:absolute;
  top:-15%;
  left:-10%;
  background:inherit;
  width:calc(100% + 20%);
  height:calc(100% + 30%);
  -webkit-clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
  clip-path: polygon(0 0, 5% 50%, 0 100%, 50% 90%, 100% 100%, 95% 50%, 100% 0, 50% 10%);
}
.divi-hacks-shapes .speech-bubble-right-bottom:before {
  -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0);
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  content: '';
  position:absolute;
  top:65%;
  right: 18%;
  background:inherit;
  width:20%;
  height:55%;
}
.divi-hacks-shapes .speech-bubble-right-top:before {
  -webkit-clip-path: polygon(100% 100%, 50% 0, 0 100%);
  clip-path: polygon(100% 100%, 50% 0, 0 100%);
  content: '';
  position:absolute;
  bottom:65%;
  right: 18%;
  background:inherit;
  width:20%;
  height:55%;
}
.divi-hacks-shapes .speech-bubble-left-bottom:before {
  -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0);
  clip-path: polygon(100% 0, 50% 100%, 0 0);
  content: '';
  position:absolute;
  top:65%;
  left: 18%;
  background:inherit;
  width:20%;
  height:55%;
}
.divi-hacks-shapes .speech-bubble-left-top:before {
  -webkit-clip-path: polygon(100% 100%, 50% 0, 0 100%);
  clip-path: polygon(100% 100%, 50% 0, 0 100%);
  content: '';
  position:absolute;
  bottom:65%;
  left: 18%;
  background:inherit;
  width:20%;
  height:55%;
}
.divi-hacks-shapes .speech-bubble-right:before {
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  content: '';
  position:absolute;
  top:25%;
  left: 90%;
  background:inherit;
  width:20%;
  height:50%;
}
.divi-hacks-shapes .speech-bubble-left:before {
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 50%);
  clip-path: polygon(100% 100%, 100% 0, 0 50%);
  content: '';
  position:absolute;
  top:25%;
  right: 90%;
  background:inherit;
  width:20%;
  height:50%;
}
.divi-hacks-shapes .point-left:before {
  content:'';
  position:absolute;
  top:0;
  left:-20%;
  background:inherit;
  width:calc(100% + 20%);
  height:100%;
  -webkit-clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
  clip-path: polygon(14% 0, 100% 1%, 100% 100%, 14% 100%, 0% 50%);
}
.divi-hacks-shapes .point-right:before {
  content:'';
  position:absolute;
  top:0;
  right:-20%;
  background:inherit;
  width:calc(100% + 20%);
  height:100%;
  -webkit-clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
  clip-path: polygon(0 0, 86% 0, 100% 50%, 86% 100%, 0 100%);
}
.divi-hacks-shapes .point-up:before {
  content:'';
  position:absolute;
  top:-20%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 20%);
  -webkit-clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
  clip-path: polygon(0 16%, 50% 0, 100% 16%, 100% 100%, 0 100%);
}
.divi-hacks-shapes .point-down:before {
  content:'';
  position:absolute;
  bottom:-20%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 20%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
  clip-path: polygon(0 0, 100% 0, 100% 84%, 50% 100%, 0 84%);
}
.divi-hacks-shapes .chevron-up:before {
  content:'';
  position:absolute;
  top:-20%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 40%);
  -webkit-clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
  clip-path: polygon(50% 0, 100% 14%, 100% 100%, 50% 86%, 0 100%, 0 14%);
}
.divi-hacks-shapes .chevron-down:before {
  content:'';
  position:absolute;
  top:-20%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 40%);
  -webkit-clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
  clip-path: polygon(50% 14%, 100% 0, 100% 86%, 50% 100%, 0 86%, 0 0);
}
.divi-hacks-shapes .chevron-right:before {
  content: '';
    position: absolute;
    top: 0;
    left: -20%;
    background: inherit;
    width: calc(100% + 40%);
    height: 100%;
    -webkit-clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
    clip-path: polygon(86% 0, 100% 50%, 86% 100%, 0% 100%, 14% 50%, 0% 0%);
}
.divi-hacks-shapes .chevron-left:before {
  content:'';
  position:absolute;
  top:0;
  left:-20%;
  background:inherit;
  width:calc(100% + 40%);
  height:100%;
  -webkit-clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
  clip-path: polygon(100% 0, 86% 50%, 100% 100%, 14% 100%, 0 50%, 14% 0);
}
.divi-hacks-shapes .wide-bottom-trapezoid:before {
  content:'';
  position:absolute;
  top:0;
  left:-5%;
  background:inherit;
  width:calc(100% + 10%);
  height:100%;
  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
}
.divi-hacks-shapes .wide-top-trapezoid:before {
  content:'';
  position:absolute;
  top:0;
  left:-5%;
  background:inherit;
  width:calc(100% + 10%);
  height:100%;
  -webkit-clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
  clip-path: polygon(0% 0, 100% 0, 96% 100%, 4% 100%);
}
.divi-hacks-shapes .wide-right-trapezoid:before {
  content:'';
  position:absolute;
  top:-7%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 14%);
  -webkit-clip-path: polygon(0% 4%, 100% 0, 100% 100%, 0% 96%);
  clip-path: polygon(0% 6%, 100% 0, 100% 100%, 0% 94%);
}
.divi-hacks-shapes .wide-left-trapezoid:before {
  content:'';
  position:absolute;
  top:-7%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 14%);
  -webkit-clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 6%, 100% 94%, 0% 100%);
}
.divi-hacks-shapes .vertical-hexagon:before {
  content:'';
  position:absolute;
  top:-10%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 20%);
  -webkit-clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
  clip-path: polygon(50% 0%, 100% 8%, 100% 92%, 50% 100%, 0 92%, 0 8%);
}
.divi-hacks-shapes .horizontal-hexagon:before {
  content:'';
  position:absolute;
  top:0;
  left:-10%;
  background:inherit;
  width:calc(100% + 20%);
  height:100%;
  -webkit-clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
  clip-path: polygon(92% 0, 100% 50%, 92% 100%, 8% 100%, 0 50%, 8% 0);
}
.divi-hacks-shapes .vertical-skew-right:before {
  content:'';
  position:absolute;
  top:0;
  left:-10%;
  background:inherit;
  width:calc(100% + 20%);
  height:100%;
  -webkit-clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
  clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
}
.divi-hacks-shapes .vertical-skew-left:before {
  content:'';
  position:absolute;
  top:0;
  left:-10%;
  background:inherit;
  width:calc(100% + 20%);
  height:100%;
  -webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
  clip-path: polygon(0 0, 92% 0, 100% 100%, 8% 100%);
}
.divi-hacks-shapes .horizontal-skew-right:before {
  content:'';
  position:absolute;
  top:-10%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 20%);
  -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
  clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 92%);
}
.divi-hacks-shapes .horizontal-skew-left:before {
  content:'';
  position:absolute;
  top:-10%;
  left:0;
  background:inherit;
  width:100%;
  height:calc(100% + 20%);
  -webkit-clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
  clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
}