#how_it_works {
	background-color:#eeeeee;
	position:relative;
	height:700px;
}

#hiw_duck {
	color:#3b3b3b;
	float:left;
	width:calc(100% - 741px);
}

#hiw_duck p {
	font-size: 24px;
    font-family: 'ProximaNovaLight';
    line-height: 32px;
    margin-bottom:10px;
}

#pointing_duck {
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:12%;
	width:90%;
	max-width:360px;
}

.hiw_disclosure_arrow {
	float:right;
	padding-top:10px;
	padding-right:10px;
}

#hiw_expand, #hiw_contract, #hiw_expand_bottom, #hiw_contract_bottom {
	cursor:pointer;
	color:#00A7E1;
}

#hiw_contract {
	padding-top:10px;
}

#hiw_contract p {
	margin-bottom:0px;
}

.hiw_hr {
	width:100%;
	height:1px;
	margin-bottom:5px;
}

#hiw_expand p, #hiw_contract p, #hiw_expand_bottom p, #hiw_contract_bottom p {
    font-family: "ProximaNovaBold";
    font-size: 16px;
    line-height:20px;
    width: 80%;
}

#hiw_duck h2 {
	font-family:"ProximaNovaSemiBold";
	font-size:30px;
	margin-bottom:5px;
	line-height:32px;
}

#hiw_contract, #hiw_expand, #hiw_copy {
	padding-left:10%;
	padding-right:5%;
}

#hiw_contract {
	background-color:#dddddd;
	display:none;
}

#hiw_contract_bottom {
	display:none;
}

#hiw_disclaimer_bottom {
	background-color:#eeeeee;
	display:none;
}

#hiw_disclaimer_content p, #hiw_disclaimer_content_bottom p {
	font-size:14px;
	line-height:16px;
	margin-bottom:0px;
	padding-bottom:10px;
	font-family: 'ProximaNovaLight';
	color:#3b3b3b;
	width:auto;
	text-align:left;
}


#hiw_accordion {
	position:absolute;
	right:0px;
	width:741px;
	max-width:741px;  /* 65% of 1140px */
	min-height:500px;
	margin-left:35%;
}

#hiw_accordion h2 {
	margin-bottom:30px;
	margin-top:30px;
}


.accordion_header {
	/*min-height:93px;*/
}

.accordion_header_content {
	background:rgba(1, 132, 183, 0.9);
	min-height:93px;
}

.accordion_header_bottom {
	background:rgba(1, 132, 183, 0.6);
}

.accordion_header_content.even {
	background:rgba(223,128,24, 0.9);
}

.accordion_header_bottom.even {
	background:rgba(223,128,24, 0.6);
}

.accordion_header h2, .accordion_header_bottom h2 {
	font-family:'ProximaNovaRegular';
	font-size:28px;
	line-height:28px;
	color:#fff;
	width:70%;
	float:left;
}

.hiw_more {
	padding-top:20px;
	padding-bottom:20px;
	font-family:'ProximaNovaLight';
	font-size:20px;
	line-height:22px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	color:#ffffff;
}

#sting_disclaimer {
	font-size:14px;
	line-height:14px;
}

#sting_disclaimer_link {
	font-family:'ProximaNovaSemiBold';
	text-decoration: underline;
	/*cursor:pointer;*/

}

.accordion_header_bottom {
	position:absolute;
	width:100%;
}

.anchor_bottom {
	bottom:0px;
}
.anchor_top {
	bottom:-50px;
}

.accordion_step {
	position:relative;
	top:15px;
	padding-left:30px;
	padding-right:30px;
	padding-top:5px;
	float:left;
}

.accordion_header_bottom .accordion_step {
	top:50px;
}

.accordion_arrow {
	float:right;
	padding-right:35px;
	padding-top:35px;
}

#hiw_hd_1 {
	background-image:url('../images/hiw_accordion_hd_1.png');
}
#hiw_bg_1 {
	background-image:url('../images/hiw_accordion_bg_1.png');
}

#hiw_hd_2 {
	background-image:url('../images/hiw_accordion_hd_2.png');
}
#hiw_bg_2 {
	background-image:url('../images/hiw_accordion_bg_2.png');
}

#hiw_hd_3 {
	background-image:url('../images/hiw_accordion_hd_3.png');
}
#hiw_bg_3 {
	background-image:url('../images/hiw_accordion_bg_3.png');
}

#hiw_hd_4 {
	background-image:url('../images/hiw_accordion_hd_4.png');
}
#hiw_bg_4 {
	background-image:url('../images/hiw_accordion_bg_4.png');
}

#hiw_bg_1, #hiw_bg_2, #hiw_bg_3, #hiw_bg_4 {
	width:100%;
	height:327px;
	background-position: left bottom;
	position:relative;
}

