:root {
    --scrollTop: 0px;
    --index: calc(1vw + 1vh);
	--text: #e7e7e0;
    --text-dark: #000;
    --text-1-1em: 1.1em;
    --text-1-7em: 1.7em;
	--transition: transform .75s cubic-bezier(.075, .5, 0, 1);


    --light:#F1F1F2;
    --muted:#E9E8EE;
    --gray:#9799A6;
    --dark: #1B1B1B;
    --secondary:#2B2C2E;
    --gray-dark:#494A52;
    ---blue-light:#B6CAE0;
    --cyan:#A6DBE1;
    --primary: #51B7AD;
}


/* Small */
@media (max-height: 720px) {
    .head {
        padding-bottom: 0  !important;
    }
}
@media (max-width: 575.98px) {
    /* #modal-research, #modal-confirm {
        min-height: 200px;
    } */
    #questionnaire, #partner-form {
        /* min-height: 500px; */
        max-width: 316px;
        min-width: 316px;
    }
}
/* Extra large */
@media (min-width: 576px) {
    /* #modal-research, #modal-confirm {
        min-height: 200px;
    } */
    #questionnaire, #partner-form  {
        /* min-height: 500px; */
        max-width: 32rem;
        width: 32rem;
    }
}
/* Roboto */
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Roboto";
    src: local('Roboto'), url(../fonts/Roboto/Roboto-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}
/* Raleway */
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-SemiBold-Italic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: local('Raleway'), url(../fonts/Raleway/Raleway-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}
/* Jost */
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-BlackItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-BoldItalic.ttf) format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Semi.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-SemiItalic.ttf) format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-MediumItalic.ttf) format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Italic.ttf) format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Light.ttf) format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Thin.ttf) format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-ThinItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-Hairline.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Jost";
    src: local('Jost'), url(../fonts/Jost/Jost-HairlineItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}
