.modal__form {
    width: 100%;
}
.modal__form__section + .modal__form__section {
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}
.modal__form__section + .modal__form__section {
    border-top: 1px solid #b6cccc;
}
.modal__form__section__line {
    display: flex;
    align-items: flex-start;
}
.modal__form__section__line_gallery {
    flex-wrap: wrap;
}
.modal__form__section__line_image {
    align-items: flex-start;
}
.modal__form__section__line + .modal__form__section__line {
    margin-top: 1.2rem;
}
.modal__form__section__line__text-side {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    padding-right: 1rem;
}
.modal__form__section__line__text-side_gallery {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-right: 0;
}
.modal__form__section__line__input-side {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
}
.modal__form__section__line__input-side_gallery {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding-top: 1rem;
}
.modal__form__section__line__input-side_image {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.modal__form__section__line__input-side_logo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.modal__form__section__line__input-side_layout {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.modal__form__section__line__input-side_bg-color {
    display: flex;
    align-items: center;
}
.modal__form__section__line__input-side_videos {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.modal__form__section__line__input-side_videos .modal__form__item__wrapper-elem:not(.hidden-elem) + .modal__form__item__wrapper-elem,
.modal__form__section__line__input-side_videos .modal__form__button {
    margin-top: .5rem;
}
.modal__form__item__wrapper-elem .modal__form__item + .modal__form__item {
    margin-left: .625rem;
}
.modal__form__section__line__input-side_image .modal__form__button_picker {
    max-width: 28%;
}
.modal__form__button-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 2.7rem;
    border: 1px solid #bccdd7;
    border-radius: .25rem;
    padding: 0 1rem;
    font-size: 1rem;
    margin-right: 1rem;
    font-weight: 400;
    color: #656d78;
    background-color: #F5F7FA;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.modal__form__button-checkbox:hover {
    cursor: pointer;
}
.form-switch {
    position: relative;
    display: inline-block;
    width: 39px;
    height: 22px;
    margin: 0 .5rem 0 0;
}
.form-switch__input {
    opacity: 0;
    width: 0;
    height: 0;
}
.form-switch__slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
}
.form-switch__slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.form-switch__input:checked + .form-switch__slider {
    background-color: #2196F3;
}
.form-switch__input:focus + .form-switch__slider {
    box-shadow: 0 0 1px #2196F3;
}
.form-switch__input:checked + .form-switch__slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}
.modal__form__button-checkbox span {
    display: flex;
    align-items: center;
}
.modal__form__section__line__input-side_layout {
    display: flex;
    flex-direction: row;
}
.modal__form__section__line__input-side__image-preview {
    display: none;
    position: relative;
    width: 70%;
    border: 1px solid #bccdd7;
    border-radius: .25rem;
    padding: .5rem;
}
.modal__form__section__line__input-side__image-preview_logo {
    width: auto;
    max-width: 70%;
    margin-left: 1rem;
}
.modal__form__section__line__input-side__image-preview_gallery {
    width: calc((100% / 5) - .65rem);
    display: block;
    margin-left: .65rem;
}
.modal__form__section__line__input-side__image-preview__remover {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    border: 1px solid #bccdd7;
    border-radius: 50%;
    background-color: #ffffff;
    z-index: 1;
}
.modal__form__section__line__input-side__image-preview__remover:hover {
    cursor: pointer;
    background-color: #c9302c;
    border-color: #ac2925;
    color: #ffffff;
}
.modal__form__section__line__input-side__image-preview:hover .modal__form__section__line__input-side__image-preview__remover,
.modal__form__section__line__input-side__image-preview:hover .modal__form__section__line__input-side__image-preview__remover,
.input-side__testimonials:hover .modal__form__section__line__input-side__image-preview__remover {
    display: flex;
}
.modal__form__section__line__input-side__image-preview img {
    width: 100%;
}
.modal__form__section__line__input-side__image-preview_logo img {
    max-width: 125px;
    max-height: 50px;
}
.modal__form__section__line__input-side_btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.modal__form__section__line__text-side__title {
    font-weight: 600;
    font-size: 1rem;
    color: #2b2b2b;
}
.modal__form__section__line__text-side__note {
    font-size: .8rem;
    font-weight: 500;
    color: #afafaf;
}
.modal__form__item__wrapper-elem {
    width: 100%;
    padding: .3125rem .625rem;
    background-color: #F5F7FA;
    border: 1px solid #bccdd7;
    border-radius: .25rem;
    display: flex;
    align-items: center;
}
.modal__form__item__wrapper-elem .modal__form__item {
    flex: 1 auto;
}
.modal__form__item__wrapper-elem .modal__form__button {
    margin: 0 0 0 .625rem;
}
input[type=range] {
    width: 9rem;
    display: inline-block;
    position: relative;
    background: transparent;
    -webkit-appearance: none;
}
input[type="range"][data-value]:not([data-value=""]):hover:after,
input[type="range"][data-value]:not([data-value=""]):active:after {
    content: attr(data-value);
    background-color: #2b2b2b;
    padding: .1875rem .5rem;
    color: #ffffff;
    position: absolute;
    left: calc(100% + 0.25rem);
    top: 50%;
    transform: translateY(-50%);
    border-radius: .25rem;
    z-index: 1;
}
input[type="range"][data-value]:not([data-value=""]):hover:before,
input[type="range"][data-value]:not([data-value=""]):active:before {
    content: '';
    border-top-color: transparent;
    border-right-color: #2b2b2b;
    border-bottom-color: transparent;
    border-width: .325rem .325rem .325rem 0;
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 1;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
/* Chrome */
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: #42b2e5;
    cursor: pointer;
    margin-top: -0.2875rem;
    box-shadow: none;
    position: relative;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.625rem;
    cursor: pointer;
    box-shadow: none;
    background: #eef4f6;
    border-radius: .32rem;
    border: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #eef4f6;
}
/* Firefox and Edge */
input[type=range]::-moz-range-thumb,
input[type=range]::-ms-thumb {
    box-shadow: none;
    border: none;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 50%;
    background: #42b2e5;
    cursor: pointer;
}
/* Firefox */
input[type=range]::-moz-range-track {
    width: 100%;
    height: 0.625rem;
    cursor: pointer;
    box-shadow: none;
    background: #eef4f6;
    border-radius: .32rem;
    border: none;
}
.modal__form__item {
    display: inline-block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #393939;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #bccdd7 !important;
    border-radius: .25rem;
    font-weight: 400;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    box-shadow: inset 0 1px 3px 0 #e6f0f6;
}
.modal__form__item_error {
    border-color: #dc3545 !important;
    box-shadow: inset 0 1px 3px 0 #ff9d9e;
}
.modal__form__item_error + [id^="quill-editor"] {
    border-color: #dc3545 !important;
    box-shadow: inset 0 1px 3px 0 #ff9d9e;
}
.modal__form__item_sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.modal__form__item:focus {
    border-color: #42b2e5 !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(94,148,255,.25);
}
.modal__form__item_error:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69,.25);
}
.modal__form__item_select {
    height: calc(2.25rem + 2px);
}
.modal__form__item_number {
    width: 4.5rem;
}
.modal__form__item_sm_number {
    width: 3.635rem;
}
.modal__form__item_textarea {
    resize: vertical;
}
.modal__form__elem__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border: 1px solid #bccdd7;
    border-radius: .25rem;
    box-shadow: inset 0 1px 3px 0 #e6f0f6;
    color: #656d78;
    background-color: #fff;
    margin-right: .312rem;
}
.modal__form__elem__icon_linkedin {
    color: #0077B5;
}
.modal__form__elem__icon_facebook {
    color: #0866FF;
}
.modal__form__elem__icon_twitter {
    color: #000000;
}
.modal__form__elem__icon_instagram {
    color: #E1306C;
}
.modal__form__elem__icon * {
    font-size: 1.5rem;
}
.modal__form__button {
    outline: none;
    border-width: 1px;
    border-style: solid;
    padding: 0 1rem;
    font-size: 1rem;
    font-weight: 400;
    border-radius: .25rem;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.375rem;
    position: relative;
}
.modal__form__button + .modal__form__button {
    margin-left: 1rem;
}
.modal__form__button {
    color: #42b2e5;
    background-color: #ffffff;
    border-color: #42b2e5;
}
.modal__form__button:hover {
    cursor: pointer;
    background-color: #42b2e5;
    color: #ffffff;
}
.modal__form__button_picker {
    color: #656d78;
    border: 1px solid #bccdd7;
    background-color: #F5F7FA;
    -webkit-box-shadow: inset 0 -3px 5px rgba(0,0,0,0.125);
    box-shadow: inset 0 -3px 5px rgba(0,0,0,0.125);
}
.modal__form__button_picker:hover {
    cursor: default;
    color: #656d78;
    background-color: #F5F7FA;
}
.modal__form__button_remover {
    color: #656d78;
    padding: 0;
    border: 1px solid transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal__form__button_remover:hover {
    cursor: pointer;
    background-color: transparent;
    color: #f0300b;
}
.modal__form__button__input-color,
.modal__form__button__input-file {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
}
.modal__form__button__text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.modal__form__button__icon + .modal__form__button__text,
.modal__form__button__text + .modal__form__button__icon {
    padding-left: .6rem;
}
.modal__form__button__icon_color-picked + .modal__form__button__text,
.modal__form__button__text + .modal__form__button__icon_color-picked,
.pickr + .modal__form__button__text,
.modal__form__button__text + .pickr {
    padding-left: .6rem;
}
.modal__form__button__icon_color-picked {
    font-size: 1.6rem;
}
.layout-option:hover {
    cursor: pointer;
}
.layout-option_double {
    width: calc((100% / 2) - .75rem);
}
.layout-option__description {
    display: block;
    width: 100%;
    padding-top: .5rem;
    text-align: center;
    color: #b6cccc;
}
.layout-option:hover .layout-option__description {
    color: #869b9b;
}
.layout-option__wrapper {
    display: block;
    position: relative;
    width: 100%;
    border-radius: .25rem;
    border: 2px solid #e6e9ed;
    padding: 1rem 0;
    --color-layout-option: #e6e9ed;
    --color-layout-option-light: #f5F7F9;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option:hover .layout-option__wrapper {
    border-color: #aab2bd;
    --color-layout-option: #aab2bd;
    --color-layout-option-light: #ccd1d9;
}
.layout-option__title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__title:before {
    content: "";
    width: 50%;
    height: 1rem;
    border-radius: .5rem;
    background-color: var(--color-layout-option);
    margin: 1rem;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__subtitle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__subtitle:before {
    content: "";
    width: 70%;
    height: .8rem;
    border-radius: .5rem;
    background-color: var(--color-layout-option);
    margin: 0 1rem 1rem;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__content {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 1rem 1rem;
}
.layout-option__content__vacancy {
    display: block;
    border: 2px solid var(--color-layout-option);
    border-radius: .25rem;
    height: 2.5rem;
    background-color: var(--color-layout-option-light);
}
.layout-option__content__vacancy_single-col {
    width: calc(100% - 1rem);
    margin: .5rem;
}
.layout-option__content__vacancy_double-col {
    width: calc(50% - 1rem);
    margin: .5rem;
}
.layout-option__content__element {
    display: block;
    position: relative;
    margin: 1rem 1rem 0;
    border: 3px solid var(--color-layout-option);
    border-radius: .25rem;
    width: calc(50% - 2rem);
    padding-top: calc((50% / 16) * 9 );
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__content__element__content {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-layout-option);
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__content__element__content i {
    font-size: 4rem;
}
.layout-option__content__text {
    width: 50%;
    padding: 1rem 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__content__text * {
    display: block;
    width: 100%;
    height: .6rem;
    border-radius: .3rem;
    background-color: var(--color-layout-option);
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.layout-option__content__text *:last-child {
    width: 56%;
}
.layout-option__content__text * + * {
    margin-top: .8rem;
}
.layout-option__content__benefits {
    display: flex;
    align-items: center;
    width: calc(100% / 3);
    justify-content: center;
}
.layout-option__content__benefits:nth-child(n+4) {
    margin-top: .8rem;
}
.layout-option__content__benefits_horizontal {
    flex-direction: row;
}
.layout-option__content__benefits_vertical {
    flex-direction: column;
}
.layout-option__content__benefits_horizontal:before {
    content: '';
    width: .7rem;
    height: .7rem;
    border-radius: .15rem;
    margin-right: .3rem;
    background-color: var(--color-layout-option);
}
.layout-option__content__benefits_vertical:before {
    content: '';
    width: .7rem;
    height: .7rem;
    border-radius: .15rem;
    margin-bottom: .3rem;
    background-color: var(--color-layout-option);
}
.layout-option__content__benefits:after {
    content: '';
    width: 60%;
    height: .7rem;
    border-radius: .25rem;
    background-color: var(--color-layout-option);
}
input[type="radio"]:checked ~ .layout-option__description {
    color: #5E94FF;
}
input[type="radio"]:checked ~ .layout-option__wrapper {
    border-color: #5E94FF;
    --color-layout-option: #5E94FF;
    --color-layout-option-light: #97c4ff;
}
.layout-option input[type="radio"] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#dropzone-upload {
    width: 100%;
    border: 3px dashed #bccdd7;
    border-radius: .25rem;
    padding: 1rem;
    margin-top: 1rem;
}
#dropzone-uploaded {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -0.625rem;
}
.pickr .pcr-button {
    width: 1.4rem !important;
    height: 1.4rem !important;
}