@font-face {
    font-display: swap;
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.eot?');
    src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Regular.woff2') format('woff2'),url('fonts/Roboto-Regular.woff') format('woff'),url('fonts/Roboto-Regular.ttf') format('truetype'),url('fonts/Roboto-Regular.svg#svgFontName') format('svg')
}

@font-face {
    font-display: swap;
    font-family: 'Roboto-Bold';
    src: url('fonts/Roboto-Bold.eot?');
    src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Roboto-Bold.woff2') format('woff2'),url('fonts/Roboto-Bold.woff') format('woff'),url('fonts/Roboto-Bold.ttf') format('truetype'),url('fonts/Roboto-Bold.svg#svgFontName') format('svg')
}

*,*::before,*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto',sans-serif;
    color: #fff;
    font-size: 14px
}

body.dark {
    background-color: #040404
}

body.light {
    background-color: #f2f2f2
}

main {
    overflow-x: hidden;
    z-index: 1
}

button {
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0
}

button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus {
    outline: none
}

a:active,a:focus,a:visited {
    outline: none
}

a {
    display: inline-block
}

ul,ol {
    list-style: none;
    margin: 0;
    padding: 0
}

span.select2-results {
    color: #000
}

.select2-search {
    color: #000
}

h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0;
    font-family: 'Roboto-Bold',sans-serif
}

h1 {
    font-size: 3.429rem;
    line-height: 1.25em;
    color: #ee7237
}

h2 {
    text-transform: uppercase;
    color: #ee7237;
    font-size: 3.429rem;
    line-height: 1.229em
}

p {
    margin: 0;
    padding: 0
}

.container {}

@-webkit-keyframes blink {
    0% {
        opacity: .1
    }

    30% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

@keyframes blink {
    0% {
        opacity: .1
    }

    30% {
        opacity: 1
    }

    100% {
        opacity: .1
    }
}

.overflow {
    overflow: hidden
}

.font-bold {
    font-family: 'Roboto-Bold',sans-serif
}

.flex-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.d-none {
    display: none !important
}

.btn {
    height: 36px;
    border-radius: 4px;
    background-color: #f6f6f7;
    padding: 0 30px;
    color: #434054;
    font-family: 'Roboto-Bold',sans-serif;
    font-size: 1rem;
    line-height: 1.214em;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.btn:disabled {
    opacity: .7;
    cursor: no-drop
}

.input {
    margin-bottom: 8px
}

.input::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

.input::-moz-placeholder {
    color: #fff;
    text-transform: uppercase
}

.input:-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

.input::-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase
}

.input::placeholder {
    color: #fff;
    text-transform: uppercase
}

textarea.input {
    height: 130px;
    resize: none
}

.form-group .input {
    margin-bottom: 0
}

.select {
    margin-bottom: 8px
}

.select .default.text {
    color: #fff !important;
    font-family: 'Roboto-Bold',sans-serif;
    font-size: 1rem !important;
    line-height: 1.143em;
    text-transform: uppercase
}

.select .icon {
    top: 55% !important;
    padding: 0 .91666667em !important
}

.input,.select {
    width: 100%;
    background: transparent !important;
    padding: 22px 20px !important;
    border: 3px solid #555 !important;
    border-radius: 8px;
    color: #fff !important;
    font-family: 'Roboto-Bold',sans-serif;
    font-size: 1rem !important;
    line-height: 1.143em
}

.select2-group {
    padding: 25px 0 25px 25px;
    color: #000
}

html,body .select2 {
    color: #000
}

.reset-form-btn {
    width: 50%;
    max-width: 160px;
    height: 73px;
    text-transform: uppercase;
    font-family: 'Roboto-Bold',sans-serif;
    font-size: 1.714rem;
    line-height: 1.167em;
    color: #b1b1b1;
    display: flex;
    align-items: center;
    justify-content: center
}

.hidden {
    visibility: hidden
}