/*---- FONTS/TEXT ----*/
.skinny{
	font-weight: 300!important;
}
.regular{
	font-weight: 400!important;
}
.semi-bold{
	font-weight: 600!important;
}
.bold{
	font-weight: 700!important;
}
.share-your-story-wrapper *{
	box-sizing: border-box;
	
}
.share-your-story-wrapper *:not(i){
	font-family: 'Open Sans', sans-serif;
}
/*---- STRUCTURE ----*/
.ss_col{
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
}
.ss_row{
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}
.ss_inner{
	
}

/*---- CONTENT ----*/
.share-your-story-wrapper{
	margin: 50px auto 0 auto;
	width: 90%;
}
.ss_content{
	
}
.ss_content>.ss_inner>.ss_row{
	width: calc(100% + 50px);
}
.ss_form_wrapper, .ss_testimonies_wrapper{
	margin: 0 25px;
}

/*---- FORM ----*/
.ss_form_wrapper{
	flex: auto;
	margin-bottom: 75px;
}
.ss_form{
	
}
.ss_form_confirmation{
	display: none;
}
.ss_form_wrapper.confirmation .ss_form{
	display: none;
}
.ss_form_wrapper.confirmation .ss_form_confirmation{
	display: flex;
}
.ss_form_confirmation .ss_title h2{
	text-transform: none;
	font-weight: 600;
	font-size: 36px;
	max-width: 430px;
	text-align: center;
}
.ss_form .ss_inner>.ss_row{
	margin-bottom: 20px;
}
/*- form title -*/
.ss_form .ss_title h1, .ss_form .ss_title h2{
	margin-right: auto;
}
.ss_form .ss_title h1{
	font-size: 32px;
}
.ss_form .ss_title h2{
	font-size: 19px;
}
/*- form description -*/
.ss_form .ss_description p{
	font-size: 16px;
	margin-right: auto;
	max-width: 650px;
}
/*- form elements -*/
.ss_input_container{
	align-items: center;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-right: 20px;
}
.ss_form label, .ss_form input, .ss_form textarea{
	min-width: 100%;
	width: 100%;
}
.ss_form label{
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 10px;
}
.ss_confidentiality .ss_input_container{
	flex-wrap: nowrap;
}
.ss_form .ss_confidentiality input{
	margin: 0 15px 15px 0;
	min-width: 15px;
	width: auto;
}
.ss_form .ss_confidentiality input + label{
	font-size: 16px;
	margin-bottom: 15px;
	min-width: 0;
	width: auto;
}
.ss_form input, .ss_form textarea{
	background: #fff;
	border: 1px solid #d6d6d6;
	border-radius: 5px;
	font-size: 16px;
	outline: none;
	padding: 10px;
}
.ss_form input:focus, .ss_form textarea:focus{
	border-color: rgba(77,144,254,1);
	box-shadow: 0px 0px 3px rgba(77,144,254,.5);
}
.ss_form textarea{
	min-height: 12.5em;
}
.ss_form input[type="file"]{
	left: 100%;
	opacity: 0;
	position: fixed;
	top: 100%;
}
.ss_form input.error, .ss_form textarea.error{
	border-color: red;
	background-color: #ffe9e9;
}
.ss_form input[type="radio"].error + label{
	color: red;
	font-weight: 600;
}
.ss_form .ss_form_btn{
	background: #1e717b;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto 0 0;
	max-width: 100%;
	min-width: 0;
	padding: 10px 25px;
	position: relative;
	text-transform: uppercase;
	width: auto
}
.ss_form .ss_form_btn span.ss_loader{
	align-items: center;
	display: flex;
	font-size: 24px;
	height: 100%;
	justify-content: center;
	left: 0;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.ss_form .ss_form_btn span.ss_loader .fa-spin{
	width: 24px;
	height: 24px;
}
.ss_form .ss_form_btn:hover{
	background: #216068;
}
.ss_form .ss_form_btn.processing span.ss_text{
	opacity: 0;
}
.ss_form .ss_form_btn.processing span.ss_loader{
	opacity: 1;
}
.ss_img_preview{
	margin: 0 auto 15px 0;
	max-width: 300px;
	position: relative;
	width: auto!important;
}
.ss_img_preview .fa-times{
	align-items: center;
	background: #000;
	border: 3px solid #fff;
	border-radius: 100%;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	color: #fff;
	cursor: pointer;
	display: flex;
	font-size: 18px;
	height: 30px;
	justify-content: center;
	right: -10px;
	position: absolute;
	top: -10px;
	width: 30px;
}
.ss_story .textarea_container {
	position: relative;
	width: 100%;
}
.ss_story .cs_inquiries {
	color: #777777;
	font-size: 16px;
	left: 0;
	padding: 10px;
	position: absolute;
	top: 3em;
	width: 100%;
}
/*---- TESTIMONIES ----*/
.ss_testimonies_wrapper{
	max-width: 320px;
	transform: translateY(-50px);
}
.ss_testimonies{
	background: #f9f9f9;
	padding: 20px 10px;
}
.ss_testimonies>.ss_inner{
	
}
/*- testimonies title -*/
.ss_testimonies>.ss_inner>.ss_title>.ss_col{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
}
.ss_testimonies>.ss_inner>.ss_title>.ss_col>.ss_row:first-child{
	background: #1f6f7a;
}
.ss_testimonies>.ss_inner>.ss_title .ss_row:first-child{
	padding: 15px 40px;
}
.ss_testimonies .ss_title h2{
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin: 0 auto;
	text-align: center;
}
.ss_img{
	width: 100%;
}
.ss_img img{
	width: 100%;
}
/*- testimonies testimony -*/
.ss_testimony .ss_inner{
	padding: 15px 10px;
}
.ss_testimony .ss_inner>.ss_row{
	margin-bottom: 10px;
}
.ss_testimony .ss_title h3{
	border-bottom: 1px solid #333;
	color: #333;
	font-size: 16px;
	max-width: 150px;
	padding-bottom: 10px;
	text-align: center;
	width: 90%;
}
.ss_testimony .ss_icon{
	font-size: 18px;
}
.ss_testimony .ss_text{
	color: #555;
	text-align: center;
}

@media(max-width:865px){
	.ss_content>.ss_inner>.ss_row{
		width: 100%;
	}
	.ss_form_wrapper, .ss_testimonies_wrapper{
		margin: 0 auto;
	}
	.ss_form_wrapper{
		margin-bottom: 75px;
	}
	.ss_content>.ss_inner>.ss_row{
		flex-wrap: wrap;
	}
	.ss_form_wrapper{
		width: 100%;
	}
	.ss_testimonies_wrapper{
		min-width: 100%;
	}
	.ss_testimonies{
		border-radius: 10px;
	}
	.ss_testimonies>.ss_inner{
		align-items: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.ss_testimonies>.ss_inner>.ss_title{
		order: 2;
	}
	.ss_testimonies>.ss_inner>.ss_title>.ss_col{
		margin: 0 auto 10px auto;
		max-width: 300px;
		width: 75%;
	}
	.ss_testimony{
		flex: 1 33%;
	}
	.ss_testimony:nth-child(-n+4){
		order: 1;
	}
	.ss_testimony:nth-child(n+5){
		order: 3;
	}
}
@media(max-width:600px){
	.ss_testimonies_wrapper{
		min-width: 0;
	}
	.ss_testimonies>.ss_inner{
		align-items: stretch;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.ss_testimonies>.ss_inner>.ss_title{
		order: 0;
	}
	.ss_testimonies>.ss_inner>.ss_title>.ss_col{
		margin: 0 auto;
		max-width: none;
		width: auto;
	}
	.ss_testimony{
		flex: 0 1 auto;
	}
	.ss_testimony:nth-child(-n+4){
		order: 0;
	}
	.ss_testimony:nth-child(n+5){
		order: 0;
	}
}
@media(max-width:450px){
	#container{
		min-width: 0;
	}
	.ss_form>.ss_inner>.ss_row{
		flex-wrap: wrap;
	}
	.ss_form .ss_input_container{
		padding: 0;
		width: 100%;
	}
	.ss_form>.ss_inner>.ss_row>.ss_col:not(:last-child) .ss_input_container{
		margin-bottom: 10px;
	}
}