.containerseparators {
	overflow: hidden;
	/* we don't want the pseudo-elements sticking out */
}

.containerseparators svg {
	display: block;
}

.text:first-child {
	text-align: right;
}

.text:nth-child(2) {
	text-align: left;
}

.col-2 .column {
	width: 49%;
}

.col-3 .column {
	padding: 0 1%;
	width: 33%;
	text-align: center;
}

.col-3 .column p {
	padding: 1.4em;
}

.column {
	display: inline-block;
	vertical-align: top;
}

.icon {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background: rgba(0,0,0,0.1);
	color: #fff;
	text-align: center;
	font-size: 8em;
	line-height: 2em;
	margin: 0 auto;
}

.gray.lighten-1 {
	background: #fff;
}

.gray.lighten-2 {
	background: #e9e9e9;
}

.gray.lighten-3 {
	background: #c6c6c6;
}

.gray.lighten-4 {
	background: #9d9d9d;
}

.gray.lighten-5 {
	background: #706f6f;
}

.blue.lighten-1 {
	background: #3795d2;
}

.blue.lighten-2 {
	background: #2980b9;
}

.blue.lighten-3 {
	background: #116094;
}

.blue.lighten-4 {
	background :#014e8b;
}

.blue.lighten-5 {
	background: #20408b;
}

.blue.lighten-6 {
	background: #011f4b;
}

.blue.lighten-7 {
	background: #1d2345;
}

.wine.lighten-1 {
	background: #c65d72;
}

.wine.lighten-2 {
	background: #c63b55;
}

.wine.lighten-3 {
	background: #992c46;
}

.green.lighten-1 {
	background: #a6d2ab;
}

.green.lighten-2 {
	background: #86bc91;
}

.green.lighten-3 {
	background: #6ea778;
}

.yellow.lighten-1 {
	background: #fac900;
}

.purple.lighten-1{
	background: #5058b1;
}

/* Triangles */
.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);
}

.ss-style-triangles::before {
	top: -50px;
	background: #1d2345;
	z-index: 1;
}

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

/* Double Diagonal line */

.ss-style-doublediagonal {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.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;
}

.ss-style-doublediagonal::before {
	height: 50%;
	background: #c63b55;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}

/* Double Diagonal line1 */

.ss-style-doublediagonal1 {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.ss-style-doublediagonal1::before,
.ss-style-doublediagonal1::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: 35% 0;
}

.ss-style-doublediagonal1::before {
	height: 50%;
	background: #4bb0e4;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: -2% 0;
	transform-origin: 0 0;
}

/* Double Diagonal line2 */

.ss-style-doublediagonal2 {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.ss-style-doublediagonal2::before,
.ss-style-doublediagonal2::after {
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	height: 75%;
	background: inherit;
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 50px 0;
}

.ss-style-doublediagonal2::before {
	height: 50%;
	background: #c63b55;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}

/* Double Diagonal line3 */

.ss-style-doublediagonal3 {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.ss-style-doublediagonal3::before,
.ss-style-doublediagonal3::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;
}

.ss-style-doublediagonal3::before {
	height: 50%;
	background: #fff;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-webkit-transform-origin: 3% 0;
	transform-origin: 3% 0;
}

/* Double Diagonal line4 */

.ss-style-doublediagonal4 {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.ss-style-doublediagonal4::before,
.ss-style-doublediagonal4::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: 35% 0;
}

.ss-style-doublediagonal4::before {
	height: 50%;
	background: #c63b55;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: -2% 0;
	transform-origin: 0 0;
}

/* Double Diagonal line5 */

.ss-style-doublediagonal5 {
	z-index: 1;
	padding-top: 6em;
	/* background: #3795d2; */
}

.ss-style-doublediagonal5::before,
.ss-style-doublediagonal5::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: 45% 0;
}

.ss-style-doublediagonal5::before {
	height: 50%;
	background: #4bb0e4;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
	-webkit-transform-origin: 2% 0;
	transform-origin: 85% 0;
}

/* 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;
}

#bigTriangleColor path {
	fill: #1d2345;
	stroke: #1d2345;
	stroke-width: 2;
}

#bigTriangleColor1 path {
	fill: #2980b9;
	stroke: #2980b9;
	stroke-width: 2;
}

/* Curves */
#curveUpColor path,
#curveDownColor path {
	fill: #fff;
	stroke: #fff;
}

/* Curves1 */
#curveUpColor1 path,
#curveDownColor1 path {
	fill: #116094;
	stroke: #116094;
}

/* Curves2 */
#curveUpColor2 path,
#curveDownColor2 path {
	fill: #1d2345;
	stroke: #1d2345;
}

