html, body {
			overflow-x:hidden 
	} 

	.shape-overlay {
			-webkit-clip-path:polygon(0% 0%, 100% 100%, 100% 0%);
			clip-path:polygon(0% 0%, 100% 100%, 100% 0%);
	}
	.shape {
			-webkit-clip-path:polygon(0% 0%, 0 100%, 100% 100%);
			clip-path:polygon(0% 0%, 0 100%, 100% 100%);
	}
	.shape-overlay.white,
	.shape.white {
			background:white;
	}
	.shape-overlay.red,
	.shape.red {
			background:#d80b36;
	}
	.shape-overlay.intro,
	.shape.intro {
			background: #ffffff;
			margin-bottom: -1px;
	}
	.shape-overlay.gray,
	.shape.grey {
			background: #f1f1f1;
			margin-bottom: -1px;
	}
	.shape-overlay.top,
	.shape.top {
			margin-top: -1px;
	}
	.shape-overlay.bottom,
	.shape.bottom {
			margin-bottom: -1px;
	}

	.hexagon2 {
			width: 120px;
			height: 144px;
			top: -72px;
			margin-left: auto;
			margin-right: auto;
	}
	
	@media (min-width: 768px) {
			.hexagon2 {
					width: 150px;
					height: 180px;
					top: -75px;
			}
	}

	@media (min-width: 1024px) {
			.hexagon2 {
					width: 180px;
					height: 216px;
					top: -108px;
			}
	}

	@media (min-width: 1280px) {
			.hexagon2 {
					width: 200px;
					height: 240px;
					top: -120px;
			}
	}

	.hexagon {
			overflow: hidden;
			visibility: hidden;
			-webkit-transform: rotate(120deg);
			-moz-transform: rotate(120deg);
			-o-transform: rotate(120deg);
			-ms-transform: rotate(120deg);
			transform: rotate(120deg);
			cursor: pointer;
	}

	.hexagon-in1 {
			overflow: hidden;
			width: 100%;
			height: 100%;
			-webkit-transform: rotate(-60deg);
			-moz-transform: rotate(-60deg);
			-o-transform: rotate(-60deg);
			-ms-transform: rotate(-60deg);
			transform: rotate(-60deg);
	}

	.hexagon-in2 {
			overflow: hidden;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: 50%;
			-webkit-background-size: 125%;
			-moz-background-size: 125%;
			background-size: 125%;
			visibility: visible;
			-webkit-transform: rotate(-60deg);
			-moz-transform: rotate(-60deg);
			-o-transform: rotate(-60deg);
			-ms-transform: rotate(-60deg);
			transform: rotate(-60deg);
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			-ms-transition: all 0.5s ease;
			transition: all 0.5s ease;
	}

	.text-red {color: #d80b36;}
	.bg-red {background-color: #d80b36;}



	.email-repeat {
					position: fixed;
					top: -500px;
					left: -500px;
	}
	input.validate-error, 
	textarea.validate-error {border: solid 1px #d80b36;}
	label.validate-error {
			color: #d80b36;
			padding: 0.25rem;
			font-size: .75rem;
	}
	
	.bg-gray-200 {
			background-color: #f1f1f1;
	}
	.xs\:bg-gray-200 {
			background-color: #f1f1f1;
	}
	.sm\:bg-gray-200 {
			background-color: #f1f1f1;
	}
	.md\:bg-gray-200 {
			background-color: #f1f1f1;
	}
	.lg\:bg-gray-200 {
			background-color: #f1f1f1;
	}
	.xl\:bg-gray-200 {
			background-color: #f1f1f1;
	}
	@media (max-width: 640px) {
			.bg-white {
					background-color: #ffffff;
			}
	}

	.fix-bottom {margin-bottom: -1px;}