.pl-sn-separator .pl-sn-pad {
  padding: 0;
}
.pl-sn-separator .separator-pad {
    padding: 5em 2em;
}
.z-10{
  z-index: 1;
}

/* gives the section a relative position */
.pl-sn-separator section {
position: relative;
}

/* catches the overflow from after/before */
.pl-sn-separator.region-wrap.pl-region-wrap-template.pl-row.no-pad {
overflow: hidden;
}
/* Triangles */
/* double triangles */
.ss-style-triangles::before, .ss-style-triangles::after {
    left: 50%;
    width: 100px;
    position: absolute;
    height: 100px;
    content: '';
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.ss-style-triangles::after {
    bottom: -50px;
    z-index: 10;
    background: inherit;
  z-index: 10;
}
.ss-style-triangles::before {
    top: -50px;
    background: inherit;
    z-index: 10;
}
/* single */
.ss-style-triangles-top::before, .ss-style-triangles-bottom::after {
    left: 50%;
    width: 100px;
    position: absolute;
    height: 100px;
    content: '';
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

.ss-style-triangles-bottom::after {
    bottom: -50px;
    z-index: 10;
    background: inherit;
  z-index: 10;
}
.ss-style-triangles-top::before {
    top: -50px;
    background: inherit;
    z-index: 10;
}
/*
* Half circle Style
*/
.ss-style-halfcircle::before, .ss-style-halfcircle::after {
    left: 50%;
    z-index: 10;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: '';
    pointer-events: none;
}
.ss-style-halfcircle::before {
    top: -50px;
    background: inherit;
}
.ss-style-halfcircle::after {
    bottom: -50px;
    background: inherit;
}

/* Single */
.ss-style-halfcircle-top::before, .ss-style-halfcircle-bottom::after {
    left: 50%;
    z-index: 10;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    content: '';
    pointer-events: none;
}
.ss-style-halfcircle-top::before {
    top: -50px;
    background: inherit;
}
.ss-style-halfcircle-bottom::after {
    bottom: -50px;
    background: inherit;
}
/*
* Diagonal
*/
.ss-style-doublediagonal::before {
    height: 50%;
    background: inherit;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0;
}
.ss-style-doublediagonal::before, .ss-style-doublediagonal::after {
    top: 0;
    left: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: absolute;
    content: '';
    pointer-events: none;
}
/*
* Big Triangle
*/

.big-triangle:after, .big-triangle:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    z-index: 100;
    border-bottom: 180px solid;
    -moz-transform: rotate(0.000001deg);
    -webkit-transform: rotate(0.000001deg);
    -o-transform: rotate(0.000001deg);
    -ms-transform: rotate(0.000001deg);
    transform: rotate(0.000001deg);
}
.big-triangle:before {
    right: 50%;
    border-right: 1000px solid transparent;
    border-left: 1000px solid;
}
.big-triangle:after {
    left: 50%;
    border-left: 1000px solid transparent;
    border-right: 1000px solid;
}
/*
* Multiple Triangles
*/
/* top */
.ss-style-multitriangles::before {
  display:block;
	position:absolute;
	content:'';
	top: -25px;
	background: inherit;
	box-shadow: -50px 50px 0 , 50px -50px 0;
	left: 50%;
	width: 50px;
	height: 50px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}
/* bottom */
.ss-style-multitriangles-bottom::before{
 display:block;
 position:absolute;
 content:'';
 left: 50%;
 width: 50px;
 height: 50px;
 -webkit-transform: translateX(-50%) rotate(45deg);
 transform: translateX(-50%) rotate(45deg);
 bottom: -25px;
 z-index: 10;
 background: inherit;
 box-shadow: -50px 50px 0 , 50px -50px 0 ;
}

@media (max-width: 768px){
  .no-mobile.ss-style-triangles::before,
  .no-mobile.ss-style-triangles::after,
  .no-mobile.ss-style-triangles-top::before,
  .no-mobile.ss-style-triangles-bottom::after,
  .no-mobile.ss-style-halfcircle::before,
  .no-mobile.ss-style-halfcircle::after,
  .no-mobile.ss-style-halfcircle-top::before,
  .no-mobile.ss-style-halfcircle-bottom::after,
  .no-mobile.ss-style-doublediagonal::before,
  .no-mobile.ss-style-doublediagonal::after,
  .no-mobile.big-triangle:after,
  .no-mobile.big-triangle:before {
    display: none;
  }

}