@font-face {font-family: "muli_bold"; font-style: normal; font-weight: normal; src: url('../fonts/muli_bold.ttf');}
@font-face {font-family: "muli_extra_light"; font-style: normal; font-weight: normal; src: url('../fonts/muli_extra_light.ttf');}
@font-face {font-family: "muli_regular"; font-style: normal; font-weight: normal; src: url('../fonts/muli_regular.ttf');}

.muli-bold{font-family: "muli_bold", sans-serif !important;}
.muli-extra-light{font-family: "muli_extra_light", sans-serif !important;}
.muli-regular{font-family: "muli_regular", sans-serif !important;}

html, body{height: 100% !important;}
body{margin: 0 !important; padding: 0 !important; overflow: hidden !important; font-family: "muli_extra_light", sans-serif !important; font-size: 1rem !important; --my-top: env(safe-area-inset-top, 0);}

a{text-decoration: none !important;}

#fullsite{position: relative;}

.layout-computer{width: 100%; max-width: 1024px; margin: auto; overflow: hidden !important;}
.layout-phone{width: 100%; overflow: hidden !important;}

.body-light{ color: #6c757d !important;}
.body-dark{ color: #dee2e6 !important;}
.back-light{background-color: #ffffff !important;}
.back-dark{background-color: #191c1f !important;}
.page-light{background-color: #eeeeee !important;}
.page-dark{background-color: #212529 !important;}
.line-light{border-color: #ffffff !important;}
.line-dark{border-color: #191c1f !important;}
.string-light{color: #6c757d !important;}
.string-dark{color: #dee2e6 !important;}


main{position: fixed; z-index: 100; top: calc(3.75rem + var(--my-top)); left: 50%; transform: translateX(-50%); width: 100%; max-width: 1024px; height: calc(100% - (7.5rem + var(--my-top)));}

header{position: relative; z-index: 1000;  width: 100%; max-width: 1024px; height: calc(3.75rem + var(--my-top));}/*left: 50%; transform: translateX(-50%);*/
.header-closed{top: calc(-4rem - var(--my-top));}
.header-opened{top: 0;}

.header-sub{padding-top: var(--my-top) !important;}

footer{position: fixed; z-index: 1000; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1024px; height: 3.75rem;}
.footer-closed{bottom: -3.75rem;}
.footer-opened{bottom: 0;}

.menu{position: absolute; z-index: 500; left: 50%; transform: translateX(-50%); width: 100%; max-width: 1024px; height: 12rem;}
.menu-hidden{top: -19rem;}
.menu-closed{top: -9rem;}
.menu-opened{top: calc(3.75rem + var(--my-top));}

.menu-button-opened{opacity: 1 !important; transform: translate(-50%,-50%) rotate(180deg) !important;}
.menu-button-closed{opacity: 0 !important; transform: translate(-50%,-50%) rotate(0deg) !important;}

.menu-dim{position: absolute; z-index: 490; left: -10%; width: 120%; height: 100%; backdrop-filter: blur(3px);}

.button-plus-down{bottom: -0.25rem; opacity: 0;}
.button-plus-up{bottom: 4.75rem; opacity: 1;}

.loading{z-index: 2000 !important;}
.check{z-index: 2100 !important;}

.square-box{position: relative; overflow: hidden;}
.square-box:before{content: ""; display: block; padding-top: 100%;}
.square-content{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.rect-box{position: relative; overflow: hidden;}
.rect-box:before{content: ""; display: block; padding-top: 50%;}
.rect-content{position: absolute; top: 0; left: 0; bottom: 0; right: 0;}

.clear{clear: both !important;}
.outline{outline: none !important; box-shadow: none !important;}
.outline:focus{outline: none !important; box-shadow: none !important;}
.form-check-input:focus{outline: none !important; box-shadow: none !important; border-color: #cccccc !important;}
.none{display: none !important;}
.no-mp{padding: 0 !important; margin: 0 !important;}
.pointer{cursor: pointer !important;}
.animated{transition: all 0.3s ease-in-out !important;}
.animated-slow{transition: all 10s ease-in-out !important;}
.animated-fast{transition: all 0.1s ease-in-out !important;}
.animated-neutral{transition: all 0.2s !important;}
.prevent-select{-webkit-user-select: none; -ms-user-select: none; user-select: none;}
.text-shadow{text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) !important;}
.popup-shadow{box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;}
.reverse-shadow{box-shadow: 0 -.5rem 1rem rgba(0,0,0,.15) !important;}

.fc-blue{color: #015ab5 !important;}
.fc-green{color: #009688 !important;}
.fc-red{color: #c31349 !important;}

.bs-fc-blue{color: #0d6efd !important;}
.bs-fc-indigo{color: #6610f2 !important;}
.bs-fc-purple{color: #6f42c1 !important;}
.bs-fc-pink{color: #d63384 !important;}
.bs-fc-red{color: #dc3545 !important;}
.bs-fc-orange{color: #fd7e14 !important;}
.bs-fc-yellow{color: #ffc107 !important;}
.bs-fc-green{color: #198754 !important;}
.bs-fc-teal{color: #20c997 !important;}
.bs-fc-cyan{color: #0dcaf0 !important;}

.bs-bg-blue{background-color: #0d6efd !important;}
.bs-bg-indigo{background-color: #6610f2 !important;}
.bs-bg-purple{background-color: #6f42c1 !important;}
.bs-bg-pink{background-color: #d63384 !important;}
.bs-bg-red{background-color: #dc3545 !important;}
.bs-bg-orange{background-color: #fd7e14 !important;}
.bs-bg-yellow{background-color: #ffc107 !important;}
.bs-bg-green{background-color: #198754 !important;}
.bs-bg-teal{background-color: #20c997 !important;}
.bs-bg-cyan{background-color: #0dcaf0 !important;}

.bs-bo-blue{border: 1px solid #0d6efd !important;}
.bs-bo-indigo{border: 1px solid #6610f2 !important;}
.bs-bo-purple{border: 1px solid #6f42c1 !important;}
.bs-bo-pink{border: 1px solid #d63384 !important;}
.bs-bo-red{border: 1px solid #dc3545 !important;}
.bs-bo-orange{border: 1px solid #fd7e14 !important;}
.bs-bo-yellow{border: 1px solid #ffc107 !important;}
.bs-bo-green{border: 1px solid #198754 !important;}
.bs-bo-teal{border: 1px solid #20c997 !important;}
.bs-bo-cyan{border: 1px solid #0dcaf0 !important;}


.bg-blue{background-color: #015ab5 !important;}
.bg-green{background-color: #009688 !important;}
.bg-red{background-color: #c31349 !important;}

.bo-blue{border: 1px solid #015ab5 !important;}
.bo-green{border: 1px solid #009688 !important;}
.bo-red{border: 1px solid #c31349 !important;}

.back-grey-light{background-color: #999999 !important;}
.back-grey-dark{background-color: #000000 !important;}
.bocl-grey-light{border-width: 0 0 0 0.5rem !important; border-style: solid !important; border-color: #999999 !important;}
.bocl-grey-dark{border-width: 0 0 0 0.5rem !important; border-style: solid !important; border-color: #000000 !important;}
.bocl-blue{border-width: 0 0 0 0.5rem !important; border-style: solid !important; border-color: #015ab5 !important;}
.bocl-green{border-width: 0 0 0 0.5rem !important; border-style: solid !important; border-color: #009688 !important;}
.bocl-red{border-width: 0 0 0 0.5rem !important; border-style: solid !important; border-color: #c31349 !important;}

.fs-7{font-size: 0.9rem !important;}
.fs-8{font-size: 0.8rem !important;}
.fs-9{font-size: 0.7rem !important;}
.fs-10{font-size: 0.6rem !important;}
.fs-11{font-size: 0.5rem !important;}
.fs-12{font-size: 0.4rem !important;}
.fs-30{font-size: 2rem !important;}
.fs-45{font-size: 3.5rem !important;}
.fs-60{font-size: 4rem !important;}

.z-700{z-index: 700 !important;}
.z-800{z-index: 800 !important;}
.z-900{z-index: 900 !important;}
.z-1000{z-index: 1000 !important;}
.z-1100{z-index: 1100 !important;}
.z-1200{z-index: 1200 !important;}
.z-1300{z-index: 1300 !important;}
.z-1400{z-index: 1400 !important;}
.z-1500{z-index: 1500 !important;}
.z-2000{z-index: 2000 !important;}

.w50{width: 50px !important;}
.w90{width: 90% !important;}
.w33{width: 33.33333333% !important;}

.h50{height: 50px !important;}

.w16r{width: 1rem !important;}
.h16r{height: 1rem !important;}
.w25r{width: 2.5rem !important;}
.h25r{height: 2.5rem !important;}
.w48r{width: 3rem !important;}
.w50r{width: 3.75rem !important;}
.h50r{height: 3.75rem !important;}
.w64r{width: 4rem !important;}
.h64r{height: 4rem !important;}
.w80r{width: 5rem !important;}
.h80r{height: 5rem !important;}


.h150p{height: 150px;}
.h30p{height: 30px;}


.h-15{height: 15% !important;}
.h-85{height: 85% !important;}
.mh-75{max-height: 75% !important;}
.mh-85{max-height: 85% !important;}
.mw-75{max-width: 75% !important;}

.nolio-text{color: #1e64e6 !important;}

.corner-t-l{border-top-left-radius: 0.375rem !important;}
.corner-t-r{border-top-right-radius: 0.375rem !important;}
.corner-b-r{border-bottom-right-radius: 0.375rem !important;}
.corner-b-l{border-bottom-left-radius: 0.375rem !important;}
.nocorner-t-l{border-top-left-radius: 0 !important;}
.nocorner-t-r{border-top-right-radius: 0 !important;}
.nocorner-b-r{border-bottom-right-radius: 0 !important;}
.nocorner-b-l{border-bottom-left-radius: 0 !important;}

.cr-t-l{border-top-left-radius: 1rem !important;}
.cr-t-r{border-top-right-radius: 1rem !important;}
.cr-b-r{border-bottom-right-radius: 1rem !important;}
.cr-b-l{border-bottom-left-radius: 1rem !important;}
.nc-t-l{border-top-left-radius: 0.25rem !important;}
.nc-t-r{border-top-right-radius: 0.25rem !important;}
.nc-b-r{border-bottom-right-radius: 0.25rem !important;}
.nc-b-l{border-bottom-left-radius: 0.25rem !important;}

.element-block{display: block !important; opacity: 0 !important; z-index: 100;}
.element-visible{display: block !important; opacity: 1 !important; z-index: 200;}
.element-hidden{display: block !important; opacity: 0 !important; z-index: 100;}
.element-none{display: none !important; opacity: 0 !important; z-index: 100;}

.alert-popup{width: 100px; height: 100px; margin-left: -50px; margin-top: -50px;}
.alert-block{display: block; opacity:0;}
.alert-none{display: none; opacity:0;}
.alert-expand{animation-name: expand; animation-duration: 900ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards;}
.alert-reduce{animation-name: reduce; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards;}

.slide-right{border-radius: 30px 0 0 30px !important; width: max-content !important;}
.slide-left{border-radius: 0 30px 30px 0 !important; width: max-content !important;}
.slide-match{width: max-content !important;}
.slide-match-size{width: 10rem !important;}

.slide-leave-active, .slide-enter-active{transition: 0.5s ease;}
.slide-enter{transform: translate(100%, 0);}
.slide-leave-to{transform: translate(-100%, 0);}

.slideback-leave-active, .slideback-enter-active{transition: 0.5s ease;}
.slideback-enter{transform: translate(-100%, 0);}
.slideback-leave-to{transform: translate(100%, 0);}

.slider{margin-top: -1em !important; padding: 0 !important;}
.slider-thumb{background-color : #c31349 !important;}
.slider-track-fill{background-color : #c31349 !important;}
.slider-horizontal{height: 42px !important;}

.fade-enter-active, .fade-leave-active {transition: opacity .5s;}
.fade-enter, .fade-leave-to{opacity: 0;}

.row-opened{left: -4rem;}
.row-closed{left: 0;}

.conn-front-initial{transform-style: preserve-3d; animation-name: rotate-left; animation-duration: 0ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 200;}
.conn-front-closed{transform-style: preserve-3d; animation-name: rotate-left; animation-duration: 1500ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 100;}
.conn-front-opened{transform-style: preserve-3d; animation-name: rotate-right; animation-duration: 1500ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 200;}

.conn-back-initial{transform-style: preserve-3d; animation-name: rotate-left; animation-duration: 0ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 100;}
.conn-back-closed{transform-style: preserve-3d; animation-name: rotate-left; animation-duration: 1500ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 100;}
.conn-back-opened{transform-style: preserve-3d; animation-name: rotate-right; animation-duration: 1500ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; z-index: 200;}


#modal_subscribe .Password__strength-meter{margin-bottom: 0 !important;}

#chat_research:checked, #chat_notification:checked {
    background-color: #009688;
    border-color: #009688;
}

.autocomplete-wrapper ul{
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}
.autocomplete-wrapper li:first-child {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.autocomplete-wrapper li:last-child {
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.autocomplete-wrapper li{
    position: relative;
    display: block;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.autocomplete-wrapper a{
    color: #999999 !important;
    text-decoration: none !important;
    font-weight: normal;
}
.autocomplete-anchor-text{
    font-weight: normal !important;
    font-family: "muli_extra_light", sans-serif;
}


.rotate{animation: rotation 1s infinite linear;}
@keyframes rotation{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}


@keyframes rotate-right{
    0% {transform: perspective(600px) rotateY(0deg);}
    44% {transform: perspective(600px) rotateY(200deg);}
    58% {transform: perspective(600px) rotateY(165deg);}
    72% {transform: perspective(600px) rotateY(190deg);}
    86% {transform: perspective(600px) rotateY(175deg);}
    100% {transform: perspective(600px) rotateY(180deg);}
}
@keyframes rotate-left{
    0% {transform: perspective(600px) rotateY(180deg);}
    44% {transform: perspective(600px) rotateY(-20deg);}
    58% {transform: perspective(600px) rotateY(15deg);}
    72% {transform: perspective(600px) rotateY(-10deg);}
    86% {transform: perspective(600px) rotateY(5deg);}
    100% {transform: perspective(600px) rotateY(0deg);}
}

.splash{animation-name: splash; animation-duration: 1s;}
@keyframes splash{
    0% {transform: scale(5); opacity: 0;}
    50% {transform: scale(0.8); opacity: 1;}
    70% {transform: scale(1.15); opacity: 1;}
    85% {transform: scale(0.90); opacity: 1;}
    95% {transform: scale(1.05); opacity: 1;}
    100% {transform: scale(1); opacity: 1;}
}


.range-slider{width: 100%; margin: auto; text-align: center; position: relative; height: 1.5em;}

.range-slider input[type=range]{position: absolute; left: 0; bottom: 0;}

/*input[type=number] {*/
/*    border: 1px solid #ddd;*/
/*    text-align: center;*/
/*    font-size: 1.6em;*/
/*    -moz-appearance: textfield;*/
/*}*/

/*input[type=number]::-webkit-outer-spin-button,*/
/*input[type=number]::-webkit-inner-spin-button {*/
/*    -webkit-appearance: none;*/
/*}*/

/*input[type=number]:invalid,*/
/*input[type=number]:out-of-range {*/
/*    border: 2px solid #ff6347;*/
/*}*/

input[type=range]{-webkit-appearance: none; width: 100%;}

input[type=range]:focus{outline: none;}

input[type=range]:focus::-webkit-slider-runnable-track{background: transparent;}

input[type=range]:focus::-ms-fill-lower{background: transparent;}

input[type=range]:focus::-ms-fill-upper{background: transparent;}

/* fulltrack */
input[type=range]::-webkit-slider-runnable-track{width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-radius: 1px; box-shadow: none; border: 0;}

/*tracks*/
input[type=range]::-webkit-slider-thumb{z-index: 2; position: relative; box-shadow: 0px 0px 0px #000; border: 0px solid #c31349; height: 18px; width: 18px; border-radius: 25px; background: #c31349; cursor: pointer; -webkit-appearance: none; margin-top: -7px;}