/* Iwona */
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaHeavy-Regular.eot');
    src: local('IwonaHeavy-Regular'),
        url('../fonts/Iwona/IwonaHeavy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaHeavy-Regular.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaHeavy-Regular.woff') format('woff'),
        url('../fonts/Iwona/IwonaHeavy-Regular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaHeavy-Italic.eot');
    src: local('IwonaHeavy-Italic'),
        url('../fonts/Iwona/IwonaHeavy-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaHeavy-Italic.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaHeavy-Italic.woff') format('woff'),
        url('../fonts/Iwona/IwonaHeavy-Italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/Iwona-Bold.eot');
    src: local('Iwona-Bold'),
        url('../fonts/Iwona/Iwona-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/Iwona-Bold.woff2') format('woff2'),
        url('../fonts/Iwona/Iwona-Bold.woff') format('woff'),
        url('../fonts/Iwona/Iwona-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/Iwona-BoldItalic.eot');
    src: local('Iwona-BoldItalic'),
        url('../fonts/Iwona/Iwona-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/Iwona-BoldItalic.woff2') format('woff2'),
        url('../fonts/Iwona/Iwona-BoldItalic.woff') format('woff'),
        url('../fonts/Iwona/Iwona-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaMedium-Regular.eot');
    src: local('IwonaMedium-Regular'),
        url('../fonts/Iwona/IwonaMedium-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaMedium-Regular.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaMedium-Regular.woff') format('woff'),
        url('../fonts/Iwona/IwonaMedium-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaMedium-Italic.eot');
    src: local('IwonaMedium-Italic'),
        url('../fonts/Iwona/IwonaMedium-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaMedium-Italic.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaMedium-Italic.woff') format('woff'),
        url('../fonts/Iwona/IwonaMedium-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/Iwona-Regular.eot');
    src: local('Iwona-Regular'),
        url('../fonts/Iwona/Iwona-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/Iwona-Regular.woff2') format('woff2'),
        url('../fonts/Iwona/Iwona-Regular.woff') format('woff'),
        url('../fonts/Iwona/Iwona-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/Iwona-Italic.eot');
    src: local('Iwona-Italic'),
        url('../fonts/Iwona/Iwona-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/Iwona-Italic.woff2') format('woff2'),
        url('../fonts/Iwona/Iwona-Italic.woff') format('woff'),
        url('../fonts/Iwona/Iwona-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaLight-Regular.eot');
    src: local('IwonaLight-Regular'),
        url('../fonts/Iwona/IwonaLight-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaLight-Regular.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaLight-Regular.woff') format('woff'),
        url('../fonts/Iwona/IwonaLight-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Iwona';
    src: url('../fonts/Iwona/IwonaLight-Italic.eot');
    src: local('IwonaLight-Italic'),
        url('../fonts/Iwona/IwonaLight-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Iwona/IwonaLight-Italic.woff2') format('woff2'),
        url('../fonts/Iwona/IwonaLight-Italic.woff') format('woff'),
        url('../fonts/Iwona/IwonaLight-Italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
/*--------------------------------*/
html, body {font-family: "Raleway"}
h1, h2, h3, h4, h5, h6 {font-family: "Jost"}
.ff-roboto {font-family: "Roboto" !important}
.ff-iwona {font-family: "Iwona" !important}
.ff-raleway {font-family: "Raleway" !important}
.ff-jost {font-family: "Jost" !important}

.pointer-events-child-none * {
	pointer-events: none;
}

.hidden-empty-href[href=""] {
    display: none;
}
.pointer-events-none input,
.pointer-events-none button,
.pointer-events-none label,
input[disabled],
button[disabled],
select[disabled] {
    opacity: .25;
}
.bg-default {
    background-image: url('../img/default.jpg');
}
.bg-stripes-secondary {
    background-color: var(--dark);
    background-image: linear-gradient(135deg, var(--secondary) 10%,#0000 0,#0000 50%, var(--secondary) 0, var(--secondary) 60%,#0000 0,#0000);
    background-size: 7.07px 7.07px;
}
.img-alt-default::before {
    display: block;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgb(156 163 175);
}
.text-shadow-dark {
    text-shadow: 1px 1px 1px var(--secondary);
}
.text-nowrap {
    text-wrap: nowrap;
}


.alert {
    padding: .5rem 1rem;
    border-left-width: 4px;
}

.alert-error { 
    color: #B91C1C;
    background-color: #FEE2E2;
    border-color: #EF4444;
}

.alert-info { 
    color: #1D4ED8;
    background-color: #DBEAFE;
    border-color: #3B82F6;
}

.alert-warning {
    color: #C2410C;
    background-color: #FFEDD5;
    border-color: #F97316;
}

.alert-success { 
    color: #15803D;
    background-color: #DCFCE7;
    border-color: #22C55E;
}

.modal {
    background-color: #fff;
    padding: 36px 16px 8px;
    border-radius: 5px;
    box-shadow: 0 6px 18px rgba(14,21,47,.1),0 -2px 6px rgba(14,21,47,.06);
    overflow: hidden;
}
.modal[open]::backdrop {
    background-color: rgb(0 0 0 / 50%);
}
.modal > .modal-dialog {
    height: 100%;
    /*min-width: 300px;*/
}
.modal > .modal-dialog > .close {
	position: absolute;
	cursor: pointer;
	z-index: 1;
	top: 10px;
	right: 15px;
	outline: none;
	opacity: .32;
	-webkit-transition: opacity .1s ease-out;
	transition: opacity .1s ease-out;
}
.modal > .modal-dialog > .close::before {
	content: "\00D7";
	font-size: 12pt;
	font-weight: 800;
}
/*Размеры модального окна*/
.modal-xl {
	max-width: 1140px !important;
    width: 1140px !important;
}
.modal-lg {
	max-width: 800px !important;
    width: 800px !important;
}
.modal-md {
	max-width: 500px !important;
    width: 500px !important;
}
.modal-sm {
	max-width: 300px !important;
    width: 300px !important;
}


/*loader*/
#loader {
    overflow: hidden;
    background: transparent;
    border: none;
    outline: none;
}
dialog[open]::backdrop {
    background-color: rgb(0 0 0 / 50%);
}
#loader p {
	font-weight: 600 !important;
	user-select: none !important;
	font-size: 1em;
    margin-bottom: 1rem;
    text-shadow: 1px 0 1px #fff, 0 1px 1px #fff, -1px 0 1px #fff, 0 -1px 1px #fff;
}
#loader .loader-icon {
    margin: auto;
    border: 10px solid #EAF0F6;
    border-top: 10px solid var(--primary);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spinner 1s linear infinite;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.horizontal-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.horizontal-loader .loader-line {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 0, 1);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0, 1);
    height: 1px;
}

.horizontal-loader .loader-line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #b7515b;
    transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
    animation: loader-line-animation 1s cubic-bezier(0.4, 0, 0, 1) infinite;
    transform-origin: left center;
}

@keyframes loader-line-animation {
    0% {
        transform: scale3d(0, 1, 1) translate3d(0, 0, 0);
    }
    50% {
        transform: scale3d(0.6, 1, 1) translate3d(0, 0, 0);
    }
    100% {
        transform: scale3d(1, 1, 1) translate3d(100%, 0, 0);
    }
}