@font-face {
  font-family:	'BarlowCondensed';
  src:					url('../fonts/BarlowCondensed-Regular.eot');
  src:					url('../fonts/BarlowCondensed-Regular.eot?#iefix') format('embedded-opentype'),
								url('../fonts/BarlowCondensed-Regular.ttf') format('truetype'),
								local("?");
  font-weight:	400;
  font-style:		normal;
  font-display: swap;
}

@font-face {
  font-family:	'BarlowCondensed';
  src:					url('../fonts/BarlowCondensed-Bold.eot');
   src:					url('../fonts/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
								url('../fonts/BarlowCondensed-Bold.ttf') format('truetype'),
								local("?");
  font-weight:	700;
  font-style:		normal;
  font-display: swap;
}

html                                                                   { box-sizing: border-box }
*, *:before, *:after                                                   { box-sizing: inherit }
body                                                                   { background: #ffffff; margin: 0px; color: #000000; font-size: 12px; line-height: 18px; font-weight: 400; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif }
h1                                                                     { margin: 0px; font-size: 24px; line-height: 36px; font-weight: 400 }
h2                                                                     { margin: 0px; font-size: 18px; line-height: 30px; font-weight: 400 }
h3                                                                     { margin: 0px; font-size: 14px; line-height: 24px; font-weight: 400 }
b                                                                      { font-weight: 700 }
a                                                                      { color: #000000 }
input[type=radio]                                                      { display: none }
input[type=radio] + label                                              { display: block; float: left; width: 100%; padding: 19px 0px 19px 0px; background: #dfdfdf; border-radius: 5px; color: #000000; line-height: 12px; text-transform: uppercase; text-align: center; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
input[type=radio]:hover + label                                        { background: #0089d0 }
select,
textarea,
input[type=tel],
input[type=text]                                                       { float: left; width: 100%; height: 50px; padding: 19px 9px 9px 9px; background: #ffffff; border: solid 2px #dfdfdf; border-radius: 5px; outline: none; color: #000000; font-size: 12px; line-height: 18px; font-weight: 400; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-appearance: none }
select.error,
textarea.error,
input[type=tel].error,
input[type=text].error                                                 { border-color: #ff0000 }
select:focus,
textarea:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:not([value=""]),
textarea:not(:placeholder-shown),
input[type=tel]:not(:placeholder-shown),
input[type=text]:not(:placeholder-shown)                               { border-color: #000000 }
select + label,
textarea + label,
input[type=tel] + label,
input[type=text] + label                                               { display: block; position: absolute; left: 11px; top: 16px; pointer-events: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
select.error + label,
textarea.error + label,
input[type=tel].error + label,
input[type=text].error + label                                         { color: #ff0000 }
select:focus + label,
textarea:focus + label,
input[type=tel]:focus + label,
input[type=text]:focus + label,
select:not([value=""]) + label,
textarea:not(:placeholder-shown) + label,
input[type=tel]:not(:placeholder-shown) + label,
input[type=text]:not(:placeholder-shown) + label                       { top: 10px; font-size: 10px; line-height: 14px }
select                                                                 { background-image: url(../images/layout/select.svg); background-repeat: no-repeat; background-position: right center; background-size: contain }
textarea                                                               { height: 120px; overflow: auto; resize: none }
input[type=submit]                                                     { float: left; width: 100%; height: 60px; padding: 0px; background: #dfdfdf; border: none; border-radius: 5px; color: #000000; font-size: 14px; line-height: 14px; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
input[type=submit]:hover                                               { background: #0089d0 }
div#refresh_captcha                                                    { display: block; position: relative }
div#refresh_captcha div                                                { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; background: #dfdfdf url(../images/layout/update.svg) no-repeat center; background-size: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
div#refresh_captcha div:hover                                          { background-color: #0089d0 }
div#refresh_captcha img                                                { float: left; width: 100% }
div.content                                                            { float: left; width: 100%; padding: 20px calc(50% - 140px) 20px calc(50% - 140px) }
div.content .progress                                                  { float: left; width: calc(100% - 10px); padding: 5px; background: #dfdfdf; border-radius: 5px; margin: 5px }
div.content .progress div                                              { float: left; height: 10px; background: #0089d0; border-radius: 2.5px }
div.content .assistant                                                 { float: left; width: 60px; height: 60px; background: url(../images/layout/assistant.svg) no-repeat center; background-size: contain; margin: 5px }
div.content .bubble                                                    { position: relative; float: left; width: calc(100% - 80px); height: 60px; background: #dfdfdf; border-radius: 5px; margin: 5px }
div.content .bubble:before                                             { display: block; position: absolute; z-index: 1; left: -5px; top: calc(50% - 5px); width: 10px; height: 10px; background: #dfdfdf; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); content: '' }
div.content .bubble h3                                                 { display: block; position: absolute; z-index: 2; left: 0%; top: 0%; width: 100%; padding: 12px; line-height: 18px }
div.content .entry                                                     { position: relative; float: left; width: calc(100% - 10px); margin: 5px }
div.content .entry h3.texterror                                        { margin: -10px 0px -30px 0px; color: #ff0000 }
footer                                                                 { float: left; width: 100%; padding: 0px calc(50% - 150px) 0px calc(50% - 150px) }
footer ul                                                              { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 10px; margin: 0px; list-style-type: none }
footer ul li                                                           { display: block; float: left; margin: 5px }
footer ul li a                                                         { display: block; float: left; padding: 9px 19px 9px 19px; border: solid 1px #000000; border-radius: 15px; font-size: 10px; line-height: 10px; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
footer ul li a:hover                                                   { background: #000000; color: #ffffff }