html, body { font-family:'montserratregular'; font-size:14px; line-height:1.4em; background:#F2F3F7; color:#3a3a3a; }

h1 { font-size:30px; line-height:1.3em; color:#0C1E70; }

.content { width:90%; max-width:640px; margin:auto; }

.block { padding:20px; margin:10px 0; border:1px solid #CCC; border-radius:10px; background:#FFF; position:relative; }
.block2 { padding:20px; margin:10px 0; position:relative; }
.block.top { padding-top:32px; overflow:hidden; }
.block.image { padding:0; overflow:hidden; }
.block.thanks { display:none; }
.block.error { border:1px solid #FF0000; }
.topbar { position:absolute; top:0; left:0; width:100%; height:12px; background:#0C1E70; }
img { max-width:100%; }

label { font-weight:bold; }
label span { color:#FF0000; }

/* Text imput */
.inputarea { position:relative; }
.input { background-color:transparent; border:none; border-bottom:1px solid #CCC; color:#3a3a3a; font-size:16px; height:50px; padding:10px 0px; position:relative; width:280px; max-width:100%; }
.input:focus { outline:none; }
input::-webkit-input-placeholder { color:#3a3a3a; }
input:focus::-webkit-input-placeholder { color:#10206B; }
.input:focus+.underline { transform:scale(1); }
.underline { background-color:#10206B; display:inline-block; height:2px; bottom:0; left:0; margin-top:-4px; position:absolute; -webkit-transform:scale(0, 1); transform:scale(0, 1); -webkit-transition:all 0.25s linear; transition:all 0.25s linear; width:282px; max-width:100%; }

.block.error .input { border-bottom:1px solid #FF0000; color:#FF0000; }
.block.error .underline { background-color:#FF0000; }

.error-msg { color:#FF0000; font-size:12px; margin-top:12px; display:none; }
.block.error .error-msg { display:block; }

/* Select */
.selectarea { position:relative; width:280px; max-width:100%; font-size:16px; }
.selectarea select { width:100%; height:50px; }
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow { height:50px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:50px; }
.select2-results li:first-child ul li { color:#777!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color:#3a3a3a; }
.select2-container { font-size:16px; }

.submit { border-radius:5px; background:#0C1E70; color:#FFF; font-size:14px; padding:10px 20px; display:inline-block; cursor:pointer; border:none; margin:10px 0 20px 0; }
.submit:hover { box-shadow: 0 5px 15px rgba(16, 32, 107, .4); }
.submit.processing { opacity:0.5; pointer-events:none; }

.grecaptcha-badge { bottom:114px!important; box-shadow:none!important; right:-2000px!important; }

.disabled { opacity:0.7; pointer-events:none; }

/* Radios */
.radiogroup label { display:inline-block; position:relative; padding-left:30px; margin-bottom:12px; line-height:20px; cursor:pointer; font-size:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; font-weight:normal; }
/* Hide the browser's default radio button */
.radiogroup input { position:absolute; opacity:0; cursor:pointer; }
/* Create a custom radio button */
.checkmark { position:absolute; top:0; left:0; height:20px; width:20px; background-color:#eee; border-radius:50%; }
/* On mouse-over, add a grey background color */
.radiogroup label:hover input ~ .checkmark { background-color:#ccc; }
/* When the radio button is checked, add a blue background */
.radiogroup input:checked ~ .checkmark { background-color:#2196F3; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after { content:""; position:absolute; display:none; }
/* Show the indicator (dot/circle) when checked */
.radiogroup input:checked ~ .checkmark:after { display:block; }
/* Style the indicator (dot/circle) */
.radiogroup .checkmark:after { top:6px; left:6px; width:8px; height:8px; border-radius:50%; background:white; }

@media (max-width:768px) {
	h1 { font-size:26px; line-height:1.3em; }
	.top img { width:150px; }
}