/*
https://www.shapedivider.app/
Make SVG shape 1 pixel taller than container to remove line
*/


/* SHAPES */
	.shape-bg_clr-1 {
		fill: #fff;
	}
	.shape-bg_clr-2 {
		fill: #3B5CAA;
	}	
	.shape-bg_clr-3 {
		fill: #FEBE40;
	}		
	
	.shape_page-top {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		line-height: 0;
		width: 100%;
		transition: 1s;
		z-index: 100;		
	}

	.shape_transp-top {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	z-index: 100;
	/* [disabled]background-color: #ccc; */
	}

	.shape_transp-bottom {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		line-height: 0;
		width: 100%;
		transform: rotate(180deg);
		z-index: 10;
	}

	.shape-arrow {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		transform: rotate(180deg);
		z-index: 10000;
	}
	
	.shape-round {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
	z-index: 10;
	}
	
	.shape_page-top svg {
		position: relative;
		display: block;
		width: 100%;
		transform: rotateY(180deg);
	}
	
	.shape_transp-top svg {
		position: relative;
		display: block;
		width: 100%;
		transform: rotateY(180deg);
	}
	
	.shape_transp-bottom svg {
		position: relative;
		display: block;
		width: 100%;
		transform: rotateY(180deg);
	}	
	
	.shape-arrow svg {
		position: relative;
		display: block;
		width: 100%;
	}
	
	.shape-arrow svg {
		position: relative;
		display: block;
		width: 100%;
	}
	
	.shape-round svg {
		position: relative;
		display: block;
		width: 100%;
	}	
	
	/** SHAPE DIMENSIONS for mobile devices **/
	.shape_page-top {
		height: 120px;
	}
	.shape_page-top svg {
		height: 120px;
	}
	
	.shape_transp-top {
		height: 20px;
	}
	.shape_transp-top svg {
		height: 21px;
	}
	
	.shape_transp-bottom {
	height: 20px;
	}
	.shape_transp-bottom svg {
		height: 21px;
	}
	
	.shape-arrow {
		height: 50px;
	}
	.shape-arrow svg {
		height: 30px;
	}
	
	.shape-round {
		height: 70px;
	}
	.shape-round svg {
		height: 60px;
	}	
	
	/** SHAPE DIMENSIONS for large devices **/
	@media (min-width: 660px) {	
		.shape_page-top {
			height: 140px;
		}
		.shape_page-top svg {
			height: 140px;
		}
		
		.shape_transp-top {
			height: 30px;
		}	
		.shape_transp-top svg {
			height: 31px;
		}	

		.shape_transp-bottom {
			height: 30px;
		}
		.shape_transp-bottom svg {
			height: 31px;
		}

		.shape-arrow {
			height: 70px;
		}
		.shape-arrow svg {
			height: 40px;
		}
		
		.shape-round {
			height: 100px;
		}
		.shape-round svg {
			height: 100px;
		}	
	}