@import url("https://cdn.jsdelivr.net/npm/intl-tel-input@23.0.12/build/css/intlTelInput.css");

html, body {
    overflow: scroll !important;
}

body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: #383934;
}

h1, h2, h3, h4, h5, h6, .title, .subtitle {
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.hidden {
    display: none !important;
}

.main-page {
    margin: 0 auto;
    padding: 25px;
}

.logo img {
    width: 182px;
    height: auto;
}

.iti {
    width: 100% !important;
    display: block;
    margin: 10px 0;
}

.global-header .col:last-child {
    text-align: right;
}

.global-header .header-link {
    color: #b9b9b9;
    text-decoration: none;
    font-size: 14px;
}

.title {
    margin-bottom: 80px;
}

.subtitle {
    font-weight: 300;
    font-size: 30px;
}

/*Form*/
.main-form {
    padding: 120px;
}

.form-control:not(select) {
    width: 100%;
    display: block;
    padding: 8px 12px;
    background: #f5f4f2;
    border: none;
    margin: 10px 0;
}

.form-control:not(select):focus {
    background: #e9e7e2;
}

.global-footer span,
.global-footer a {
    font-size: 12px;
}

.global-footer a {
    color: #b9b9b9;
    text-decoration: none;
}

.global-footer .col:last-child {
    text-align: right;
}

form .btn {
    background: #000;
    border: 1px solid #bbf54e;
    width: 50%;
    color: #bbf54e;
    font-weight: 300;
    margin-top: 60px;
}

form .btn:hover,
form .btn:active {
    background: #A9F900 !important;
    border-color: #A9F900 !important;
    color: #080808 !important;
}

.dropdown-item:focus,
.dropdown-item:active,
.dropdown-item:hover {
    background: #A9F900;
    color: #080808;
}

select.form-control {
/*    background: #fff;*/
    border: 1px solid #e9e7e2;
    margin: 10px 0;
/*    position: relative;*/
}

/*select.form-control:after {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    position: absolute;
    right: 0;
    color: #939393;
}
*/

.inner-footer .col:last-child,
.inner-alt-footer .col:last-child {
    text-align: right;
}

.inner-sections .inner-item {
    display: none;
}

.inner-sections .inner-item.active {
    display: block;
}

.select-group {
    position: relative;
}

.select-group i {
    position: absolute;
    top: 12px;
    right: 20px;
}

.inner-footer .btn-action,
.inner-alt-footer .btn-action {
    text-decoration: none;
    color: #939393;
    font-size: 20px;
    margin: 10px 0;
    display: inline-block;
}
.inner-footer .btn-action:hover,
.inner-alt-footer .btn-action:hover {
    color: #383934;
}

.inner-footer .btn-action.not-allowed {

}


.btn-action.btn-submit {
    background: none;
    border: 0;
}

.inner-alt-footer button {
    margin-top: 15px;
}

.form-control.invalid {
    border: 1px solid tomato;
}

textarea.form-control {
    min-height: 85px;
}

.inner-alt-footer {
    display: none;
}

.btn-action.invalid {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.form-range::-webkit-slider-thumb {
    background-color: #080808 !important;
}

#screen-image {
    max-width: 380px;
    margin: 0 auto;
    display: block;
}

span.output {
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    display: inline-block;
}

.btn:disabled {
    background: #95a5a6;
    border-color: #7f8c8d;
}

.range-group {
    margin: 20px 0;
    position: relative;
    margin-bottom: 40px;
}

.range-group .min-value {
    position: absolute;
    bottom: -20px;
    left: 0;
    font-size: 18px;
}

.range-group .max-value {
    position: absolute;
    bottom: -20px;
    right: 0;
    font-size: 18px;
}

.check-group .form-check {
    margin: 10px 0;
}

.check-group .form-check-label {
    font-size: 15px;
}
.check-group .form-check-input {
    font-size: 20px;
}

@media all and (max-width: 1280px) {
    .main-form,
    .main-page {
        padding: 0;
    }

    .main-form {
        margin: 60px 0;
    }
}