/* Content Image Panel */

.content-image-panel {
	background-image: linear-gradient(to right,#F3F2ED 0%,#e3eff4 50%);
}

.content-image-panel .main {
}

.content-image-panel.reversed .main {
	flex-direction: row;
}

.content-image-panel .img-section {
	position: relative;
}

.content-image-panel .img {
	display: block;
	height: 100%;
	background-size: cover;
	background-position: 90% 0%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

.content-image-panel .content-section {
	position: relative;
	margin-top: 6.11em;
	margin-bottom: 3em;
	color: var(--text-color);
}

.content-image-panel .content-section p {
	color: #53616f;
	font-size: 1em;
	line-height: 1.78;

}

.content-image-panel .side-content p {
	font-weight: 300;
	font-size: 2em;
	line-height: 1.5;
	color: var(--light-color);
}

.content-image-panel .content-section ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	padding-left: 0;
	list-style: none;
}

.content-image-panel .content-section ul li {
	width: 50%;
	padding-left: 1em;
}

.content-image-panel.reversed .content-section ul {
	margin-left: 55%;
	width: 100%;
}

/* End Content Image Panel */

/* Min Responsive */

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

@media screen and (min-width:1178px) {
	.content-image-panel:not(.reversed) .main {
		padding-right: 0;
	}

	.content-image-panel.reversed .main {
		padding-left: 0;
	}

	.content-image-panel .side-content {
		position: absolute;
		display: inline-block;
		width: 100%;
		max-width: 25rem;
		bottom: 10%;
	}

	.content-image-panel:not(.reversed) .side-content {
		left: 100%;
	}

	.content-image-panel.reversed .side-content {
		right: 100%;
	}
}

@media screen and (min-width:1513px) {
	.content-image-panel .side-content {
		top: 0;
		transform: translateY(2%);
		bottom: auto;
		padding: 6em 5em;
	}
}

@media screen and (min-width:1921px) {
	.content-image-panel .img {
		transform: translateX(5em);
	}

.content-image-panel.reversed .img {
	transform: none;
}
}

/* End Min Responsive */

/* Responsive - 1512px */

@media screen and (max-width:1512px) {
}

/* End Responsive - 1512px */

/* Responsive - 1177px */

@media screen and (max-width:1177px) {
	.content-image-panel .side-content {
		margin-top: 2rem;
	}

	.content-image-panel .content-section {
		padding-top: 1.5em;
		margin-top: 0;
		margin-bottom: 0;
	}

	.content-image-panel:not(.reversed) .img-section {
		width: 45%;
		height: 18rem;
		float: right;
		margin-left: 3%;
		margin-bottom: .5rem;
	}

	.content-image-panel.reversed .img-section {
		width: 45%;
		height: 18rem;
		float: left;
		margin-right: 3%;
		margin-bottom: .5rem;
	}

	.content-image-panel .side-content p {
		font-size: 1.8em;
	}
}

/* End Responsive - 1177px */

/* Responsive - 916px */

@media screen and (max-width:916px) {
	.content-image-panel .img-section {
		display: none;
	}

	.content-image-panel .img {
		background-image: none!important;
	}

	.content-image-panel.reversed .content-section ul {
	margin-left: unset;
	}
}

/* End Responsive - 916px */

/* Responsive - 800px (Mobile) */

@media screen and (max-width:800px) {
	.content-image-panel .side-content {
		display: none;
	}

	.content-image-panel .content-section {
		padding-bottom: 1em;
	}
}

/* End Responsive - 800px (Mobile) */

/* Responsive - 713px */

@media screen and (max-width:713px) {
}

/* End Responsive - 713px */

/* Responsive - 555px */

@media screen and (max-width:555px) {
	.content-image-panel .side-content p {
		font-size: 1.5em;
	}

	.content-image-panel .side-content {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	
	.content-image-panel .content-section ul li {
		width: 100%;
	}
	
	.content-image-panel .content-section ul li + li {
		padding-top: .6em;
	}
}

/* End Responsive - 555px */

/* Responsive - 432px */

@media screen and (max-width:432px) {
	.content-image-panel .side-content p {
		font-size: 1.3em;
	}
}

/* End Responsive - 432px */

/* Min and Max Responsive */

@media screen and (min-width:1513px) and (max-width:1920px) and (-webkit-min-device-pixel-ratio:0) {
	.content-image-panel .main {
		max-width: calc(100% - calc(50% - 814.5px));
		margin-right: 0;
	}

	.content-image-panel.reversed .main {
		margin-right: auto;
		margin-left: 0;
	}
}

@supports (-ms-ime-align:auto) {
	.content-image-panel .main {
		margin: auto;
	}
}

/* End Min and Max Responsive */