@charset "utf-8";
/* CSS Document */

	
	.shape-wave_transparent-top {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		transform: rotate(180deg);
		/* [disabled]z-index: 5000; */
	}

	.shape-wave_transparent-top svg {
		position: relative;
		display: block;
		width: calc(100% + 1.3px);
		height: 35px;
		transform: rotateY(180deg);
	}

	
	/* bottom */
	.shape-divider-top-bottom svg {
		display: block;
        position: absolute;
        top: -2px;
        left: 0;
        width: 100%;
        overflow: hidden;
	}

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

    .shape-header-hero-top svg {
        position: relative;
        display: block;
        
        /* below is needed to create arrow shape */
        /*width: calc(100% + 1.3px);
        height: 46px;
        transform: rotateY(180deg);*/
    }

    .shape-divider-top svg {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    }

    .shape-content {
        bottom: -2px;
    }
    .shape-slider {
    bottom: -10px;
    }
	

    @media (min-width: 660px) {    
        .shape-slider {
            bottom: -16px;
        }
    }

    @media (min-width: 1000px) {    
        .shape-slider {
            bottom: -30px;
        }
    }

    }