@import url(//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700italic,700);

/* ==========================================================================
   Base styles
   ========================================================================== */

html, body, body form.form { color: #222; font-size: 1em; line-height: 1.4; margin: 0; padding: 0; }
::-moz-selection { background: #FF8; text-shadow: none; }
::selection { background: #FF8; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
img { border: 0; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/* =General
------------------------------------------------------------------- */
body, body form.form { font: 16px/1.4 'Roboto', 'Helvetica Neue', sans-serif; color: #595a5c; }
body .pform_wrapper.on-dark form.form { color: #fff; }
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
body p.error.no-label { display: none !important; }

body form.form p.submit input { display: inline-block; border: 1px solid #000; color: #000; padding: 15px 30px; color: #111; margin-left: 8px; text-decoration: none !important; text-transform: uppercase; background-color: transparent; cursor: pointer; font-size: 16px; letter-spacing: 1px; text-align: center; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }
body form.form p.submit input:hover { background-color: #000; color: #fff; -webkit-transition: color .2s, background-color .2s, opacity .2s; transition: color .2s, background-color .2s, opacity .2s; -moz-transition: color .2s, background-color .2s, opacity .2s; }

body form.form p.no-label, body form.form p.email-pref { margin-left: 0; }
body form.form p.submit { margin-left: 0; margin-right: 0; text-align: center; }

body .pform_wrapper form.form p span.description { margin: 0; padding: 5px 0 0 0; font-size: 14px; font-weight: 300; color: rgba(0,0,0,0.5); }
body .pform_wrapper form.form p span.description a { color: rgba(0,0,0,.8); }
body .pform_wrapper form.form p span.description a:hover { color: #000; }
body .pform_wrapper.on-dark form.form p span.description { color: rgba(255,255,255,0.5); }
body .pform_wrapper.on-dark form.form p span.description a { color: rgba(255,255,255,.8); }
body .pform_wrapper.on-dark form.form p span.description a:hover { color: #fff; }

/* =Theme
------------------------------------------------------------------- */
input::-webkit-input-placeholder { color: #595a5c; }
input:-moz-placeholder { color: #595a5c; }
input::-moz-placeholder { color: #595a5c; }
input:-ms-input-placeholder { color: #595a5c; }
textarea::-webkit-input-placeholder { color: #595a5c; }
textarea:-moz-placeholder { color: #595a5c; }
textarea::-moz-placeholder { color: #595a5c; }
textarea:-ms-input-placeholder { color: #595a5c; }
.on-dark input::-webkit-input-placeholder { color: #fff; }
.on-dark input:-moz-placeholder { color: #fff; }
.on-dark input::-moz-placeholder { color: #fff; }
.on-dark input:-ms-input-placeholder { color: #fff; }
.on-dark textarea::-webkit-input-placeholder { color: #fff; }
.on-dark textarea:-moz-placeholder { color: #fff; }
.on-dark textarea::-moz-placeholder { color: #fff; }
.on-dark textarea:-ms-input-placeholder { color: #fff; }

.pform_wrapper { max-width: 620px; margin: 0 auto; padding-bottom: 20px; }
.pform_wrapper h3.pform_title { margin: 0 0 10px; font: 400 32px 'Roboto Condensed', 'Roboto', 'Helvetica Neue', sans-serif; text-transform: uppercase; text-align: center; letter-spacing: 1px !important; }
.pform_wrapper .pform_description { padding: 2px 0 0 0; margin: 0 0 20px; }
.pform_wrapper .form-field input[type=text], .pform_wrapper .form-field input[type=url], .pform_wrapper .form-field input[type=email], .pform_wrapper .form-field input[type=tel], .pform_wrapper .form-field input[type=number], .pform_wrapper .form-field input[type=password], .pform_wrapper .form-field textarea { background-color: transparent; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #000; color: #000; font: 300 italic 16px 'Roboto', 'Helvetica Neue', sans-serif; }
.pform_wrapper.on-dark .form-field input[type=text], .pform_wrapper.on-dark .form-field input[type=url], .pform_wrapper.on-dark .form-field input[type=email], .pform_wrapper.on-dark .form-field input[type=tel], .pform_wrapper.on-dark .form-field input[type=number], .pform_wrapper.on-dark input[type=password], .pform_wrapper.on-dark textarea { border-color: #fff; color: #fff; }
body .pform_wrapper .error input, body .error textarea { border-color: #f00 !important; }
body .pform_wrapper form.form p.submit input { min-width: 200px; }
body .pform_wrapper.on-dark form.form p.submit input { border-color: #fff; color: #fff; }
body .pform_wrapper.on-dark form.form p.submit input:hover { background-color: #fff; color: #111; }

.gform_confirmation_message { padding: 20px; margin: 0 15px 15px; background-color: #ffb; }
.pform_wrapper .form-field { clear: none; width: 48%; float: left; margin-bottom: 20px; }
.pform_wrapper .form-field input { width: 100%; }
.pform_wrapper input[type=text], .pform_wrapper textarea, .pform_wrapper select { width: 96% !important; }
.pform_wrapper textarea { min-width: 96%; overflow: hidden; word-wrap: break-word; resize: none; }
.pform_wrapper .form-field:last-child, .pform_wrapper .form-field.comments { clear: both; width: 100%; float: none; }

@media only screen and (max-width: 767px) {
	.pform_wrapper .form-field { clear: both; width: 100%; float: none; }
	.pform_wrapper input[type=text], .pform_wrapper textarea, .pform_wrapper select { width: 100% !important; max-width: 100% !important; }

}

/* Footer Slim */
body .pform_wrapper.footer-subscribe-slim { background-color: #fff; padding: 0; height: 45px; position: relative; }
body .pform_wrapper.footer-subscribe-slim:before, .pform_wrapper.footer-subscribe-slim .form-field.email:after { content: " "; display: table; }
body .pform_wrapper.footer-subscribe-slim:after { clear: both; }
body .pform_wrapper.footer-subscribe-slim p { display: inline; margin: 0; padding: 0; }

body .pform_wrapper.footer-subscribe-slim p.errors { position: absolute; top: -1px; left: 0; font-size: 11px; }

body .pform_wrapper.footer-subscribe-slim input[type=text] { border: 0; width: calc(100% - 35px) !important; height: 45px; margin: 0; padding: 0 15px; background-color: #fff; color: #3d3d3d; border: 0; -webkit-appearance: none; border-radius: 0; outline: none; }
body .pform_wrapper.footer-subscribe-slim input[type=image] { display: block; width: 40px; height: 45px; min-width: 0 !important; margin: 0; padding: 0; position: absolute; top: 0; right: 0; border: 0; outline: none; -webkit-appearance: none; border-radius: 0; background-color: #fff; transition: .2s background-color; -webkit-transition: .2s background-color; -moz-transition: .2s background-color; }
body .pform_wrapper.footer-subscribe-slim input[type=image]:hover { background-color: #414d56 !important; }