#hiw_hd_1, #hiw_hd_2, #hiw_hd_3, #hiw_hd_4 {
	background-position: left top;
}

.ui-accordion-header {
	outline:none;
}



@media screen and (max-width:1250px) {
	#hiw_duck {
		width:35%;
	}

	#hiw_accordion {
		width:65%;
		max-width:780px;
		margin-left:35%;
		position:inherit;
		right:auto;
	}
	#how_it_works {
		height:auto;
	}

}

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

	#pointing_duck {
		margin-top:30%;
	}


	#hiw_duck h2 {
		font-size:23px;
		line-height:26px;
	}

	#hiw_duck p {
		font-size: 18px;
	    line-height: 22px;
	}

	#hiw_expand p, #hiw_contract p {
	    font-size: 13px;
	    line-height:16px;
	}

	#hiw_disclaimer_content p {
		font-size:13px;
		line-height:15px;
	}	


	.accordion_step {
		padding-left:10px;
		padding-right:10px;
	}

	.accordion_arrow {
		padding-right:15px;
		padding-left:15px;
	}

	.accordion_header h2 {
		font-size:22px;
	}

	.hiw_more {
		font-size:16px;
		line-height:18px;
	}

	#sting_disclaimer {
		font-size:12px;
		line-height:12px;
	}

	#hiw_duck p {
    	min-height:150px;
	}
}

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

	#how_it_works {
		margin-top:20px;
	}

	#hiw_duck {
		width:100%;
		float:none;
		padding-top:35px;
	}

	#pointing_duck {
		float:left;
		width:35%;
		margin-top:0%;
		margin-right:25px;
	}
	
	#hiw_disclaimer {
		display:none;
	}
	#hiw_disclaimer_bottom {
		background-color:#ffffff;
		display:block;
		text-align:center;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:10%;
		padding-right:10%;
	}

	#hiw_contract, #hiw_expand, #hiw_copy {
		padding-left:40%;
		min-height:150px;
		margin-top:0px;
	}

	#hiw_expand_bottom p, #hiw_contract_bottom p {
    	width: 100%;
    	margin-bottom:5px;
	}

	#hiw_duck h2 {
	    font-size: 26px;
	    line-height: 30px;
	    margin-bottom:10px;
	}

	#hiw_accordion {
		clear:left;
		width:90%;
		padding-left:5%;
		padding-right:5%;
		margin-left:0%;
	}

	#hiw_accordion {
		width:100%;
		padding-left:0%;
		padding-right:0%;
	}


	#hiw_hd_1, #hiw_bg_1, #hiw_hd_2, #hiw_bg_2, #hiw_hd_3, #hiw_bg_3, #hiw_hd_4, #hiw_bg_4 {
		background-size:100%;
	}

}

@media screen and (max-width:741px ) {
	#hiw_hd_1, #hiw_bg_1, #hiw_hd_2, #hiw_bg_2, #hiw_hd_3, #hiw_bg_3, #hiw_hd_4, #hiw_bg_4 {
		background-size:auto;
	}

}

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

	.accordion_arrow {
		padding-right:5px;
		padding-left:5px;
	}

	.accordion_header h2 {
		font-size:17px;
	}

	#hiw_bg_1 {
		background-position: 70% bottom;
	}

	#hiw_hd_1 {
		background-position: 70% top;
	}

	#hiw_bg_2 {
		background-position: 80% bottom;
	}
	#hiw_hd_2 {
		background-position: 80% top;
	}

	#hiw_bg_3 {
		background-position: 40% bottom;
	}
	#hiw_hd_3 {
		background-position: 40% top;
	}

	#hiw_bg_4 {
		background-position: 40% bottom;
	}
	#hiw_hd_4 {
		background-position: 40% top;
	}



	.hiw_more {
		font-size:14px;
		line-height:16px;
	}

	#sting_disclaimer {
		font-size:11px;
		line-height:11px;
	}

	#hiw_contract, #hiw_expand, #hiw_copy {
		min-height:225px;
	}

	#pointing_duck {
	    float: none;
	    width: 65%;
	    margin-top: auto;
	    margin-right: auto;
	    max-width:250px;
	}

	#hiw_copy {
    	min-height: 150px;
    	float:none;
    	margin-top:10px;
    	padding-left:10%;
	}
}

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

	.accordion_step {
		padding-left:5px;
		padding-right:5px;
		width:40px;
		top:20px;
	}

	.accordion_arrow {
		padding-right:5px;
		padding-left:5px;
		width:20px;
	}

	.accordion_header h2 {
		font-size:15px;
		width:75%;
	}

	.hiw_more {
		font-size:14px;
		line-height:16px;
	}

	#sting_disclaimer {
		font-size:11px;
		line-height:11px;
	}

	
	#hiw_copy {
    	min-height: 220px;
    }
	
}