.front .region-highlighted{
	padding:0;
}

.hp-banner{position: relative;}
.hp-banner .wrap{
	background-color:#2c6a91;
	background-position:bottom right;
	background-size:93%;
	background-repeat: no-repeat;
}

.hp-banner:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 95px;
	background: linear-gradient(90deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(96,166,68,1) 33%, rgba(96,166,68,1) 66%, rgba(230,29,48,1) 66%, rgba(230,29,48,1) 100%);
	left: 0;
	top: 0;
}

.hp-banner .inner{
	padding: 200px 80px 175px 190px;
}

.hp-banner .inner .vote{
	max-width: 670px;
}

.hp-banner .inner .vote h1{
	font-weight: 500;
    text-transform: uppercase;
    color: #f5822b;
    border-bottom: solid 2px #fff;
    font-size: 88px;
    padding-bottom: 30px;
    letter-spacing: -.02em;
}

.hp-banner .inner .vote h2{
	font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    font-size: 115px;
    letter-spacing: -.02em;
    padding-top: 25px;
}

.hp-banner .inner .vote h2 span{
	font-size: .5em;
}

.hp-banner .inner .message{
	max-width: 670px;
}

.hp-banner .inner .message h1{
	text-transform: unset;
	font-size: 48px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 30px;
}

.hp-banner .inner .message p{
	color: #fff;
	font-weight: 500;
	font-size: 22px;
	line-height: 1.5em;
}

/*HP How --------------------------- */


.hp-how{
	background-color: #e61d30;
	position: relative;
	background-image: url(img/how-bg.jpg);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: left bottom;
}

.hp-how:before{
	position: absolute;
	content: "";
	background: linear-gradient(180deg, rgba(0,0,0,.75) 0%, rgba(230,29,48,0) 100%);
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
}

.hp-how .text{
	position: relative;
	float: right;
	z-index: 3;
	padding: 140px 125px 90px 40px;
}

.hp-how .text h3{
	font-size: 52px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 0px;
}

.hp-how .text .lists{
	display: flex;
	 flex-direction: row;
	 padding-top: 65px;
}

.hp-how .text .lists ul{
	padding-left: 0;
}

.hp-how .text .lists ul.one{
	margin: 0 90px 0 0;
}


.hp-how .text .lists ul li{
	color: #fff;
	font-size: 22px;
	max-width: 275px;
	margin: 0 0 45px;
	list-style: none;
	padding-left: 70px;
	position: relative;
}

.hp-how .text .lists ul li:before{
	background:url(img/custom-bullet.jpg) no-repeat;
	background-size:100%;
	content:"";
	display:inline-block;
	height:49px;
	left:0;
	position:absolute;
	top:3px;
	width:48px;
}


/*HP CTAS --------------------------- */

.hp-ctas{
	margin:120px auto;
	max-width:1400px;
}

.hp-ctas .item:nth-of-type(1) .wrap{
	background: #60a644;
}

.hp-ctas .item:nth-of-type(1) .wrap:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 50px;
	background: linear-gradient(90deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(230,29,48,1) 33%, rgba(230,29,48,1) 66%, rgba(0,107,149,1) 66%, rgba(0,107,149,1) 100%);
	top: 0;
	left: 0;
}

.hp-ctas .item:nth-of-type(2) .wrap{
	background: #f5822b;
}

.hp-ctas .item:nth-of-type(2) .wrap::before{
	position: absolute;
	content: "";
	height: 100%;
	width: 50px;
	background: linear-gradient(90deg, rgba(230,29,48,1) 0%, rgba(230,29,48,1) 33%, rgba(0,107,149,1) 33%, rgba(0,107,149,1) 66%, rgba(96,166,68,1) 66%, rgba(96,166,68,1) 100%);
	top: 0;
	left: 0;
}

.hp-ctas .item:nth-of-type(3) .wrap{
	background: #e61d30;
}

.hp-ctas .item:nth-of-type(3) .wrap::before{
	position: absolute;
	content: "";
	height: 100%;
	width: 50px;
	background: linear-gradient(90deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(96,166,68,1) 33%, rgba(96,166,68,1) 66%, rgba(0,107,149,1) 66%, rgba(0,107,149,1) 100%);
	top: 0;
	left: 0;
}

.hp-ctas .item .wrap{
	height: 100%;
padding: 40px 60px 30px 85px;
box-sizing: border-box;
position: relative;
display: block;
color: #fff;
}

.hp-ctas .item .wrap h3{
	color: #fff;
	font-weight: 500;
	font-size: 50px;
	text-transform: uppercase;
}

.hp-ctas .item .wrap a{
	color: #fff;

}


/*Hp Help -------------------------------------------- */


.hp-help{
	position: relative;
	background-image: url(img/help-bg.jpg);
	background-color: #006a93;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.hp-help:before{
	position: absolute;
	content: "";
	height: 100%;
	width: 95px;
	background: linear-gradient(90deg, rgba(245,130,43,1) 0%, rgba(245,130,43,1) 33%, rgba(96,166,68,1) 33%, rgba(96,166,68,1) 66%, rgba(230,29,48,1) 66%, rgba(230,29,48,1) 100%);
	left: 0;
	top: 0;
	z-index: 3;
}

.hp-help:after{
	position: absolute;
	content: "";
	background: linear-gradient(180deg, rgba(0,0,0,.5) 0%, rgba(230,29,48,0) 100%);
	width: 100%;
	height: 200px;
	top: 0;
	left: 0;
}

.hp-help .text{
	padding: 150px 40px 145px 200px;
	position: relative;
	z-index: 4;
}

.hp-help .text h2{
	    font-weight: 500;
    color: #f5822b;
    font-size: 112px;
    line-height: 1.2em;
    letter-spacing: -.02em;
    text-transform: uppercase;
    max-width: 645px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
    margin: 0 0 0 0;
}

.hp-help .text p{
	color: #fff;
	font-size: 22px;
	max-width: 635px;
	padding-top: 35px;
}