body.form-visible {
    overflow: hidden;
}

body.form-visible::before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffffc2;
    z-index: 10;
}

.analize-container .row .col-6 {
    margin-bottom: 60px;
}

.analyze-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    color: #000000;
    margin-bottom: 42px!important;
}

.form-wrapper {
    max-width: 800px;
    width: 100%;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 11;
    padding: 40px 20px 20px 20px;
    border: 1px solid #474747;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: -webkit-transform ease-in-out .5s;
    transition: -webkit-transform ease-in-out .5s;
    -o-transition: transform ease-in-out .5s;
    transition: transform ease-in-out .5s;
    transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
    -webkit-transform: scale(0) translate(-50%, -50%);
    -ms-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    visibility: hidden;
}

.close-form,
.y_preview__close {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: -webkit-transform ease-in-out .3s;
    transition: -webkit-transform ease-in-out .3s;
    -o-transition: transform ease-in-out .3s;
    transition: transform ease-in-out .3s;
    transition: transform ease-in-out .3s, -webkit-transform ease-in-out .3s;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
    outline: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.64004 1.27L7.50004 6.13L12.34 1.29C12.4249 1.19972 12.527 1.12749 12.6405 1.07766C12.7539 1.02783 12.8762 1.00141 13 1C13.2653 1 13.5196 1.10536 13.7071 1.29289C13.8947 1.48043 14 1.73478 14 2C14.0024 2.1226 13.9796 2.24439 13.9332 2.35788C13.8868 2.47138 13.8176 2.57419 13.73 2.66L8.84004 7.5L13.73 12.39C13.8949 12.5512 13.9915 12.7696 14 13C14 13.2652 13.8947 13.5196 13.7071 13.7071C13.5196 13.8946 13.2653 14 13 14C12.8726 14.0053 12.7454 13.984 12.6267 13.9375C12.5079 13.8911 12.4001 13.8204 12.31 13.73L7.50004 8.87L2.65004 13.72C2.56555 13.8073 2.46461 13.8769 2.35304 13.925C2.24148 13.9731 2.12151 13.9986 2.00004 14C1.73482 14 1.48047 13.8946 1.29293 13.7071C1.1054 13.5196 1.00004 13.2652 1.00004 13C0.997709 12.8774 1.02046 12.7556 1.06689 12.6421C1.11332 12.5286 1.18245 12.4258 1.27004 12.34L6.16004 7.5L1.27004 2.61C1.10523 2.44876 1.00858 2.23041 1.00004 2C1.00004 1.73478 1.1054 1.48043 1.29293 1.29289C1.48047 1.10536 1.73482 1 2.00004 1C2.24004 1.003 2.47004 1.1 2.64004 1.27Z' fill='%23000'/%3E%3C/svg%3E%0A");
}

.close-form:hover,
.y_preview__close:hover {
    cursor: pointer;
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    background-color: transparent;
}

.form-wrapper.form-visible {
    visibility: visible;
    -webkit-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
}

.main-form {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.form-label,
.form-submit {
    max-width: 240px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    /*border: 1px solid #000!important;*/
    padding: 10px!important;
    border-radius: 5px!important;
}

.form-label:hover {
    cursor: pointer;
}

.form-submit {
    /*background-color: #000!important;*/
    color: #fff!important;
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    line-height: 1.8!important;
}

.form-submit:hover {
    background-color: #fff;
    color: #000;
    cursor: pointer;
}

.form-text {
    margin-bottom: 65px;
    border: 1px solid #000;
    padding: 10px 9px;
    border-radius: 5px;
    resize: none;
    width: 100%;
    height: 100px;
}

.form-message {
    width: 84%;
    margin-bottom: 25px;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    color: #222;
    border-radius: 5px;
    visibility: hidden;
}

.with-success,
.has-error {
    color: #fff;
    visibility: visible;
}

.with-success {
    background-color: #28a745ab;
}

.has-error {
    background-color: #dc3545;
}

.tabs-toggler {
    margin-bottom: 32px;
    border-bottom: 1px solid #E9E8E8;
}

.uploads,
.uploads__icon,
.uploads__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.uploads,
.upload {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 25px 33px;
    margin-bottom: 23px;
    -webkit-box-shadow: 2px 4px 21px 0 rgba(41, 41, 41, 0.21);
    border-radius: 20px;
    box-shadow: 2px 4px 21px 0 rgba(41, 41, 41, 0.21);
    background-color: #ffffff;
    height: 100%;
}

.uploads__icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

.uploads__icon img {
    max-width: 100%;
    width: 65px;
}

.uploads__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.82;
    text-align: center;
    color: #010101;
}

