/* RESET */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }


 @import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');

/* -------------- FORMS ---------------- */



body, input, textarea { font-family: 'Roboto', sans-serif; }

form { padding: 20px 0; margin: 0; }

form .form-container { text-align: center; }

fieldset { border: none; }

fieldset ul li { margin: 0 0 10px 0; list-style: none; padding: 0; position: relative; clear: both; }

fieldset li label, fieldset li.field.boolean label.checkbox-label { display: none; }
span.checkbox-option { position: absolute; top: 0px; left: 0px; }

fieldset li.field.boolean label{ display: block; margin-left: 30px; }

fieldset li .field_info { font-size: 11px; color: #999; font-style: italic; }

input, textarea, option { font-size: 13px; }

input[type=text], input[type=password], textarea { 
	font-family: 'Roboto', sans-serif;
	color: rgba(153, 153, 153, 1);
    border: 1px solid rgba(153, 153, 153, 0.3);
    border-radius: 4px;
    min-height: 46px;	
	padding: 10px 20px 10px 20px;
	width: 100%; 
	font-size: 16px; 
}

input[type=checkbox]{
	width: 15px!important; 
	height: 15px!important;  	
}
input[type=checkbox].error{ 
	border: 1px solid #f00!important;
	-webkit-appearance: none;
	border-radius: 3px;
}


input:focus, textarea:focus { outline: none; color: #00558C!important; border: 1px solid #00B1E2!important; background-color: #fff!important; box-shadow: none!important}

select { 
	font-family: 'Roboto', sans-serif;
	font-size: 16px; 
	color: rgba(153, 153, 153, 1);
	width: 100%; 
	max-width: 100%; 
	border: 1px solid rgba(153, 153, 153, 0.3);
    border-radius: 4px;
    min-height: 46px;	
    height: 46px;	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')
      !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
    padding: 0em 0em 0em .35em;	
}

option { padding: 2px; font-size: 14px; }

textarea { height: 60px; border: 1px solid #888; }

p { font-size: 12px; text-align: left; }

p.clear { text-align: center; }

.checkbox-option input[type=checkbox]{ float: left; }

/* -------------- Errors ---------------- */
label.error { display: none!important; }
input.error, select.error { border: 1px solid #f00; }

#form_errors { clear: both; float: left; background: #d93d3d; color: #fff; box-shadow: 0 1px 1px #900; font-size: 12px; padding: 5px 6px; margin: 10px 0; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

#form_errors.hide { display: none; }

/* Buttons */
.button { 
	cursor: pointer; 
	font-family: 'Roboto', sans-serif; 
	font-size: 16px; 
	border: 2px solid rgba(0, 177, 226, 1);
    border-radius: 4px;
    background-color: rgba(0, 177, 226, 1)!important;	
	line-height: 1.6;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 1);
    padding: 14px 42px 14px 42px; 
    text-shadow: none;
    -webkit-box-shadow: none;
    background-image: none;   
}

.button:hover { 
	background-image: none; 
	background-size: 100%;  
	background-color: #00558C!important;
	}

.button:active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #f9f9f9)); background-image: -moz-linear-gradient(#cccccc, #f9f9f9); background-image: -webkit-linear-gradient(#cccccc, #f9f9f9); background-image: linear-gradient(#cccccc, #f9f9f9); }

button { cursor: pointer; }

/* Utils */
.clear { clear: both; }

.pull-right { float: right; }

.pull-left { float: left; }

body .hide { display: none; }

/* reCaptcha */
.ss-recaptcha .ss-recaptcha-logo { height: 24px; width: 24px; float: left; background: url(https://www.gstatic.com/recaptcha/api2/logo_48.png); background-size: 24px 24px; display: none; }
.ss-recaptcha .ss-anchor-invisible-text { font-size: 12px; color: #7F7F7F; }
.ss-recaptcha .ss-anchor-pt { font-size: 12px; }
.ss-recaptcha .ss-anchor-pt a { color: #7F7F7F; }

/* Multicolumn */
@media only screen and (min-width: 450px) { .row { display: flex; }
  .row .col-2, .row .col-3 { display: inline-block; vertical-align: top; }
  .row .col-2:not(:last-child), .row .col-3:not(:last-child) { margin-right: 3%; }
  .row .col-2 { width: 48.5%; }
  .row .col-3 { width: 31.3%; }
  .row hr { align-self: center; }
  .row hr.col-2 { vertical-align: middle; width: calc(48.5% - 2px); }
  .row hr.col-3 { vertical-align: middle; width: calc(31.3% - 2px); } }