/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
{% include "hubspot/styles/responsive/modules.css" %}
{% include "hubspot/styles/patches/recommended.css" %}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/



.fixed-sizeblock{width: 100%; background: url('//cdn2.hubspot.net/hubfs/105208/layout/img/banners/path-to-roi-bg.jpg?t=1459369004604') top center no-repeat fixed; background-size: cover; transition: all ease 0.3s; clear: both;}
.form-blocker{margin: 0 auto; padding: 80px 15px 80px; text-align: center; transition: all ease 0.3s;}
.fixed-sizeblock .form-blocker h4{font-size: 50px; line-height: 50px; color: #fff; margin: 0 0 40px; font-weight: 100; text-align: center;}
.fixed-sizeblock .form-blocker h5{font-size: 20px; line-height: 30px; color: #999; width: 33%; margin: 0 auto; font-weight: 300;}
.fixed-sizeblock .form-blocker a{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle;  -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;  background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 17px; line-height: 1.42857143; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; content: "Get Started"; position: relative; background-color: #86bd3b; color: #fff; padding: 10px 25px; margin-bottom: 30px; font-size: 1em; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
#opensesame form.hs-form fieldset {width: 33%; float: left; padding-left: 15px; padding-right: 15px;}
#opensesame form.hs-form fieldset div.field.hs-form-field {width: 100%; padding: 0 10px; float: left; position: relative; padding-top: 10px; padding-bottom: 40px;}
#opensesame form.hs-form fieldset div.field.hs-form-field input, #opensesame textarea{background: rgba(255, 255, 255, 0.2);}
#opensesame form.hs-form fieldset div.field.hs-form-field label{color: #fff; display: block!important; height: 20px!important; overflow: visible!important; clip: inherit!important; position: absolute; bottom: 9px; text-align: center; width: 100%;}
#opensesame .hs-error-msgs label{top: -12px;}

#opensesame{transition: all ease 0.3s; height: 0px; overflow: hidden;}
.peek{transition: all ease 0.3s; height: auto!important; overflow: visible!important;}
#opensesame form{max-width: 1500px; margin: 0 auto;}
#opensesame form select{background: rgba(255, 255, 255, 0.2);}
#opensesame form textarea{min-height: 274px;}
#opensesame form .hs_submit{clear: both;}
#opensesame form .hs_submit input{width: 27%;}



@media(max-width: 760px){
#opensesame form .form-columns-3{width: 50%!important;}
#opensesame form{padding: 0 15px; float: none!important;}
#opensesame form.hs-form fieldset[class*="form-columns"] .hs-input{width: 90%!important;}
#opensesame .form-columns-1{width: 100%!important;}
#opensesame .form-columns-1 .hs-input{width: 100%!important;}
#opensesame form textarea{width: 100%!important; max-width: none;}
}

@media(max-width: 600px){
#opensesame form .form-columns-3{width: 100%!important; float: none!important; clear: both;}
}


@media(max-width:767px){
	#roi-form h5{
		width:70%;
	}
}


@media(max-width:453px){
	#roi-form h5{
		width:100%;
	}
}

