@font-face {
    font-family: 'aktiv-grotesk';
    src: url(https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-400.woff2);
    font-style: normal;
 font-weight: 400;
}
@font-face {
    font-family: 'aktiv-grotesk-bold';
    src: url(https://static.sumup.com/fonts/latin-greek-cyrillic/aktiv-grotest-700.woff2);
    font-style: normal;
 font-weight: 700;
}

body {
    font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 background-color:rgb(250, 251, 252);
    }

.terms {display: none !important;}

.unknown {
 display:block;
 background-color:#3388ff;
 font-family:aktiv-grotesk-bold, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size: 1rem;
 color: #ffffff;
 text-align:left;
 }

.headline {
  font-family:aktiv-grotesk-bold, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight:bold;
 font-size:2rem;
color:#212933}

.subhead {
  font-family:aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight: 400;
 font-size:1.5rem;
color:#212933}

.subhead-blue {
 font-family:aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size:1.25rem;
 color:#3388FF;}

.subhead-ty-dark {
 font-family:aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-size:1.25rem;
 color:#212933;}

.headline-ty-blue {
 font-family:aktiv-grotesk-bold, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight:bold;
 font-size:2.25rem;
 color:#3388FF}

.subhead-ty-grey {
 font-family:aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight: 400;
 font-size:1.25rem;
 color: #707070 }

.seperator {
 border: 1px solid #3388FF;
 border-radius: 6px;
 overflow: hidden;
 background-color: #3388FF;
 width:100px;
 height: 10px;
 margin-top:20px;
 margin-bottom:20px;

}

.separator-or {
 border: 1px solid #F7941D;
 border-radius: 6px;
 overflow: hidden;
 background-color: #F7941D;
 width:50px;
 height: 3px;
 margin-top:10px;
 margin-bottom:20px;
}

.btn-primary {
 border: 1px solid rgb(23, 96, 206);
  border-radius: 4px;
 background-color: #3388FF;
}

.btn-warning {
 background-color:#F79420 !important;
 font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 font-size: .75rem !important;
 line-height: 1.25rem !important;
 border-radius: 4px;
 color:#ffffff;
 /*max-width:180px !important;*/
}

.btn-warning > a {
 color:#ffffff !important;
 text-decoration:none;
 }

.card {
border: 1px solid #f1f1f2 !important; }

select {
  font-size: .75rem !important;
  font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  -webkit-appearance: none !important; /* WebKit/Chromium */
  -moz-appearance: none !important; /* Gecko */
  background-color:#FFFFFF !important;}
 
select, option {
  -webkit-appearance: none !important; /* WebKit/Chromium */
  -moz-appearance: none !important; /* Gecko */
  background-color:#FFFFFF !important;
  cursor:pointer;
  position:relative;
  -webkit-transition:all 200ms ease-in-out !important;
  transition:all 200ms ease-in-out !important;
  font-size: 1rem !important;
  font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  color: rgb(157, 167, 177) !important;
  background: url('https://image.crm.sumup.com.br/lib/fe6215707c63037e7714/m/1/46a460d4-e821-405a-87bc-fc6d4734c41d.png')  no-repeat 97% 50% !important;
}

.select::-ms-expand {
  display: none;
}

.select:after {
  color: #3388FF; 
}

.form-check-label {
 font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight: 200;
 color: rgb(157, 167, 177);
 text-align: left;
 font-size: .75rem;
 -webkit-font-smoothing: antialiased;
 opacity:1 !important;
 line-height: 1rem;
}

.form-control {
 border: 1px solid #f1f1f2;
 border-radius:5px !important;
 font-size: 1rem;
 color: rgb(157, 167, 177) !important;
 opacity:1 !important;
 margin:0 !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}


.loading-bar {
 bottom:0px;
 position:absolute;
}

.loading {
background-color: #3388FF;
height:5px;
border:solid #3388FF;
border-top-right-radius:6px;
border-bottom-right-radius:6px;
}

.complete {
background-color: #3388FF;
height:5px;
border:solid #3388FF;
}

.next {
background-color: #EEF0F2;
height:5px;
}

.footer {
 font-family: aktiv-grotesk, -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 font-weight: 400;
 color: rgb(157, 167, 177);
 text-align: left;
 font-size: .75rem;
 -webkit-font-smoothing: antialiased;
 line-height: 1rem;
 bottom: 10px;
 position:absolute;
}


.footer-brand > 

 a:link {
 color: rgb(157, 167, 177);
 text-decoration: none;
}

 a:hover {
 color:rgb(74, 143, 238);
 text-decoration: underline;
}

@media (max-width: 813px) {

.footer {
 position:static !important;
 right: 0;
 bottom: 0;
 left: 0;
 padding: 1rem;
}

.loading-bar {
 top:0px;
 position:absolute;
}
}

@media (max-width: 670px) {

.headline {
 font-size:1.25rem !important;
 }
.subhead {
 font-size:1.15rem !important;}
.subhead-blue {
 font-size:1.15rem !important;
 text-align:left !important;}
.form-control {
 font-size:.75rem !important;}
.form-check-label {
 font-size: .75rem !important; }
.label-text {
 font-size: .75rem !important;
 margin-bottom: 5px;}
.footer {
 position:static !important;}
.loading-bar {
 top:0px;
 position:absolute;
}
.btn-warning {
 align:center !important;
 }
img {
 display:block !important;
 margin:0 auto !important;
}
.mob-space-logo {
 margin-top: 30px !important; 
 margin-bottom: 20px !important;
 }
.mob-space-header {
 margin-top: 0px !important; 
 text-align:center;
}

.seperator {
 position:relative !important;
 border: 1px solid #3388FF;
  border-radius: 6px;
  overflow: hidden;
  background-color: #3388FF;
  width:75px !important;
  height: 7px !important;
  margin-top:20px;
  margin-bottom:20px;
 margin-left:auto !important;
 margin-right:auto !important;}

.seperator-or {
 position:relative !important;
 border-radius: 6px;
 overflow: hidden;
 margin-top:10px;
 margin-bottom:20px;
 margin-left:auto !important;
 margin-right:auto !important;}

}