/**/
body.siteorigin-panels {
	overflow: hidden;
}

.vc_row[data-vc-full-width] {}
.txo-shape-devider {
	position: relative;
}


/* Triangles 
.ss-style-triangles {
	z-index: 10;
  	left: 50%;
	position: absolute;
	margin-top: -100px;
  	-webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
	
  	width: 0; 
  	height: 0; 
  	border-left: 100px solid transparent;
  	border-right: 100px solid transparent;  
  	border-bottom: 100px solid black;			
}
*/
/**/
.ss-style-triangles::before,
.ss-style-triangles::after {
  	left: 50%;
  	width: 100px;
  	height: 100px;
  	-webkit-transform: translateX(-50%) rotate(45deg);
  	transform: translateX(-50%) rotate(45deg);

	content: '';
	position: absolute;
}

.ss-style-triangles::before {
  top: -50px;
  background-color: #83b735;
}

.ss-style-triangles::after {
  bottom: -50px;
  z-index: 10;
  background: inherit;
}

/* Double Diagonal line */
.ss-style-doublediagonal {
	z-index: 1;
	padding-top: 0px;
	position: relative;
	height: 100px;
	margin-top: -100px;
	
	width: 160%;
	margin-left: -30%;
}

.ss-style-doublediagonal::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: #83b735;
	-webkit-clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0%, 0% 100%, 100% 100%);    
}

.ss-style-doublediagonal::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: #649f0c;
	-webkit-clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
	clip-path: polygon(100% 24%, 0% 100%, 100% 100%);
}

/* Half Circle */
.ss-style-halfcircle::before,
.ss-style-halfcircle::after {
  left: 50%;
  z-index: 10;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: inherit;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ss-style-halfcircle::before {
  top: -50px;
}

.ss-style-halfcircle::after {
  bottom: -50px;
}

/*********** Big Triangle ***********/
svg#bigTriangleColor {
  pointer-events: none;
  position: absolute;
  top: 0px;
  z-index: 1;
  height: 100px;
  width: 160%;
  left: -30%;
}

#bigTriangleColor path {
  fill: #005c5c;
}

.txo-bigtriangle-up {
	background-color: #090;
	height: 60px;
	-webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0 100%, 100% 100%);
	width: 160%;
	margin-left: -30%;
	
	position: absolute;
	left: 0%;	
}

.txo-bigtriangle-dn {
	background-color: #090;
	height: 60px;
	/* polygon(top-corner left, top-corner top, left-corner left, left-corner top, right-corner left, right-corner top, )*/	
	-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width: 160%;
	margin-left: -30%;
		
	position: absolute;
	left: 0%;		
}

/* Curves */

#curveUpColor,
#curveDownColor {
	display: block;
	position: absolute;
	width: 160%;
	margin-left: -30%;
	z-index: 1;
	margin-top: -100px;
	padding: 0px;
}

#curveUpColor path,
#curveDownColor path {
	fill: #005c5c;
	stroke: #005c5c;
	margin: 0px;
}

