body {
    font-family: 'Roboto', sans-serif;
    color: #818185;
}
.pt-5 {padding-top: 5px;}
.pb-5 {padding-bottom: 5px;}
.mt-30 {margin-top:30px;}
.mb-30 {margin-bottom:30px;}
.mt-50 {margin-top:50px;}
.mb-50 {margin-bottom:50px;}
.mt-100 {margin-top:100px;}
.mb-100 {margin-bottom:100px;}

button.btn, a.btn {
    border:3px solid #fa9a2b;
    color: #fa9a2b;
    border-radius: 50px;
    padding: 10px 30px;
    letter-spacing: 1px;
    background:#fff;
    box-shadow: none !important;
    outline: none !important;
}

button.btn:hover, button.btn:focus, button.btn:active, a.btn:hover, a.btn:focus, a.btn:active  {
    border:3px solid #fa9a2b;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    background:#fa9a2b;
    outline: none !important;
    box-shadow: none !important;
}

.bg-gris {
    background: #efefef;
}
h1 {
    color: #818185;
  font-size: 22px;
  line-height: 31px;
  font-weight: 400;
  text-transform: uppercase;
}
p {
    color: #818185;
  font-size: 20px;
  line-height: 31px;
  font-weight: 200;
}

.check {
    margin-bottom: 10px;
    font-size: 16px;
}
.check input[type=radio] {
    height: 20px;
    width: 20px;
}
.top-bar {
    background: #efefef;
    color: #818185;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
}

.form-control {
    margin-bottom: 15px;
    box-shadow: 0px;
    border-radius: 0px;
    height: 40px;
}

.alert.alert-danger {
    color: white !important;
    background-color: #fa9a2b;
    border-color: #fa9a2b;
}

.alert.alert-danger>p {
    text-align: center;
    color: white;
}

.progress-bar.progress-bar-marlex {
    background-color: #fa9a2b;
}

.padding-top-100 {
    padding-top: 100px;
}

.marlex-test-complete-title {
    color: #fa9a2b;
}

.marlex-test-complete {
    font-style: italic;
    text-align: justify;
}

body.welcome {
    background-image: url('../img/bg-welcome.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    body.welcome {
        background-image: url('../img/bg-welcome-xs.jpg')
    }
}
a.btn-welcome {
    background-color: transparent;
    color: white;
}

a.btn-welcome:hover {
    background-color: #fa9a2b;
    color: white;
}