html {
	font-size: 16px;
}

@media (max-width:992px) {
	html {
		font-size: 15px;
	}

}

@media (max-width:768px) {
	html {
		font-size: 14px;
	}

}

@media (max-width:576px) {
	html {
		font-size: 13px;
	}

}

.e-banner {
	position: relative;
}
.e-banner:before {
    content: "";
    background: url('../images/wave.svg') bottom no-repeat;
    height: 3.375rem;
    background-size: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    z-index: 2;
}
.e-banner .img {
	width: 100%;
}

.appeal-section {
	background-color: #ffffff;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.3' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%2322EECC'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%2322EECC'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(24.95) translate(-959.92 -719.94)'%3E%3Cg fill='%2322EECC'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");
	background-attachment: fixed;
	background-size: cover;
	padding: 3rem 0;
}

.appeal-block {
	max-width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

.appeal-block dl {
	position: relative;
	background-color: #fff;
	border-radius: 4px;
	margin-top: 2.5rem;
	margin-bottom: 4.5rem;
	padding: 1.5rem;
	width: 49.5%;
	display: inline-block;
	vertical-align: middle;
}

@media (max-width:576px) {
	.appeal-block dl {
		width: 100%;
	}

}
.appeal-block dl:nth-child(odd) {
	margin-right: 1%;
}

@media (max-width:576px) {
	.appeal-block dl:nth-child(odd) {
		margin-right: 0%;
	}

}
.appeal-block dl:hover {
	box-shadow: 0 2px 8px rgba(17, 17, 17, 0.24);
	transition: .25s all ease-in-out;
}

.appeal-block dl:nth-child(odd) > img {
	position: absolute;
	left: 1rem;
	top: -3rem;
	width: 5.875rem;
}

.appeal-block dl:nth-child(even) > img {
	position: absolute;
	right: 1rem;
	top: -3rem;
	width: 5.875rem;
}
.appeal-block dt {
	border-bottom: 2px solid #e5e5e5;
	font-size: 1.5rem;
	padding-bottom: .5rem;
}

.appeal-block dd {
	padding-top: .5rem;
	margin-top: .75rem;
	font-size: 1.125rem;
}

.appeal-block dd > i {
	border-radius: 50%;
	padding: .5rem;
	color: #fff;
}

.appeal-block dl:nth-child(1) {
	border: 2px solid #339AF0;
	border-bottom: 6px solid #339AF0;
}

.appeal-block dl:nth-child(1) dd > i {
	background-color: #339AF0;
}

.appeal-block dl:nth-child(2) {
	border: 2px solid #22B8CF;
	border-bottom: 6px solid #22B8CF;
}

.appeal-block dl:nth-child(2) dd > i {
	background-color: #22B8CF;
}

.appeal-block dl:nth-child(3) {
	border: 2px solid #20C997;
	border-bottom: 6px solid #20C997;
}

.appeal-block dl:nth-child(3) dd > i {
	background-color: #20C997;
}

.appeal-block dl:nth-child(4) {
	border: 2px solid #FCC419;
	border-bottom: 6px solid #FCC419;
}

.appeal-block dl:nth-child(4) dd > i {
	background-color: #FCC419;
}

.appeal-block dl:nth-child(5) {
	border: 2px solid #F06595;
	border-bottom: 6px solid #F06595;
}

.appeal-block dl:nth-child(5) dd > i {
	background-color: #F06595;
}
.appeal-block dl:nth-child(6) {
	border: 2px solid #34495E;
	border-bottom: 6px solid #34495E;
}

.appeal-block dl:nth-child(6) dd > i {
	background-color: #34495E;
}
.appeal-block dl:nth-child(7) {
	border: 2px solid #46219c;
	border-bottom: 6px solid #46219c;
}

.appeal-block dl:nth-child(7) dd > i {
	background-color: #46219c;
}

.mail-to {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 49.5%;
}

.mail-to .btn {
	background-color: #34495E;
	border: none;
	color: #fff;
	font-size: 1.25rem;
	padding: 1rem 2rem;
	transition: .25s all ease-in-out;
}

.mail-to .btn:hover {
	background-color: #22B8CF;
}

.mail-to .btn i {
	color: #FFD43B;
	font-size: 200%;
	display: block;
	padding-bottom: 1rem;
}




