/**************** default styles ****************/
* {

}

body {
    overflow-x: hidden;
    background-color: #231f20;
}

.clear {
	clear: both;
}


/*********************************************************/

/*@media screen and (min-width: 320px) {*/

	/*** leadsection ***/

	.leadsection {
		width: 100%;
		height: auto;
		padding-bottom: 85%;
		background-image: url('../images/RISE_leadimage_mobile.jpg');
		background-size: 100% auto;
		background-position: 50% 100%;
	}
		.orangepolygonLEAD {
			display: none;
		}
		.leadsection h1 {
			display: none;
		}
		.mobileheader {
			background-color: #fff;
			width: 100%;
			height: auto;
			padding: 14px 12px 12px 12px;
		}
			.mobileheader h1 {
				font-size: 7.5vw;
				line-height: 1em;
			}

	/*** descriptionsection ***/

	.descriptionsection {
		width: 100%;
		height: auto;
		background-image: url('../images/index_description_mobileBG.jpg');
		background-size: 100% auto;
	}
		.descriptiontext {
			width: 100%;
			height: auto;
			padding: 14vw 12vw 14vw 12vw;
		}
			.descriptiontext h2 {
				font-size: 4vw;
			}

	/*** cardsection ***/

	.cardsection {
		width: 100%;
		height: auto;
	}
		.cardscontainer {
			width: 100%;
			height: auto;
		}
			.cardrow {
				width: 100%;
				height: auto;
			}
				.cardimage {
					width: 100%;
					height: 65vw;
					background-repeat: no-repeat;
					overflow-x: hidden;
				}
					.image01 {
						background-image: url('../images/RISE_img01_mobile.jpg');
						background-size: 100% auto;
						background-position: 50%;
					}
					.image02 {
						background-image: url('../images/RISE_img02_mobile.jpg');
						background-size: 100% auto;
						background-position: 50%;
					}
					.image03 {
						background-image: url('../images/RISE_img03_mobile.jpg');
						background-size: 100% auto;
						background-position: 50%;
					}
				.cardtext {
					width: 100%;
					height: auto;
					padding: 14vw 12vw 14vw 12vw;
				}
					.cardtext h2 {
						color: #fff;
						font-size: 9vw;
						line-height: 0.85em;
						margin-bottom: 24px;
					}
						.cardtext p {
							font-size: 5vw;
							line-height: 1.25em;
							margin-bottom: 0px;
						}
					.text01 {
						background-color: #33afc9;
					}
						.text01 h2 {
							width: 50px;
						}
					.text02 {
						background-color: #faa21b;
						background-image: url('../images/blackpolygon.svg');
						background-repeat: no-repeat;
						background-size: 35vw auto;
						background-position: 70vw 65vw;
					}
					.text03 {
						background-color: #33afc9;
						background-image: url('../images/orangepolygon.svg');
						background-repeat: no-repeat;
						background-size: 45vw auto;
						background-position: 65vw 0vw;
					}

	/*** card box shape overlays ***/

	.bluerectangle {
		display: none;
	}
	.blackpolygon1 {
		display: none;
	}
	.orangepolygon1 {
		display: none;
	}
	.orangepolygon2 {
		display: none;
	}
	.orangepolygon3 {
		display: none;
	}

	/*** widesection ***/
  
  	.widesection {
  		width: 100%;
  		height: auto;
  		background-image: url('../images/RISE_widebox_mobile.jpg');
  		background-size: 107% auto;
  		background-position: 50%;
  		background-repeat: no-repeat;
  	}
  		.bluepolygon1 {
  			display: none;
  		}
  		.orangepolygon4 {
  			display: none;
  		}
  		.wideboxtext {
  			padding: 50vw 12vw 14vw 12vw;
  			color: #fff;
  		}
  			.wideboxtext h2 {
				font-size: 9vw;
				line-height: 0.95em;
				margin-bottom: 24px;
				text-shadow: 1px 1px 7px rgba(0,0,0,0.6);
			}
				.wideboxtext p {
					font-size: 5vw;
					line-height: 1.25em;
					margin-bottom: 0px;
				}

	/*** address ***/

	.address {
  		width: 100%;
  		height: auto;
  		background-color: #eb981f;
  		color: #000;
  	}
  		.addresscontainer {
  			width: 100%;
  			height: auto;
  			padding: 14vw 12vw 14vw 12vw;
  			text-align: center;
  		}
  			.addresscontainer h3 {
  				font-weight: 400;
  			}