/* Curves3 */
#curveUpColor3 path,
#curveDownColor3 path {
	fill: #1d2345;
	stroke: #1d2345;
}

/* 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 #3498db, 50px -50px 0 #3498db;
}

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

/* 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: #fff;
}

.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%;
}

/* Boxes */
.ss-style-boxes {
	padding-top: 4em;
	padding-bottom: 13em;
}

.ss-style-boxes::before {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-image: -webkit-gradient(linear, 100% 0, 0 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9));
	background-image: linear-gradient(to right, #3498db 50%, #2980b9 50%);
	-webkit-background-size: 130px 100%;
	background-size: 130px 100%;
}

/* 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, #3498db));
	background-image:
		linear-gradient(315deg, #3093d5 25%, transparent 25%),
		linear-gradient( 45deg, #3498db 25%, transparent 25%);
	background-position: 50%;
}

.ss-style-zigzag::after {
	top: 100%;
	background-image: -webkit-gradient(linear, 0 0, 300% 100%, color-stop(0.25, #3498db), color-stop(0.25, #2980b9));
	background-image: 
		linear-gradient(135deg, #3498db 25%, transparent 25%),
		linear-gradient(225deg, #3498db 25%, transparent 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: #2980b9;
	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: #2980b9;
	top: -160px;
}

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

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

/* Big half circle */
#bigHalfCircle path {
	fill: #3498db;
	stroke: #3498db;
}

/* Big triangle with shadow */

#trianglePath1 {
	fill: #1d2345;
	/* stroke: #1d2345; */
} 

#trianglePath2 {
	fill: #c63b55;
	/* stroke: #c63b55; */
}

/* 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, #2980b9), color-stop(0.5, #3498db));
	background-image: linear-gradient(15deg, #3498db 50%, #2980b9 50%);
}

.ss-style-inczigzag::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3498db), color-stop(0.5, #2980b9));
	background-image: linear-gradient(15deg, #2980b9 50%, #3498db 50%);
}

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

.ss-style-inczigzag1::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #1d2345 50%, #38afff 50%);
}

.ss-style-inczigzag1::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
}

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

.ss-style-inczigzag2::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #fff), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #38afff 50%, #fff 50%);
}

.ss-style-inczigzag2::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
}

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

.ss-style-inczigzag3::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #38afff 50%, #2980b9 50%);
}

.ss-style-inczigzag3::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #fff 50%);
}

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

.ss-style-inczigzag4::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #c63b55));
	background-image: linear-gradient(0deg, #c63b55 50%, #2980b9 50%);
}

.ss-style-inczigzag4::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
}

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

.ss-style-inczigzag5::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3795d2), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #38afff 50%, #3795d2 50%);
}

/* .ss-style-inczigzag5::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag6::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #fff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #fff 50%, #fff 50%);
}

/* .ss-style-inczigzag6::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag7::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #e9e9e9));
	background-image: linear-gradient(0deg, #e9e9e9 50%, #38afff 50%);
}

.ss-style-inczigzag7::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #e9e9e9 50%);
}

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

.ss-style-inczigzag8::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #fff), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #fff 50%, #3795d2 50%);
}

/* .ss-style-inczigzag8::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag9::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3795d2), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #fff 50%, #3795d2 50%);
}

/* .ss-style-inczigzag9::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag10::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #1d2345), color-stop(0.5, #e9e9e9));
	background-image: linear-gradient(0deg, #e9e9e9 50%, #1d2345 50%);
}

.ss-style-inczigzag10::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #e9e9e9 50%);
}

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

.ss-style-inczigzag11::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #116094));
	background-image: linear-gradient(0deg, #116094 50%, #38afff 50%);
}

/* .ss-style-inczigzag11::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #e9e9e9 50%);
} */

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

.ss-style-inczigzag12::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #c6c6c6), color-stop(0.5, #c63b55));
	background-image: linear-gradient(0deg, #c6c6c6 50%, #c63b55 50%);
}

/* .ss-style-inczigzag12::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag13::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #fff), color-stop(0.5, #3795d2));
	background-image: linear-gradient(0deg, #fff 50%, #3795d2 50%);
}

/* .ss-style-inczigzag13::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag14::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #c63b55));
	background-image: linear-gradient(0deg, #2980b9 50%, #c63b55 50%);
}

/* .ss-style-inczigzag14::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag15::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #e9e9e9), color-stop(0.5, #2980b9));
	background-image: linear-gradient(0deg, #e9e9e9 50%, #2980b9 50%);
}

/* .ss-style-inczigzag15::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag16::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #1d2345), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #fff 50%, #1d2345 50%);
}

/* .ss-style-inczigzag16::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #e9e9e9 50%);
} */

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

