@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@charset "UTF-8";
/* Content Section */
.banner {
    width:100%;
    padding-top:300px;
    background-image:url("../images/contact_keyboard.jpg");
    background-position:center;
    background-size:cover;
    position:relative;
}
.banner_header {
    position:absolute;
    top:200px;
    right:5%;
}
.banner_header img {
    margin-right:-25px;
    height:90px;
}
.banner .banner_cta  {
    line-height:80px;
    background-color:#FF0090;
    margin:0px;
    padding:0px; 
    width:100%;
    position:relative;
    text-align:center;
}
.banner .banner_cta .cta_text {
    font-size:22px;
    font-weight:bold;
    color:#FFFFFF;
    display:inline;
    margin:0px;
    padding:0px;
}
.banner .banner_cta .cta_button {
    display:inline;
    margin:0px;
    padding:0px;
}
.banner .banner_cta form {
    display:none;
}
.banner .banner_cta .cta_button input.cta {
	font-family: 'Open Sans';
	color:#FFFFFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
    font-size:20px;
	letter-spacing:-1px;
    background-color:#ff0090;
	border:none;
	cursor:pointer;
    padding-left:5%;
}
.banner .banner_cta .cta_button input.cta:hover {
	margin-top:-15px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	color:#000000;
	font-size:22px;
	transition:all 0.2s ease-out;
}
.content {
	display:flex;
    padding-bottom:6%;
}

