@charset "utf-8";

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

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

	.shape-slant_transp-bottom {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
	}

	.shape-arrow {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
	transform: rotate(180deg);
	z-index: 10000;
	}
	
	/* -------------- SHAPE DIMENSIONS ------------ */
	.shape_page-top svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 60px;
		transform: rotateY(180deg);
	}
	
	.shape-slant_transp-top svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 60px;
		transform: rotateY(180deg);
	}	
	
	.shape-slant_transp-bottom svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 140px;
		transform: rotateY(180deg);
	}	

	.shape-arrow svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 30px;
	}
	/* ------ END shape dimensions ------- */
	
	
	/** SHAPES for large devices **/
	@media (min-width: 660px) {
		.shape_page-top svg {
			width: calc(100% + 1.3px);
			height: 90px;
		}

		.shape-slant_transp-top svg {
			width: calc(100% + 1.3px);
			height: 120px;
		}	

		.shape-slant_transp-bottom svg {
			width: calc(100% + 1.3px);
			height: 150px;
		}	


		.shape-arrow svg {
			width: calc(100% + 1.3px);
			height: 48px;
		}
	}