@import "https://fonts.googleapis.com/css?family=Poppins&display=swap";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800";
@import "https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,300,600";

body {font-family:'Poppins',Arial,sans-serif;background:#f9f9fc;font-weight:300;color:#555;}
h1 {
  font-size:38px;font-weight:400;color:#505656;font-family:Montserrat;margin:20px 0;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
}
h2 {font-size:22px;font-weight:600;color:#333;margin:0;border-bottom:1px solid #ddd;margin-bottom:15px;padding-bottom:5px;font-family:Montserrat;}
h2:not(:first-child) {margin-top:40px;}

[type="radio"]:checked, [type="radio"]:not(:checked) {position:absolute;left:-9999px;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {content:'';position:absolute;left:0;top:0;width:17px;height:17px;border:2px solid #d5d5d5;border-radius:100%;background:#fff;}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {content:'';width:13px;height:13px;background:#1ab188;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
[type="radio"]:not(:checked) + label:after {opacity:0;-webkit-transform:scale(0);transform:scale(0);}
[type="radio"]:checked + label:after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

[type="checkbox"]:checked, [type="checkbox"]:not(:checked) {position:absolute;left:-9999px;}
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label {position:relative;padding-left:28px;cursor:pointer;line-height:20px;display:inline-block;color:#666;}
[type="checkbox"].kcv-failed:checked + label, [type="checkbox"].kcv-failed:not(:checked) + label {color:#ff0000;}
[type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:before {content:'';position:absolute;left:0;top:0;width:17px;height:17px;border:2px solid #d5d5d5;border-radius:100%;background:#fff;}
[type="checkbox"].kcv-failed:checked + label:before, [type="checkbox"].kcv-failed:not(:checked) + label:before {border-color:#ff0000;}
[type="checkbox"]:checked + label:after, [type="checkbox"]:not(:checked) + label:after {content:'';width:13px;height:13px;background:#1ab188;position:absolute;top:4px;left:4px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
[type="checkbox"]:not(:checked) + label:after {opacity:0;-webkit-transform:scale(0);transform:scale(0);}
[type="checkbox"]:checked + label:after {opacity:1;-webkit-transform:scale(1);transform:scale(1);}

#header {text-align:center;margin:20px 0;overflow:hidden;}
#header .logo {text-align:left;display:inline-block;width:25%;vertical-align:middle;}
#header h1 {margin:0;line-height:58px;text-align:right;display:inline-block;width:74%;vertical-align:middle;}

#container {
  position:relative;background:#fff;
  box-shadow:0 0 13px 0 rgba(82,63,105,.05);
  border-radius:4px;
  border:1px solid rgba(82,63,105,.1);
}

.required-legend {position:absolute;top:10px;right:40px;font-size:75%;}
.required-legend span {margin-right:4px;color:#ff0000;}

.error {color:#ff0000;margin:0;}
.error:before {font-family:"Font Awesome 5 Free";content:"\f071";font-weight:900;margin-right:5px;}

.kcv-failed {color:#ff0000 !important;border-color:#ff0000 !important;}

.form-loader {
  width:600px;padding:15px 30px;font-size:28px;font-weight:600;text-transform:uppercase;background:#1ab188;color:#fff;cursor:not-allowed;margin:0 auto;font-family:Montserrat;text-align:center;display:none;
  -webkit-text-shadow:0 1px 1px rgba(0,0,0,.25);-moz-text-shadow:0 1px 1px rgba(0,0,0,.25);text-shadow:0 1px 1px rgba(0,0,0,.25);
  -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
}
.form-loader .fa-spinner {
  margin-right:10px;
  -webkit-animation-name:spin;
  -webkit-animation-duration:4000ms;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:linear;
  -moz-animation-name:spin;
  -moz-animation-duration:4000ms;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:linear;
  -ms-animation-name:spin;
  -ms-animation-duration:4000ms;
  -ms-animation-iteration-count:infinite;
  -ms-animation-timing-function:linear;
  animation-name:spin;
  animation-duration:4000ms;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
@-ms-keyframes spin {
  from {-ms-transform:rotate(0deg);}
  to {-ms-transform:rotate(360deg);}
}
@-moz-keyframes spin {
  from {-moz-transform:rotate(0deg);}
  to {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spin {
  from {-webkit-transform:rotate(0deg);}
  to {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
  from {transform:rotate(0deg);}
  to {transform:rotate(360deg);}
}

body.modal {width:700px;}
body.modal #header {width:700px;margin:20px auto;}
body.modal #header .logo, body.modal #header h1 {display:block;text-align:center;width:100%;}
body.modal form {width:700px;margin:0 auto;}
body.modal #container .body {width:620px;}

#container .header {background:#f3f3f3;border-bottom:#e7e7e7;padding:15px;text-align:center;}

#container .body {padding:20px 40px;position:relative;}

#container .footer {padding:15px;border-top:1px solid #e7e7e7;background:#f3f3f3;border-radius:0 0 4px 4px;}

form input[type=password], form input[type=text], form textarea {background:#fff;border:1px solid #e2e5ec;color:#495057;padding:6px 12px;font-family:'Poppins';font-size:16px;font-weight:300;border-radius:4px;}
form input[type=password]:focus, form input[type=text]:focus, form textarea:focus {border:1px solid #0078b7;}
form input[type=file] {background:#fff;border:1px solid #e2e5ec;color:#495057;padding:5px 12px;font-family:'Poppins';font-size:16px;font-weight:300;border-radius:4px;}
form input[type=checkbox], form input[type=radio] {float:left;width:auto !important;}
form select {background:#fff;border:1px solid #e2e5ec;color:#495057;padding:5px 12px;font-family:'Poppins';font-size:16px;font-weight:300;border-radius:4px;}

form [readonly], form [readonly="readonly"] {cursor:not-allowed;}

form .row {margin-bottom:15px;overflow:hidden;}
form .row:last-child {margin-bottom:0;}
form .row > .full {width:100%;}
form .row > .full input,
form .row > .full textarea,
form .row > .full select {width:100%;}
form .row > .left {width:50%;float:left;}
form .row > .left input,
form .row > .left textarea,
form .row > .left select {width:99%;}
form .row > .right {width:50%;float:right;}
form .row > .right input,
form .row > .right textarea,
form .row > .right select {width:100%;}
form .row > .thirds-one {width:33.3%;float:left;}
form .row > .thirds-one input,
form .row > .thirds-one textarea,
form .row > .thirds-one select {width:99%;}
form .row > .thirds-two {width:33.4%;float:left;}
form .row > .thirds-two input,
form .row > .thirds-two textarea,
form .row > .thirds-two select {width:99%;}
form .row > .thirds-three {width:33.3%;float:left;}
form .row > .thirds-three input,
form .row > .thirds-three textarea,
form .row > .thirds-three select {width:100%;}
form .row > .thirds-one-two {width:66.7%;float:left;}
form .row > .thirds-one-two input,
form .row > .thirds-one-two textarea,
form .row > .thirds-one-two select {width:99%;}
form .row > .thirds-two-three {width:66.7%;float:left;}
form .row > .thirds-two-three input,
form .row > .thirds-two-three textarea,
form .row > .thirds-two-three select {width:99%;}

.menu-left {width:30% !important;float:left !important;}
.menu-right {width:30% !important;float:right !important;}
.menu-left .button,
.menu-right .button {font-size:14px;padding:10px;}

form .row span.label,
form label {display:block;height:22px;font-weight:400;}
form .row span.label.required {}
form .row span.label.required:after,
form label.required:after {content:'*';color:#ff0000;}
form .row span.sub-label {display:block;font-size:12px;color:#aaa;}


form input[type=submit], a.button {
  border:0;outline:none;border-radius:0;padding:15px 30px;font-size:28px;font-weight:600;text-transform:uppercase;background:#1ab188;color:#fff;cursor:pointer;display:block;margin:0 auto;font-family:Montserrat;text-align:center;text-decoration:none;
  text-shadow:0 1px 1px rgba(0,0,0,.25);
  -webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;
  border-radius:4px;
}
form input[type=submit]:hover, a.button:hover,
form input[type=submit]:focus, a.button:focus {background:#179b77;}

form input[type=submit].button-small, a.button-small {display:inline-block;padding:5px 10px;font-size:14px;}

p#copyright {text-align:center;font-size:12px;}