.sign_up {
	vertical-align:top;
	width:100%;
    background-color:#ff0090;
    max-height:0px;
    transition:max-height 0.3s ease;
    /* background-color:#3EC83F; */
    /* background-color:#FF76C3; */
    /* background-color:#00a7db; */
    /* background-image: url(../images/contact_cx.jpg);
	background-position: center;
	background-size: cover; */
}
.sign_up.expanded {
    max-height:800px;
}
.sign_up_form {
    transform:scaleY(0);
    transition:transform 0s linear;
    transform-origin:top;
    padding-top:30px;
    padding-bottom:20px;
}
.sign_up_form.expanded {
    transform:scaleY(1);
}
.sign_up ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.sign_up ul input, .sign_up ul select  {
	font-family:'Open Sans';
	margin-left:1%;
	font-size:14px;
    vertical-align: top;
    width:400px;
}
.sign_up ul input.small_input {
    width:60px;
}
.sign_up ul li ul {
	display:inline;
	list-style:none;
}
.sign_up ul li ul li {
	display:inline;
}
.sign_up ul li ul li .input_text {
	width:auto;
	padding-left:1%;
	font-size:14px;
}
.sign_up ul li .input_option {
	position:relative;
	margin-left:41%;
	width:400px;
	margin-top:-20px;
	margin-bottom:0px;
	font-size:14px;
	line-height:15px;
}
.sign_up .input_option .checkbox {
    margin:0px 5px 3px 0px;
	vertical-align:text-bottom;
    width:auto;
}
.sign_up ul li {
	color:#FFFFFF;
	font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	-webkit-font-smoothing: antialiased;
	line-height:25px;
    padding-bottom:5px;
}
ul li.row_gap {
	padding-top:20px;
}
.sign_up .input_text {
	width:40%;
	display:inline-block;
	text-align:right;
}
.sign_up li input {
	display:inline;
	text-align:left;
}
.sign_up .submit {
	margin-left:41%;
	margin-top:20px;
	margin-bottom:40px;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    font-size:14px;
}
.content .about {
    flex:2;
    font-family:Georgia;
	color:#777777;
	font-size:15px;
    line-height:25px;
    padding-top:5%;
    padding-right:10%;
	/* background-color:#e5f9e5;
    background-color:#e0f4fb; */
	vertical-align:top;
    margin:0px;
}
.content .about .tagline {
	font-size:50px;
	color:#333333;
	letter-spacing:-1px;
	text-align:left;
	line-height:40px;
	-webkit-font-smoothing: antialiased;
	margin:0px;
	padding-bottom:15%;
}
.content .about .tagline .line2 {
	display:block;
	padding-left:10%;
}
.content .about img {
	width:40%;
	float:right;
	padding-left:2%;
	padding-bottom:2%;
}
.content .about p.name {
	font-size:18px;
	font-weight:bold;
	margin:0px;
}
.content .about p.title {
	margin:0px;
	font-style: italic;
}
.content .contact, .content .thank_you {
    flex:3;
    padding:5% 0% 0 10%;
}
.content .contact .header {
    color:#00C500;
    font-size:30px;
    line-height:30px;
    font-family:'Open Sans';
    text-transform:uppercase;
    text-align:left;
    padding-bottom:60px;
    position:relative;
    margin:0px;
}
.content .contact .header a {
    text-decoration:none;
    color:#00C500;
}
.content .contact .header img {
    position:absolute;
    top:-10px;
    left:-70px;
}
.content .contact ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.content .contact ul input, .content .contact ul select, .content .contact ul textarea  {
	font-family:'Open Sans';
	margin-left:1%;
	font-size:14px;
	vertical-align:top;
    width:50%;
}
.content .contact ul textarea {
	width:60%;
	height:200px;
}
.content .contact ul li ul {
	display:inline;
	list-style:none;
}
.content .contact ul li {
	color:#333333;
	font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:14px;
	-webkit-font-smoothing: antialiased;
	line-height:25px;
    padding-bottom:5px;
}
.content .contact .input_text {
	width:15%;
	display:inline-block;
	text-align:right;
}
.content .contact .submit {
    margin-left:16.5%;
	margin-top:20px;
	margin-bottom:0px;
    padding:5px 10px;
    font-size:14px;
}
.content .success {
    flex:3;
    padding:150px 20% 0 20%;
	font-family:Georgia;
	color:#777777;
	font-size:18px;
    line-height:25px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.content .thank_you .tagline, .content .success .tagline {
	font-size:30px;
    line-height:60px;
	font-weight:bold;
	font-family:'Open Sans';
	font-weight:700;
	color:#FF0090;
	padding-bottom:20px;
}
.content .thank_you .line2, .content .success .line2 {
	display:block;
	font-size:30px;
    padding-top:10px;
	line-height:30px;
    margin-top:-10px;
}
.content .thank_you .line2 {
    padding-right:20%;
}
.content .thank_you .larger, .content .success .larger {
	font-size:60px;
}
.content .thank_you .success_image img, .content .success .success_image img {
    height:150px;
    padding-bottom:20px;
}
.content .thank_you .info, .content .success .info {
    padding-bottom:30px;
}
.content .thank_you .info {
    padding-right:20%;
}
.content .thank_you input.cta {
	font-family: 'Open Sans';
	color:#FFFFFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
	width:140px;
	height:50px;
	background-color:#FF0090;
	border:none;
	cursor:pointer;
}
.content .success input.cta {
	font-family: 'Open Sans';
	color:#FFFFFF;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	font-weight:bold;
	font-size:20px;
	letter-spacing:-1px;
	width:220px;
	height:50px;
	background-color:#FF0090;
	border:none;
	cursor:pointer;
}
.content .thank_you input.cta:hover {
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	width:150px;
	height:60px;
	background-color:#EEEEEE;
	color:#00a7db;
	font-size:22px;
	transition:all 0.2s ease-out;
}
.content .success input.cta:hover {
	margin-top:-5px;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:-5px;
	width:230px;
	height:60px;
	background-color:#EEEEEE;
	color:#00a7db;
	font-size:22px;
	transition:all 0.2s ease-out;
}


/* Small Desktops */
@media (min-width: 798px) and (max-width: 1165px) {
.content {
    padding-bottom:70px;
}
.content .contact, .content .thank_you {
    padding:70px 0% 0 13%;
}
.content .contact .contact_form {
    margin-left:-70px;;
}
.content .about {
    padding:70px 10% 0 0%;
}
.content .contact .input_text {
	width:25%;
	display:inline-block;
	text-align:right;
}
.info_cta input.cta {
	top:-10px;
	margin-bottom:20px;
}
.content .contact ul input, .content .contact ul select {
    width:45%;
}
.content .contact ul textarea  {
    width:55%;
}
.content .contact .submit {
    margin-left:26.5%;
}
.content .about .tagline {
	display:none;
}
.content .about_img {
	display:none;
}
.sign_up ul li .input_option {
	margin-left:38%;
}
.sign_up .input_text {
	width:37%;
}
.sign_up .submit {
	margin-left:38%;
}
.banner .banner_cta  {
    line-height:80px;
    margin:0px;
    padding:0px; 
    width:100%;
    position:relative;
    text-align: center;
}
.banner .banner_cta .cta_text {
    width:100%;
    padding-left:0%;
}
.banner .banner_cta .cta_button {
    position:relative;
    display:block;
    padding:0px;
    margin-top:-30px;
}
.banner .banner_cta .cta_button input.cta:hover {
    margin:0px;
}
}

/* Tablets */
@media (min-width: 471px)and (max-width: 797px) {
.content {
	display:block;
    padding:0px;
}
.sign_up ul input, .sign_up ul select  {
    width:50%;
}
.sign_up ul input.small_input {
    width:60px;
}
.content .contact {
	display:block;
    padding:70px 10% 0px 22%;
}
.content .thank_you {
	display:block;
    padding:70px 10% 0px 10%;
    text-align:center;
}
.content .thank_you .info, .content .thank_you .line2 {
    padding-right:0;
}
.content .about {
	display:block;
    padding:50px 10% 70px 10%;
}
.content .contact .contact_form {
    margin-left:-70px;
}
.content .contact .input_text {
	width:25%;
}
.content .contact ul input, .content .contact ul select, .content .contact ul textarea  {
    width:65%;
}
.content .contact .submit {
    margin-left:26.5%;
}
.sign_up ul li .input_option {
	margin-left:38%;
    width:50%;
}
.sign_up .input_text {
	width:37%;
}
.sign_up .submit {
	margin-left:38%;
}
.banner .banner_cta  {
    padding:20px 10%;
    line-height:30px;
    margin:0px;
    width:80%;
    position:relative;
    text-align: center;
}
.banner .banner_cta .cta_text {
    width:100%;
    padding-left:0%;
}
.banner .banner_cta .cta_button {
    position:relative;
    display:block;
    padding:0px;
    margin-top:20px;
}
.banner .banner_cta .cta_button input.cta:hover {
    margin:-2px 0px 0px;
}
.content .about .tagline {
	display:none;
}
.content .success {
    padding-bottom:70px;
    padding-left:20%;
    padding-right:20%;
}
}

/* Mobile */
@media (max-width: 470px) {
.banner_header {
    right:10%;
}
.banner_header img {
    margin-right:-35px;
}
.content {
	display:block;
    padding-bottom:0px;
}
.sign_up {
    padding-left:10%;
    padding-right:10%;
    width:80%;
}
.sign_up.expanded {
    max-height:2000px;
}
.sign_up ul input, .sign_up ul select  {
	margin-left:0%;
}
.sign_up ul input.small_input {
    width:60px;
}
.sign_up ul li ul {
	display:inline-block;
	list-style:none;
}
.sign_up ul li ul li {
	display:inline-block;
}
.sign_up ul li ul li .input_text {
	width:auto;
	padding-left:1%;
	font-size:14px;
}
.sign_up ul li .input_option {
    margin-left:0px;
    margin-top:0px;
    width:100%;
}
.sign_up .input_option .checkbox {
	margin:0px 5px 3px 0px;
	vertical-align:text-bottom;
    width:auto;
}
ul li.row_gap {
	padding-top:20px;
}
.sign_up .input_text {
	display:block;
    width:100%;
	text-align:left;
}
.sign_up .submit {
	margin-left:0%;
}
.sign_up ul input, .sign_up ul select  {
    display:block;
    width:100%;
}
.sign_up ul li ul input {
    display:inline;
}
.sign_up .input_option input {
    display:inline;
}
.sign_up ul input.small_input {
    width:60px;
}
.content .contact {
	display:block;
    padding:50px 5% 0px 25%;
}
.content .thank_you {
	display:block;
    padding:50px 5% 0px 5%;
    text-align:center;
}
.content .thank_you .info, .content .thank_you .line2 {
    padding-right:0;
}
.content .about {
	display:block;
    padding:60px 5% 60px 5%;
}
.content .contact .contact_form {
    margin-left:-70px;
}
.content .contact .input_text {
	width:25%;
}
.content .contact ul input, .content .contact ul select, .content .contact ul textarea  {
    width:65%;
}
.content .contact .submit {
    margin-left:26.5%;
}
.banner .banner_cta  {
    padding:20px 10%;
    line-height:30px;
    margin:0px;
    width:80%;
    position:relative;
    text-align: center;
}
.banner .banner_cta .cta_text {
    width:100%;
    padding-left:0%;
}
.banner .banner_cta .cta_button {
    position:relative;
    display:block;
    padding:0px;
    margin-top:20px;
}
.banner .banner_cta .cta_button input.cta:hover {
    margin:-2px 0px 0px;
}
.content .about .tagline {
	display:none;
}
.content .success {
    padding-bottom:60px;
    padding-left:10%;
    padding-right:10%;
}
}