@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat.ttf');
}
@font-face {
    font-family: 'TildaSans';
    src: url('./fonts/TildaSans.ttf');
}
html {
    user-scalable: none;  -webkit-text-size-adjust: none; touch-action: manipulation;
}
body {
    font-family: 'TildaSans', sans-serif;
    user-scalable: none;  -webkit-text-size-adjust: none; touch-action: manipulation;
    background: #ffce45;

}

/* --------------------------------------------------  *
* --------------- Bootstrap breakpoints -------------  *
* ----------------------------------------------------*/
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 718px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 1024px) {
    .container,
    .container-sm,
    .container-md {
        max-width: 950px;
    }
}

@media (min-width: 1439px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 1140px;
    }
}

@media (min-width: 1920px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px;
    }
}
/* -------------------------------------------------- *
* ------------------ General styles ------------------ *
* ---------------------------------------------------- */
.text-trim {
    width:calc(100% - 34px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;
}
.text-shadow {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}
.page_content {
    display: block; margin: 0 auto; background: #FFF; padding-left: 5px; padding-right: 5px;
}
.top_slide {
    width: 100%; min-height: 300px;
    position: relative;  overflow: hidden;
}
.top_slide img { width: 100%; height: auto; display: block; margin: 0 auto; }

.top_slogan {
    background: #000; color: #ffde18; font-size: 14pt; font-weight: 600;
    text-align: center; padding: 10px 10px 10px 10px;
    font-family: 'Montserrat', sans-serif;
}

.download_links {
    background: rgba(0, 0, 0, 0.62); padding: 10px; display: block; text-align: center;
    margin-top: -85px; z-index: 10; position: relative;

}
.download_links img {
    width: 100%; max-width: 200px; display: block; margin: 0 auto;
}
.download_links a:hover img{
    opacity: 0.7;
}

.advantages { background: #FFF; padding-left: 40px; padding-right: 40px; }
h1  {
    font-size: 20pt; font-weight: 600; color: #383838;
    line-height: 1em; display: block; margin-top: 20px; margin-bottom: 20px;
    text-align: center; display: block;
}
h2  {
    font-size: 20pt; font-weight: 600; color: #ffde18; text-align: center;
    line-height: 1em; display: block; margin-top: 20px; margin-bottom: 20px;
}
h4  {
    font-size: 14pt; font-weight: bold; color: #e78809;   text-align: center;
    line-height: 1em; display: block; margin-top: 20px; margin-bottom: 20px;
}
.screenshots {
    background: #000; padding: 10px; text-align: center; display: block; width: 100%;
}
.screenshots img.screenshot { width: 100%; display: block; margin: auto; }

.bottom_slide {
    width: 100%; min-height: 250px;
    position: relative;  overflow: hidden;
}
.bottom_slide img { width: 100%; height: auto; display: block; margin: 0 auto; }

/* --------------------------------------------------- *
* -------------- Custom Buttons params ---------------- *
* ---------------------------------------------------- */
.def_btn {
    width: 200px;  height: 58px;
    flex-shrink: 0; border-radius: 9px; border-collapse: collapse; border: none;
    font-family: 'Montserrat', sans-serif; font-size: 13pt; font-weight: 600;
}
.blue_btn {
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #0094FF 0%, #0081DF 100%);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 11px;
}
.blue_btn span {
    font-size: 11pt; color: #FFF; font-style: normal; font-weight: 500;
}
.grey_btn {
    display: flex; align-items: center; justify-content: center;
    background: linear-gradient(180deg, #FAFAFA 0%, rgba(234, 235, 238, 0.745098) 100%);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 11px;
}
.grey_btn span {
    font-size: 11pt; color: #333; font-style: normal; font-weight: 500;
}

.app_form .q-input .q-field__control {
    border-radius: 10px !important; display: block;
    background: #EAEBEE;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.25);
}
.app_form .q-input input::placeholder {
    color: #676767; font-size: 13pt;
}

.app_form .q-textarea .q-field__control {
    border-radius: 10px !important; display: block;
    background: #EAEBEE;
    box-shadow: inset 0px 2px 3px rgba(0, 0, 0, 0.25);
}
.app_form .q-textarea textarea::placeholder {
    color: #676767; font-size: 12pt;
}

.review_form {
    padding-left: 15%; padding-right: 15%;
}
.sweep_logo {
    width: 180px; max-height: 80px; display: block; margin: auto; text-align: center;
    margin-top: 20vh;
}