@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
/*.form-section-wrap { padding: 60px 74px; background-color: #ffffffff }*/
.form-section-wrap h3 { margin-top: 0px; color: #34a6ba; font-family: 'Roboto'; font-size: 20px; font-weight: 400; line-height: 48px; margin-bottom: 36px }
.form-section-wrap *, .sign-up-section-wrap * { font-family: 'Roboto' }
.form-section form { font-family: 'Roboto'; width: calc(100% + 30px); margin: 0px -15px; position: relative }
.form-section form input, .form-section form textarea { width: 100% !important; font-family: 'Roboto' }
.form-section fieldset .input { margin: 0px !important }
.form-section fieldset input::placeholder { color: #495057; opacity: 1 }
.form-section fieldset textarea::placeholder { color: #495057; opacity: 1 }
.form-section-wrap input.hs-input { padding: 0px !important; height: 50px !important; font-size: 20px; color: #495057; border-radius: 0px; box-shadow: none; border: 0; border-bottom: 1px solid #707070; color: rgba(0, 0, 0, 0.75); font-family: 'Roboto'; font-size: 18px; font-weight: 700 }
input:focus { outline: none !important }
.form-section-wrap textarea.hs-input:focus { outline: none !important }
.form-section-wrap textarea.hs-input, .form-section-wrap select.hs-input { padding: 16px 12px; border-radius: 0px; box-shadow: none; font-size: 20px; color: #495057 }
.form-section-wrap textarea.hs-input { box-sizing: border-box !important; min-height: 100px; border: 0; border-bottom: 1px solid #707070; color: rgba(0, 0, 0, 0.75); font-family: 'Roboto'; font-size: 18px; font-weight: 700; resize: none }
.form-section-wrap select.hs-input { padding: 0px !important; padding: 0px !important; line-height: 40px; min-height: 50px; padding-left: 10px !important }
.form-section-wrap .hs_job_app_upload_documents .input input { background-color: transparent; color: #fff }
.form-section form fieldset>div { padding: 0px 15px; position: relative }
.form-section form fieldset { width: calc(100% + 30px); display: inline-block; padding-bottom: 28px }
.form-section-wrap label { top: 0px; opacity: .6; color: #465159; font-family: Roboto; font-size: 16px; font-weight: 400; position: absolute; transition: all 300ms ease-in-out }
.form-section-wrap .actions { width: 74px; height: 74px; background-color: #2eccb0; position: relative; border-radius: 50%; float: right; margin-top: -70px }
.form-section-wrap .actions input { position: absolute; top: 0; bottom: 0; opacity: 0; z-index: 1; border-radius: 50% ; height: 100%; cursor: pointer; }
.form-section-wrap .actions:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); background-image: url('https://cdn2.hubspot.net/hubfs/3305323/mail-from.png'); width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; background-position: center center; left: 46% }
.form-section-wrap label.visible { top: -20px }
hs-error-msgs label { position: static; padding-top: 8px; color: red }
ul.hs-error-msgs.inputs-list { padding-left: 0; margin-bottom: 0px; padding-bottom: 0px; }
ul.hs-error-msgs.inputs-list li { display: block }
ul.hs-error-msgs.inputs-list li label { color: red; position: static; padding-top: 8px }
ul.hs-error-msgs.inputs-list li * { color: red }
.hs_error_rollup { position: absolute; bottom: -20px; left: 17px }
.form-section .submitted-message { font-size: 21px }
.form-section textarea { background-color: transparent }
.form-section input { background-color: transparent !important }
.about-company fieldset>div { width: 100% !important; margin-bottom: 23px }
.about-company * { width: 100% !important }
.about-company form input { height: 68px; border-radius: 5px; border: 1px solid #cbcbcb; background-color: #fff; font-size: 18px; font-family: Roboto; font-weight: 300; line-height: 41px; color: #2c3841 }
.about-company form textarea { height: 68px; border-radius: 5px; border: 1px solid #cbcbcb; background-color: #fff; font-size: 18px; font-family: Roboto; font-weight: 300; line-height: 41px; color: #2c3841; resize: none ; padding: 0px 15px; }
.about-company label { font-size: 18px; font-family: Roboto; font-weight: 300; line-height: 41px; color: #2c3841 }
.about-company .hs_submit.hs-submit input { margin-top: 15px; display: inline-block; width: 154px !important; height: 40px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); border-radius: 5px; background-color: #2eccb0; color: #fff; font-family: Roboto; font-size: 14px; font-weight: 500; letter-spacing: .28px; text-transform: uppercase; padding: 0px 43px }
.about-company .hs_submit.hs-submit { width: auto !important; float: right }
.about-company { padding: 31px 0px }
.about-company .hs_submit.hs-submit .actions { position: relative }
.about-company .hs_submit.hs-submit .actions:after { content: ''; background-image: url('https://cdn2.hubspot.net/hubfs/3305323/sub-icon-get.png'); background-repeat: no-repeat; background-size: contain; width: 10px; height: 10px; position: absolute; right: 18%; transform: translateY(-50%) translateX(-50%); top: 50% }
.about-section-wrap h2 { color: #34a6ba; font-family: Roboto; font-size: 24px; font-weight: 500; line-height: 41px; margin-top: 30px; margin-bottom: 26px }
.about-section-wrap { display: inline-block; width: 100% }
.about-section-wrap .about-company { display: inline-block; width: 100% }
.about-company .submitted-message { font-size: 21px }
.about-company select { height: 68px; padding: 0px 15px; border-radius: 5px; border: 1px solid #cbcbcb; background-color: #fff; font-size: 18px; font-family: Roboto; font-weight: 300; line-height: 41px; color: #2c3841 }
@media(max-width:767px) {
	.form-section form fieldset>div { width: 100% !important; padding-bottom: 28px }
	.form-section form fieldset { padding-bottom: 0px }
	.form-section-wrap label.visible { top: -15px }
	/*.form-section-wrap { padding: 40px 40px }*/
}
@media(max-width:375px) {
	.about-section-wrap h2 { font-size: 18px; font-weight: 500; line-height: 41px; margin-bottom: 12px; margin-top: 21px }
	.about-company label { font-size: 14px; font-weight: 300; line-height: 20px; padding-right: 50px; display: inline-block; margin-bottom: 7px }
	.about-company form input { height: 45px }
	.about-company fieldset>div { margin-bottom: 11px }
	.about-company form textarea { height: 45px }
	.about-company form select { height: 45px }
}