/* Multiple Triangles */
.ss-style-multitriangles::before,
.ss-style-multitriangles::after {
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.ss-style-multitriangles::before {
  top: -25px;
  background: inherit;
  box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
}

.ss-style-multitriangles::after {
  bottom: -25px;
  z-index: 10;
  background: inherit;
  box-shadow: -50px 50px 0 #005c5c, 50px -50px 0 #005c5c;
}

/* Rounded corners */
.ss-style-roundedcorners::before {
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  border-radius: 0 0 60px 60px;
  background: inherit;
}

/* Rounded center split and bottom rounded */
.ss-style-roundedsplit {
  padding-top: 7em;
  border-radius: 0 0 80px 80px;
}

.ss-style-roundedsplit::before,
.ss-style-roundedsplit::after {
  top: -70px;
  left: 0;
  z-index: 10;
  width: 50%;
  height: 70px;
  background: inherit;
}

.ss-style-roundedsplit::before {
  border-radius: 0 80px 0 0;
}

.ss-style-roundedsplit::after {
  left: 50%;
  border-radius: 80px 0 0 0;
}

/* Inverted rounded corners */
.ss-style-invertedrounded {
  margin-bottom: 90px;
  padding: 13em 10% 10em;
  border-radius: 0 0 0 90px;
}

.ss-style-invertedrounded::before,
.ss-style-invertedrounded::after {
  left: 0;
  z-index: -1;
  height: 90px;
  background: #005c5c;
}

.ss-style-invertedrounded::before {
  top: 100%;
  width: 100%;
  border-radius: 0 90px 0 0;
}

.ss-style-invertedrounded::after {
  bottom: 0;
  z-index: -1;
  width: 50%;
}

/* Zig Zag (3d up and simple down) */
.ss-style-zigzag::before,
.ss-style-zigzag::after {
  right: 0;
  left: 0;
  z-index: 10;
  display: block;
  height: 90px;
  background-size: 50px 100%;
}

.ss-style-zigzag::before {
  top: -90px;
  background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, transparent), color-stop(0.25, #005c5c));
  background-image: linear-gradient(315deg, #007676 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%);
  background-position: 50%;
}

.ss-style-zigzag::after {
  top: 100%;
  background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #005c5c), color-stop(0.25, teal));
  background-image: linear-gradient(135deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(225deg, #005c5c 25%, rgba(0, 0, 0, 0) 25%);
  background-position: 50%;
}

/* Edges */
.ss-style-roundedges {
  padding-bottom: 16em;
}

.ss-style-roundedges::before,
.ss-style-roundedges::after {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: teal;
  top: -100px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ss-style-roundedges::before {
  left: -100px;
}

.ss-style-roundedges::after {
  right: -100px;
}

/* Slit */
.ss-style-slit {
  padding-top: 5em;
}

.ss-style-slit::before,
.ss-style-slit::after {
  width: 50.5%;
  width: -webkit-calc(50% + 10px);
  width: -moz-calc(50% + 10px);
  width: calc(50% + 10px);
  height: 160px;
  background: teal;
  top: -160px;
}

.ss-style-slit::before {
  left: -20px;
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
  box-shadow: -10px -20px #005757;
}

.ss-style-slit::after {
  right: -20px;
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  box-shadow: 10px -20px #005757;
}

/* Big half circle */
#bigHalfCircle path {
  fill: #005c5c;
  stroke: #005c5c;
}

/* Big triangle with shadow */
#bigTriangleShadow {
	display: block;
	position: absolute;
	width: 160%;
	margin-left: -30%;
	z-index: 1;
	margin-top: -100px;
	padding: 0px;
}	
#trianglePath1 {
  fill: #005c5c;
  stroke: #005c5c;
}

#trianglePath2 {
  fill: #003e3e;
  stroke: #003e3e;
}

/* Inclined Zig Zag */
.ss-style-inczigzag::before,
.ss-style-inczigzag::after {
  left: 0;
  width: 100%;
  height: 50px;
  background-size: 100px 100%;
}

.ss-style-inczigzag::before {
  top: 0;
  background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #004848), color-stop(0.5, #005c5c));
  background-image: linear-gradient(15deg, #005c5c 50%, #008080 50%);
}

.ss-style-inczigzag::after {
  bottom: 0;
  background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #005c5c), color-stop(0.5, teal));
  background-image: linear-gradient(15deg, #008080 50%, #005c5c 50%);
}

/* Clouds */
#clouds path {
  fill: #ecf0f1;
  stroke: #ecf0f1;
}

.clouds {
  background: #ecf0f1;
}
.clouds p {
  color: #333;
}
.clouds a {
  color: #004d4d;
  text-decoration: none;
}
.clouds a:hover {
  color: black;
}

/* Media Queries for the layout */
@media screen and (max-width: 68em) {
}
@media screen and (max-width: 54em) {
}