/*----------------------------------------------
Icons css
------------------------------------------------*/
@import url("../../plugins/web-fonts/icons.css");
@import url("../../plugins/web-fonts/font-awesome/font-awesome.min.css");
@import url("../../plugins/web-fonts/plugin.css");

.profile-dropdown ul {
    width: 145px;
    padding: 0px 0px !important;
}
.profile-dropdown {
    height: 60px;
}
.content_flix {
    padding: 0 !important;
}
.sign__form {
    background-color: #e2f3f7 !important;
    z-index: 2;
}
.color-txt{
    color: #024168 !important;
}
.sign__text {
    margin-top: 0px;
}
.primary-button, .primary-button:visited, .primary-button:active {
    position: relative;
    z-index: 2;
    padding: 10px 25px !important;
    /*background-color: #034167;*/
    background: linear-gradient(90deg, #31b089 0%, #034167 100%) !important;
    border-radius: 20px !important;
    color: #f9f9f9;
    font-weight: 500 !important;
    -webkit-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
}

.primary-button:hover, .primary-button:focus {
    background: #76b82a !important;
    border-color: #31b089 !important;
    color: white !important;
}
.sign__btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 15px auto;
    width: 100%;
    height: 50px;
    max-width: 318px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    text-transform: none;
}
.input-group-text {
    background-color: white;
    color: darkgray;
}
.login-sing-in{
    font-weight: 700 !important;
}
.footer-block-myvioo{
    right: 0;
    top :10px
}
.footer-block-services{
    right: 0;
    top :10px;
}
.footer-block-newslettre{
    left: 6px;
    bottom: 9px;
}
.newslettre-input{
    border-radius: 10px !important;
    border: 1px solid #000 !important;
    padding: 10px 20px !important;
    background: #fff !important;
    width: 280px !important;
    height: 40px!important;
    margin-top: 10px;
    top: 10px;
}
.newslettre-info{
    font-size: 12px !important;
}
.error-newsletter{
    font-size: 12px !important;
    color: #f16d75 !important;
}
.footer-block-services .item, .footer-block-myvioo .item, .footer-block-myvioo .item a, .footer-block-myvioo small,
.footer-block-newslettre b, .footer-block-newslettre h6, .newslettre-info,
.si-social-facebook, .si-social-instagram, .si-social-youtube{
    color: white!important;
}
.main-footer{
    padding: 0!important;
    z-index: 9999;
    background-color: #191919 !important
}
.footer-block-logo{
    right: 50px;
}
.footer-one{
    background: #022d48 !important;
}
.btn-newslettre{
    background-color: #76b82a;
}
.opacity{
    background: #4a3d3d59;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.solution-block{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: white;
    margin-top: -75px;
    margin-bottom: 25px;
}
.solution-block-register{
    margin-top: -25px;
}
.img-footer-mt{
    width: 145px;
    height: auto;
}
.sign__form-register{
    max-width: 470px !important;
}
.solution-block-top{
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: white;
    margin-top: 15px;
    margin-bottom: 20px;
}
.number-register{
    background-color: white;
    border: 2px solid #024168;
    color: #024168 !important;
    font-size: 20px;
    font-weight: 600;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.number-register-2{
    border: 3px solid #6c757d !important;
    color: #6c757d !important;
}
.line-step{
    content:'';
    height:2px;
    width:20px;
    background:#6c757d;
    position:absolute;
    top:72%;
    right: 225px;
}
.line-step-2{
    top: 79% !important;
    right: 479px !important;
    width:19px !important;
}
.line-step-viooer{
    content:'';
    height:2px;
    width:20px;
    background: white;
    position:absolute;
    top:75%;
    right: 267px;
}
.line-step-viooer-2{
    top: 82% !important;
    right: 636px !important;
    width:19px !important;
}
.line-step-speaker-2{
    top: 79% !important;
    right: 619px !important;
    width:19px !important;
}
.line-step-1-oowner {
    top:74%;
    right: 329px;
}
.line-step-2-oowner {
    top:74%;
    right: 267px;
}
.line-step-3-oowner {
    top:74%;
    right: 206px;
}
.form-control:focus {
    border-color: #ced4da !important;
}
.input-login {
    background-color: white !important;
    border-radius: 0px !important;
    height: 44px;
    position: relative;
    color: #151f30;
    font-size: 14px;
    width: 100%;
    padding: 0 20px;
}
.login-back-form .input-login {
    border-radius: 17px !important;
}

.input-login.parsley-error:focus {
    border-color: #f16d75 !important;
    box-shadow: none;
}
.block-form{
    padding: 0px 0 80px !important;
}

.block-form-login{
    min-height: 84vh !important;
}

.block-form-register{
    padding: 30px 0 80px !important;
    min-height: 105vh !important;
}

.line-step-21-oowner {
    top:82%;
    right: 683px;
}
.line-step-22-oowner {
    top:82%;
    right: 260px;
}
.line-step-23-oowner {
    top:82%;
    right: 197px;
}

.line-step-31-oowner {
    top:40%;
    right: 648px;
}
.line-step-32-oowner {
    top:40%;
    right: 587px;
}
.line-step-33-oowner {
    top:40%;
    right: 233px;
}

.line-step-41-oowner {
    top:43%;
    right: 644px;
}
.line-step-42-oowner {
    top:43%;
    right: 583px;
}
.line-step-43-oowner {
    top:43%;
    right: 522px;
}
.register-top{
    font-size: 15px !important;
}
.register-viooer {
    max-width: 475px !important;
}
.size-txt{
    font-size: 13px !important;
}
@media screen and (max-width: 576px){
    .sign__form-register{
        max-width: 380px !important;
    }
    .register-viooer{
        max-width: 380px !important;
    }
    .footer-block-logo{
        right: unset !important;
        top: unset !important;
        text-align: center !important;
    }
    .footer-block-myvioo{
        right: unset !important;
        top: unset !important;
        text-align: center !important;
    }
    .footer-block-services{
        top:unset !important;
        right: unset !important;
        text-align: center !important;
    }
}

.page-error__title {
    position: relative;
    color: #00b293 !important;
    line-height: 100%;
    font-size: 120px;
    margin-bottom: 10px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
}
.page-error__text {
    text-align: center;
    display: block;
    width: 100%;
    color: #fff;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 40px;
}