.uploads__btn {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: none;
    padding: 0;
    margin: 0;
    margin-left: 9px;
    margin-right: 9px;
    outline: none;
    display: none;
    position: absolute;
    right: -10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.uploads:hover .uploads__btn {
    display: block;
}

.uploads__btn.download {
    background-color: #4952eb;
    background-position: center;
    background-size: 60%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 447.243 447.243' style='enable-background:new 0 0 447.243 447.243;fill: %23fff;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M406.101,232.603c-0.978-0.982-2.019-1.899-3.116-2.745c-13.381-8.971-31.276-7.013-42.4,4.64l-88.64,88.32 c-4.7,4.695-8.641,10.093-11.68,16l-5.12,9.76v-314.4c0.677-16.099-10.332-30.349-26.08-33.76 c-17.445-2.829-33.881,9.019-36.71,26.465c-0.297,1.83-0.434,3.682-0.41,5.535v315.52l-3.2-6.88 c-3.183-6.725-7.515-12.843-12.8-18.08l-88.64-88.48c-11.124-11.653-29.019-13.611-42.4-4.64 c-14.259,10.441-17.355,30.464-6.914,44.724c0.844,1.152,1.764,2.247,2.754,3.276l160,160 c12.49,12.504,32.751,12.515,45.255,0.025c0.008-0.008,0.017-0.017,0.025-0.025l160-160 C418.542,265.382,418.577,245.121,406.101,232.603z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    bottom: 0;
}

.uploads__btn.delete {
    background-position: center;
    background-size: 60%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='365.696pt' viewBox='0 0 365.696 365.696' width='365.696pt' style='&%2310; fill: %23fff;&%2310;'%3E%3Cpath d='m243.1875 182.859375 113.132812-113.132813c12.5-12.5 12.5-32.765624 0-45.246093l-15.082031-15.082031c-12.503906-12.503907-32.769531-12.503907-45.25 0l-113.128906 113.128906-113.132813-113.152344c-12.5-12.5-32.765624-12.5-45.246093 0l-15.105469 15.082031c-12.5 12.503907-12.5 32.769531 0 45.25l113.152344 113.152344-113.128906 113.128906c-12.503907 12.503907-12.503907 32.769531 0 45.25l15.082031 15.082031c12.5 12.5 32.765625 12.5 45.246093 0l113.132813-113.132812 113.128906 113.132812c12.503907 12.5 32.769531 12.5 45.25 0l15.082031-15.082031c12.5-12.503906 12.5-32.769531 0-45.25zm0 0'/%3E%3C/svg%3E");
    top: 0;
    background-color: #ff5b5b;
}

.uploads__btn:hover {
    cursor: pointer;
}

.upload {
    padding: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #4a53eb;
}

.upload:hover {
    cursor: pointer;
}

.upload__icon {
    width: 70px;
    height: 60px;
    margin-bottom: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-image: url('../images/dwld.png');
}

.upload__title {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.11;
    color: #ffffff;
}

.y_preview {
    max-width: 900px;
    width: 100%;
    padding: 30px;
    max-height: 800px;
    height: 100%;
    position: fixed;
    top: 40%;
    left: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -200%);
    -ms-transform: translate(-50%, -200%);
    transform: translate(-50%, -200%);
    border: 1px solid #474747;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background-color: #fff;
    -webkit-transition: -webkit-transform ease-in-out .5s;
    transition: -webkit-transform ease-in-out .5s;
    -o-transition: transform ease-in-out .5s;
    transition: transform ease-in-out .5s;
    transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
}

.y_preview.form-visible {
    -webkit-transform: translate(-50%, -35%);
    -ms-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
}

.y_preview__image {
    min-height: 90%;
    padding-top: 20px;
    text-align: center;
}

.y_preview__image img {
    max-width: 100%;
}

.y_preview_title {
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 940px) {
    .tab-content__item {
        -ms-grid-columns: 1fr 32px 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (max-width: 768px) {
    .tab-content__item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}