/* Reset */
html, body, div, span, applet, object, iframe { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
main, div, article { box-sizing: border-box; }
blockquote, abbr, acronym, address, big, cite, del, dfn, em, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, center, details, embed, figure, figcaption, hgroup, output, ruby, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
br { display: block; }
pre, code { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
fieldset, form, label, caption, legend { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, canvas, footer, header { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
menu, nav, section, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
p { margin: 0; padding: 0; }

body { line-height: 1.5; cursor: default; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a { text-decoration: none; color: blue; }
a:focus { outline: thin dotted; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; vertical-align: top; }
textarea { resize: vertical; }

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after { display: block; content: ""; clear: both; }

/* Images */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { margin: 5px 20px 5px 0; }
.wp-caption.alignleft { margin: 5px 10px 5px 0; }
img.alignright { margin: 5px 0 5px 20px; }
.wp-caption.alignright { margin: 5px 0 5px 10px; }
img.aligncenter { margin: 5px auto; }
img.alignnone { margin: 5px 0; }

/* Style */

.landing body { background: #fff url("../images/landing-background.jpg") no-repeat center top; background-size: cover; }

body { font: normal normal 20px/1.4 "lato_regular"; color: #363636; background: #fff; min-width: 320px; margin: 0; padding: 0; position: relative; font-family: 'Lato', sans-serif; }
a { color: #43BCF7; cursor: pointer; transition: color 300ms ease-in-out; }
img { border: none; height: auto; max-width: 100%; vertical-align: top; }
ul { list-style-type: none; margin: 0; padding: 0; }
ul, li { box-sizing: border-box; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: 1.2;  /*font-family: "lato_heavy",sans-serif;*/font-family: 'Lato', sans-serif; font-style: normal; font-weight: 900; color: #274768; }
input, textarea, select { background: #fff; /*font: normal 16px/1.5  "lato_regular";*/ font: normal 16px/1.5  "Lato", sans-serif; color: #363636; text-transform: uppercase; }
button:focus,
a:focus,
input:focus,
textarea:focus { outline: none !important; }
p { line-height: 1.2; margin-bottom: 1.5em; }

button { border: none; }
button,
.button { /*font-family: "lato_bold", sans-serif;*/ font-family: 'Lato', sans-serif; font-size: 1.142em; font-weight: 700; }
.button { background: #3AA6DB; color: #fff; border-radius: 0; text-transform: uppercase; display: inline-block; height: 69px; line-height: 69px; min-width: 10em; text-align: center; letter-spacing: .035em; transition: all 300ms ease-in-out; }
.button:hover { cursor: pointer; background: #274768; }

::selection { color: #fff; background: #43BCF7; }

.wrap { max-width: 1804px; margin: 0 auto; padding: 0 2em; }
.input { background: #fff; color: #274768; line-height: 1; box-shadow: none; border: 1px solid #8E8E8E; border-radius: 0px;  padding: 0.5em; box-sizing: border-box; height: 3.5em; width: 100%; font-size: .95em; text-transform: none; font-weight: 600; transition: all 300ms ease-in-out; height: 54px; padding-left: 1.75em; }
.input::placeholder { opacity: 1; color: #8E8E8E; font-size: 16px; font-weight: 300; }
.input-row { margin-bottom: 1em; padding-left: 1.35em; }
.input-rows { margin-left: -1.35em; display: flex;flex-flow: row wrap; }
.input-row textarea { resize: none; resize: vertical; min-height: 2.75em; padding: 1em .5em .5em; padding-left: 1.75em; }
.input-row.in-row-2 { width: 50%; padding-left: 1.35em; }
.input-row.in-row-1 { width: 100%; }
.input:focus { background: #fff; border: 1px solid #43BCF7; }
.input-rows-radio { margin-bottom: .5em; }
.input-rows-radio label { color: #274768; font-size: .9em; font-weight: 600; }

/* Input icons */
.input.name { background: url(../images/icon_user_gray.png) no-repeat left .5em center; }
.input.name:focus,
.input.name:active { background: url(../images/icon_user.png) no-repeat left .5em center; } 
.input.company { background: url(../images/icon_company_gray.png) no-repeat left .5em center; }
.input.company:focus,
.input.company:active { background: url(../images/icon_company.png) no-repeat left .5em center; } 
.input.email { background: url(../images/icon_email_gray.png) no-repeat left .5em center; }
.input.email:focus,
.input.email:active { background: url(../images/icon_email.png) no-repeat left .5em center; } 
.input.reference { background: url(../images/icon_hash_gray.png) no-repeat left .5em center; }
.input.reference:focus,
.input.reference:active { background: url(../images/icon_hash.png) no-repeat left .5em center; } 
.input.state { background: url(../images/icon_map_gray.png) no-repeat left .5em center; }
.input.state:focus,
.input.state:active { background: url(../images/icon_map.png) no-repeat left .5em center; } 
.input.message { background: url(../images/icon_pen_gray.png) no-repeat left .5em top 1em; }
.input.message:focus,
.input.message:active { background: url(../images/icon_pen.png) no-repeat left .5em top 1em; } 
textarea.input.name { background: url(../images/icon_user_gray.png) no-repeat left .5em top 1em; }
textarea.input.name:focus,
textarea.input.name:active { background: url(../images/icon_user.png) no-repeat left .5em top 1em; } 

/* radio */
.input-rows-radio [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.input-rows-radio [type="radio"]:checked + label, 
[type="radio"]:not(:checked) + label { position: relative; padding-left: 40px; cursor: pointer; line-height: 1.5; display: inline-block; margin-right: 1em; margin-bottom: 1em; }
.input-rows-radio [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 26px; height: 26px; border: 1px solid #8E8E8E; border-radius: 100%; }
.input-rows-radio [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 14px; height: 14px; background: #3AA6DB; position: absolute; top: 7px; left: 7px; border-radius: 100%; transition: all 0.2s ease; }
.input-rows-radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.input-rows-radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

.page-header { padding: 1.85em 0; }

.text strong { color: #338AB6; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: -.005em; }
.checked-list { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; margin: 1.75em 0 2.35em; max-width: 38em; }
.checked-list li { color: #435F7B; letter-spacing: 0.05em; font-weight: 700; line-height: 1.2; padding-left: 2.5em; margin-bottom: -.35em; }
.checked-list li:before { content: ''; display: inline-block; width: 24px; height: 24px; background: #43BCF7 url("../images/icon-check.png") no-repeat center; border-radius: 50%; margin-left: -2.5em; margin-right: 1.25em; float: left; }
.copy { font-size: .9em; font-weight: 300; line-height: 1.2; }
.copy a { color: #fff; display: inline-block; }
.copy a:hover { color: #43BCF7; }
.page-content { padding: 2em 0 1em; }
.page-content .content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; }
.text-content { padding-right: 6%; }
.text-intro { max-width: 37em; }
.text-intro p { letter-spacing: .0125em; }
.download-sample { padding: 1em 0; margin-bottom: 2.5em; }
.download-sample a { text-decoration: underline; letter-spacing: 0.02em; font-weight: 600; font-size: 1.05em; transition: color 300ms ease-in-out; display: inline-block; }
.download-sample a:hover { color: #274768; }
.page-heading-title { font-size: 1.5em; margin-bottom: .75em; margin-bottom: 1em; }
.text-desc { font-size: 1.05em; letter-spacing: .0075em; }
.text-desc p { line-height: 1.365; }


.form-box { background: #fff; padding: 3em; box-shadow: 0px 4px 40px rgba(72, 131, 165, 0.15); border-radius: 10px; position: relative; top: -5em; padding-bottom: 2em; }
.page-title { font-size: 3em; margin-bottom: .55em; max-width: 9em; line-height: 1.2; }
.page-title.mobile { display: none; }
.box .page-heading-title { font-size: 2em; margin-bottom: .7em; }
.form-box .intro { font-size: .9em; line-height: 1.2; margin-bottom: 1.25em; max-width: 34.8em; letter-spacing: .005em; }
.form-box h4 { color: #8E8E8E; font-weight: 500; font-size: .9em; margin: 0 0 1em; }
.form-box .button { min-width: 12.5em; }
.form-box .messages { margin-top: 1.5em; font-size: .9em; padding: .35em; text-align: center; }
.form-box .messages.success { border: 1px solid #3AA6DB; }
.form-box .messages.error { border: 1px solid red; }

.page-footer { background: #2B3845; color: #fff; padding: 1em 0; }
.page-footer .content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.social-links { text-align: center; }
.social-links li { display: inline-block; margin: 0 1.65em; }
.social-links li a { display: inline-block; transition: opacity 300ms ease-in-out; }
.social-links li a:hover { opacity: .6; }

/* Responsive */
@media all and ( max-width: 1400px ) {
    .page-title { font-size: 2.5em; }
    .form-box { padding: 3em 2em 2em; }
    .text-desc br { display: none; }
}

@media all and ( max-width: 1200px ) {
    .form-box { top: -2em; }
}

@media all and ( max-width: 1024px ) {
    .page-content .content { grid-template-columns: 1fr; }
    .form-box { top: auto; }
    .page-content { padding: 2em 0 3.5em; }
    .text-content { padding-right: 0; }
    .page-title { font-size: 2.25em; display: none; }
    .page-footer .content { display: block; text-align: center; }
    .social-links { margin: 1.5em 0; }
    .form-content { grid-row: 1; }
    .page-title.mobile { display: block; }
    .text-desc br { display: none; }
}

@media all and ( max-width: 768px ) {
    .page-title { font-size: 2em; }
    .input-row.in-row-2 { width: 100%; }
    .box .page-heading-title { font-size: 1.65em; }
    .page-header { padding: 1em 0; }
}

@media all and ( max-width: 650px ) {
    .checked-list { grid-template-columns: 1fr; }
    .social-links li { margin: 0 1em; }
    .form-box .button { min-width: 8em; font-size: 1em; height: 50px; line-height: 50px; }
}

@media all and ( max-width: 540px ) {
    .page-title { font-size: 1.65em; }
    .form-box { padding: 2.5em 1em; }
    .wrap { padding: 0 1.25em; }
    .input-rows-radio label { font-size: .825em; }
    .box .page-heading-title { font-size: 1.45em; }
    .page-heading-title { font-size: 1.25em; }
    .text-desc { font-size: 1em; }
    .text p { line-height: 1.45; }
    .download-sample { margin-bottom: 1.5em; }
    .checked-list li { font-size: .9em; }

}