/*}*/

/*********************************************************/

@media screen and (min-width: 375px) {

	/*** leadsection ***/

	.mobileheader {
		padding: 14px 18px 12px 18px;
	}

	/*****/

}

/*********************************************************/

@media screen and (min-width: 414px) {

	/*** leadsection ***/

	.mobileheader {
		padding: 14px 20px 12px 20px;
	}

	/*****/

}

/*********************************************************/

@media screen and (min-width: 568px) {


}

/*********************************************************/

@media screen and (min-width: 667px) {


}

/*********************************************************/

@media screen and (min-width: 736px) {


}

/*********************************************************/

@media screen and (min-width: 768px) {

	/*** leadsection ***/

	.leadsection {
		position: relative;
		width: 100%;
		height: 55vw;
		background-image: url('../images/RISE_leadimage_wide.jpg');
		background-size: 100% auto;
		background-position: 50% 100%;
		padding: 0;
	}
		.orangeshapeoverlay {
			position: absolute;
			background-image: url('../images/orangepolygon_lead.svg');
			background-repeat: no-repeat;
			background-position: 100% 100%;
			background-size: 65% auto;
			width: 100%;
			height: 55vw;
			mix-blend-mode: multiply;
		}
		.orangepolygonLEAD {
			display: inherit;
			position: relative;
			z-index: 1000;
			mix-blend-mode: multiply;
			width: 61vw;
			height: auto;
			float: right;
			top: 7.6vw;
		}
		.leadsection h1 {
			display: inherit;
			font-size: 3.5vw;
			line-height: 1em;
			width: 22vw;
			padding-top: 21vw;
			margin-left: 7vw;
		}
		.mobileheader {
			display: none;
		}

	/*** descriptionsection ***/

	.descriptionsection {
		width: 100%;
		height: auto;
		background-image: url('../images/index_description_desktopBG.jpg');
		background-size: 100% auto;
	}
		.descriptiontext {
			width: 60%;
			float: right;
			height: auto;
			padding: 7vw 6vw 7vw 6vw;
		}
			.descriptiontext h2 {
				font-size: 1.5vw;
				text-align: right;
			}

	/*** cardsection ***/

	.cardimage {
		width: 50%;
		height: 32.5vw;
	}
		.image01 {
			float: left;
			background-image: url('../images/RISE_img01_desktop.jpg');
		}
		.image02 {
			float: right;
			background-image: url('../images/RISE_img02_desktop.jpg');
		}
		.image03 {
			float: left;
		}
	.cardtext {
		width: 50%;
		height: 32.5vw;
		padding: 7vw 6vw 7vw 6vw;
	}
		.text01 {
			float: right;
		}
			.text01 h2 {
				width: auto;
			}
		.text02 {
			float: left;
			background-size: 35vw auto;
			background-position: 30vw 25vw;
		}
		.text03 {
			float: right;
			background-image: none;
		}
		.cardtext h2 {
			font-size: 3vw;
			line-height: 0.85em;
			margin-bottom: 24px;
		}
			.cardtext p {
				font-size: 2vw;
				line-height: 1.25em;
				margin-bottom: 0px;
			}

	/*** card box shape overlays ***/

	.bluerectangle {
		display: inherit;
		position: absolute;
		z-index: 1000;
		mix-blend-mode: multiply;
		width: 18.49vw;
		height: auto;
		margin-top: 0;
		margin-left: 0;
	}

	.blackpolygon1 {
		display: inherit;
		position: absolute;
		z-index: 1000;
		mix-blend-mode: multiply;
		width: 20vw;
		height: auto;
		margin-top: 22.49vw;
		margin-left: 38vw;
	}

	.orangepolygon1 {
		display: inherit;
		position: absolute;
		z-index: 1000;
		mix-blend-mode: multiply;
		width: 52.6vw;
		height: auto;
		margin-top: 32.55vw;
		margin-left: 38vw;
	}

	.orangepolygon2 {
		display: inherit;
		position: absolute;
		z-index: 1000;
		width: 20vw;
		height: auto;
		margin-top: 56vw;
		margin-left: 41vw;
	}

	.orangepolygon3 {
		display: inherit;
		position: absolute;
		z-index: 1000;
		width: 15vw;
		height: auto;
		margin-top: 91.8vw;
		margin-left: 40.85vw;
	}

	/*** widesection ***/
  
  	.widesection {
  		width: 100%;
  		height: auto;
  		background-image: url('../images/RISE_widebox_desktop.jpg');
  		background-size: 107% auto;
  		background-position: 50%;
  		background-repeat: no-repeat;
  	}
  		.bluepolygon1 {
  			display: inherit;
			position: absolute;
			z-index: 998;
			mix-blend-mode: multiply;
			width: 55vw;
			height: auto;
			margin-top: 6vw;
			margin-left: 36vw;
  		}
  		.orangepolygon4 {
			display: inherit;
			position: absolute;
			z-index: 1000;
			width: 18vw;
			height: auto;
			margin-top: 32.99vw;
			margin-left: 82vw;
		}
  		.wideboxtext {
  			position: relative;
  			padding: 25vw 24vw 6vw 8vw;
  			color: #fff;
  			z-index: 1001;
  		}
  			.wideboxtext h2 {
				font-size: 3vw;
				line-height: 0.95em;
				margin-bottom: 24px;
				text-shadow: 1px 1px 7px #000000;
			}
				.wideboxtext p {
					font-size: 2vw;
					line-height: 1.25em;
					margin-bottom: 0px;
					text-shadow: 1px 1px 7px #000000;
				}

	/*** address ***/

	.address {
  		width: 100%;
  		height: auto;
  		background-color: #eb981f;
  		color: #000;
  	}
  		.addresscontainer {
  			width: 100%;
  			height: auto;
  			padding: 4vw 4vw;
  			text-align: center;
  		}
  			.addresscontainer h3 {
  				font-weight: 400;
  				font-size: 2vw;
  			}

}