.ss-style-inczigzag17::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #e9e9e9), color-stop(0.5, #c63b55));
	background-image: linear-gradient(0deg, #e9e9e9 50%, #c63b55 50%);
}

/* .ss-style-inczigzag17::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag18::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #2980b9), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #2980b9 50%, #38afff 50%);
}

/* .ss-style-inczigzag18::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag19::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #1d2345), color-stop(0.5, #38afff));
	background-image: linear-gradient(0deg, #1d2345 50%, #38afff 50%);
}

/* .ss-style-inczigzag19::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #38afff 50%, #e9e9e9 50%);
} */

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

.ss-style-inczigzag20::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #3795d2), color-stop(0.5, #e9e9e9));
	background-image: linear-gradient(0deg, #e9e9e9 50%, #3795d2 50%);
}

/* .ss-style-inczigzag20::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

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

.ss-style-inczigzag21::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #2980b9));
	background-image: linear-gradient(0deg, #2980b9 50%, #38afff 50%);
}

/* .ss-style-inczigzag21::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */


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

.ss-style-inczigzag22::before {
	top: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #9d9d9d), color-stop(0.5, #fff));
	background-image: linear-gradient(0deg, #fff 50%, #9d9d9d 50%);
}

/* .ss-style-inczigzag22::after {
	bottom: 0;
	background-image: -webkit-gradient(linear, 0 0, 10% 100%, color-stop(0.5, #38afff), color-stop(0.5, #1d2345));
	background-image: linear-gradient(0deg, #38afff 50%, #1d2345 50%);
} */

/* Castle */
.ss-style-castle::before {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 200px 100%;
	top: 0;
	background-image: -webkit-linear-gradient(40deg, #3498db 50%, #2980b9 50%);
	background-image: linear-gradient(40deg, #3498db 50%, #2980b9 50%);
}

/* Castle */
.ss-style-castle::before {
	left: 0;
	width: 100%;
	height: 50px;
	background-size: 200px 100%;
	top: 0;
	background-image: -webkit-linear-gradient(40deg, #3498db 50%, #2980b9 50%);
	background-image: linear-gradient(40deg, #3498db 50%, #2980b9 50%);
}

/* Alternative slit with inner shadow */
#slitPath1 {
	fill: #3498db;
	stroke: red;
	stroke-width: 0;
}

#slitPath2, #slitPath3 {
	fill: #2072a7;
}

/* Folded corner */
.ss-style-foldedcorner::before,
.ss-style-foldedcorner::after {
	bottom: 0;
	width: 100px;
	height: 100px;
}

.ss-style-foldedcorner::before {
	right: 0;
	background-image: -webkit-linear-gradient(top left, #37a2ea 50%, #3498db 50%);
	background-image: linear-gradient(315deg, #3498db 50%, #37a2ea 50%);
}

.ss-style-foldedcorner::after {
	right: 100px;
	background-image: -webkit-linear-gradient(top left, transparent 50%, #236fa1 50%);
	background-image: linear-gradient(315deg, #236fa1 50%, transparent 50%);
}

/* Dots */
.ss-style-dots::before {
	bottom: 20px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #fff;
	box-shadow: 30px 0 #fff, -30px 0 #fff;
}

/* Double Line */
.ss-style-doubleline::before {
	bottom: 30px;
	width: 140px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #2072a7;
	box-shadow: 0 30px 0 #2072a7;
}

/* Cross */
.ss-style-cross {
	padding-bottom: 15em;
}

.ss-style-cross::before,
.ss-style-cross::after {
	background: #2072a7;
	bottom: 70px;
	width: 200px;
	height: 2px;
	left: 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.ss-style-cross::before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.ss-style-cross::after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}

/* Stamp */
#stamp path {
	fill: #3498db;
	stroke: #3498db; /* avoid gap in FF */
}

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

.closer{
	margin-top: -5px;
}

/* Media Queries for the layout */
/* @media screen and (max-width: 68em) {
	section {
		font-size: 80%;
	}
}

@media screen and (max-width: 54em) {
	.column {
		display: block;
		width: 100% !important;
	}

	.text:first-child,
	.text:nth-child(2) {
		text-align: center;
	}

	.icon {
		margin: 0 auto;
	}

	.col-2 .column:first-child .icon {
		margin: 0 auto 50px;
	}

	.col-2 .column:nth-child(2) .icon {
		margin: 50px auto 0;
	}
} */