/*********************************************************/

@media screen and (min-width: 812px) {


}

/*********************************************************/

@media screen and (min-width: 992px) {

	/*** leadsection ***/

	.leadsection h1 {
		font-size: 3.5vw;
	}

	/*** card box shape overlays ***/

	.orangepolygon1 {
		margin-top: 32.5vw;
		width: 52.65vw;
	}
	.orangepolygon3 {
		margin-top: 91.803vw;
	}

	/*** widesection ***/

	.orangepolygon4 {
		width: 17vw;
		margin-top: 32.7vw;
		margin-left: 83vw;
	}

}

/*********************************************************/

@media screen and (min-width: 1024px) {

	/*** card box shape overlays ***/

	.orangepolygon1 {
		margin-top: 32.5vw;
		width: 52.69vw;
	}
	.orangepolygon3 {
		margin-top: 91.77vw;
	}

}

/*********************************************************/

@media screen and (min-width: 1180px) {

	/*** widesection ***/

	.orangepolygon4 {
		width: 17vw;
		margin-top: 32.3vw;
		margin-left: 83vw;
	}


}

/*********************************************************/

@media screen and (min-width: 1280px) {

	/*** widesection ***/

	.orangepolygon4 {
		margin-top: 32.2vw;
	}

}

/*********************************************************/

@media screen and (min-width: 1366px) {

	/*** widesection ***/

	.orangepolygon4 {
		margin-top: 32vw;
	}

}

/*********************************************************/

@media screen and (min-width: 1920px) {

	/*** widesection ***/

	.orangepolygon4 {
		margin-top: 31.7vw;
	}

}

/*********************************************************/