/* new-form */

.new-form-popup {
    position: relative;
    max-width: 1100px;
    width: 95%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #48abff;
    border-radius: 3px;
    color: #596d89;
}

.new-form-popup .main-simple-popup-title {
    margin: 0;
    padding: 45px 0 37.5px;
}


.new-form-input-wrapper {
    margin-bottom: 9px;
    margin-right: 10px;
}

.new-form-input {
    display: block;
    width: 100%;
    height: 37px;
    border-radius: 3px;
    text-indent: 15px;
    border: 1px solid #bac5d0;
    font-size: 14px;
    background-color: #fff;
    color: #000;
    outline: none;
}

.new-form-input-wrapper.parsley-error input,
.new-form-input-wrapper.parsley-error .selectric-wrapper:not(.selectric-new-form-input--phone) .selectric {
    border: 1px solid #e5a3a4 !important;
}

textarea.new-form-input {
    height: 112px;
    resize: none;
    text-indent: 0;
    padding: 10px 15px;
}

.selectric-wrapper.selectric-new-form-input .label {
    font-size: 14px;
    line-height: 34px;
    color: #000;
}

.selectric-new-form-input .selectric {
    background-color: #fff;
    border: 1px solid #bac5d0;
    border-radius: 3px;
    height: 37px;
}

.selectric-wrapper.selectric-new-form-input .selectric-items li {
    background-color: #fff;
}

.selectric-wrapper.selectric-new-form-input .selectric-items li.selected {
    background-color: #9ed3ff;
    color: #fff;
}

.selectric-wrapper.selectric-new-form-input .selectric-items li:hover:not(.selected) {
    background-color: #e5eafa;
}

.selectric-new-form-input .selectric-hover {
    border-color:#bac5d0;
}
.selectric-new-form-input .button {
    color: transparent;
    line-height: 0;
    font-size: 0;
    padding: 0 10px 0 0;
}
.selectric-new-form-input .selectric .button:after {
    width: 9px;
    height: 6px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAUklEQVQImWXNsQmAQBQD0CfeXs5xKIKFW9kIyoELuIEDOI2ljcJH0wUeSbUf54UBxT8dpoQ+gAgzZuSEDTWWAPPTO2zps7CgwfiAAi+KcEUbr29KjBGTm/q8VgAAAABJRU5ErkJggg==') 0 0 no-repeat;
    background-size: contain;
    border: none;
}

.new-form-input__tip {
    position: relative;
    top: -4px;
    margin-left: 8px;
    font-size: 11px;
    color: #596d89;
}

.new-form-input::-webkit-input-placeholder {color:#bac0d0;}
.new-form-input::-moz-placeholder          {color:#bac0d0;}
.new-form-input:-moz-placeholder           {color:#bac0d0;}
.new-form-input:-ms-input-placeholder      {color:#bac0d0;}

.new-form-container {
    max-width: 1035px;
    width: 99%;
    margin: 0 auto;
}

.selectric-new-form-input--phone {
    width: 35%;
}

.selectric-new-form-input--phone .label {
    color: #bac0d0 !important;
}

.new-form-input--phone-2 {
    width: 63%;
    float: right;
}

.selectric-new-form-input--inline,
.new-form-input--inline {
    display: inline-block;
    vertical-align: top;
}

.new-form-file-input {
    overflow: hidden;
    padding: 5px 30px;
    height: 112px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: repeating-linear-gradient(to right, #bac0d0 0%, #bac0d0 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to right, #bac0d0 0%, #bac0d0 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #bac0d0 0%, #bac0d0 50%, transparent 50%, transparent 100%), repeating-linear-gradient(to bottom, #bac0d0 0%, #bac0d0 50%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
}
.new-form-file-input__icon {
    display: block;
    height: 46px;
    width: 36px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSI0NiI+ICA8ZGVmcz4gICAgPGZpbHRlciBpZD0iYSI+ICAgICAgPGZlRmxvb2QgZmxvb2QtY29sb3I9IiNCQUM1RDAiIGZsb29kLW9wYWNpdHk9IjEiIHJlc3VsdD0iZmxvb2RPdXQiLz4gICAgICA8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImF0b3AiIGluPSJmbG9vZE91dCIgaW4yPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9ImNvbXBPdXQiLz4gICAgICA8ZmVCbGVuZCBpbj0iY29tcE91dCIgaW4yPSJTb3VyY2VHcmFwaGljIi8+ICAgIDwvZmlsdGVyPiAgPC9kZWZzPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMzQuMzQ5IDQ1LjM3MWMtLjM5NC40MDQtLjk1OC42MjYtMS41MTUuNjI2SDIuMzI1Yy0uNTg1IDAtMS4yMDItLjIzNC0xLjYxNi0uNjU4Qy4yOTUgNDQuOTEzIDAgNDQuMzQ4IDAgNDMuNzQ3VjIuMTVDMCAuOTY1IDEuMDExIDAgMi4xNjUgMGwyMS4yMTMtLjAwMWMuMTg1IDAgLjM3NC4wNzYuNTA1LjIxMWwxMC44NyAxMS4xNDFjLjEzMi4xMzUuMjQ3LjMxOC4yNDcuNTA4djMyYzAgLjU3MS0uMjU4IDEuMTA3LS42NTEgMS41MTJ6TTIzLjE1OCAxLjUxOWMuMDM4IDEuMjY5LjAzNSAzLjk4LS4wMjUgOS45OGg5Ljc0M2wtOS43MTgtOS45OHpNMzMuNiAxMi45MzZIMjIuNDI1Yy0uMTg3IDAtLjM3NC0uMDc3LS41MDYtLjIxMy0uMTMxLS4xMzYtLjIxMi0uMzIxLS4yMS0uNTEzLjAzNi0zLjUyLjA1NS04Ljk2MS4wMjEtMTAuNzczbC0xOS41Ny4wMDFjLS4zODIgMC0uNzYuMzItLjc2LjcxMnY0MS41OTdjMCAuMjE3LjE0OS40MjEuMjk5LjU3NS4xNDkuMTU0LjQxNS4yMzguNjI2LjIzOGgzMC41MDljLjE4MyAwIC4zOTYtLjA3My41MjQtLjIwNS4xMjctLjEzMS4yNDItLjMxMS4yNDItLjQ5NlYxMi45MzZ6bS05LjEgMTUuMDg4aC02LjMwNXY2LjQ3NGMwIC4zOTQtLjMxMi43MTQtLjY5NS43MTQtLjM4NCAwLS42OTUtLjMyLS42OTUtLjcxNHYtNi40NzRIMTAuNWMtLjM4NCAwLS42OTUtLjMyLS42OTUtLjcxMyAwLS4zOTQuMzExLS43MTQuNjk1LS43MTRoNi4zMDV2LTYuNDc0YzAtLjM5My4zMTEtLjcxMy42OTUtLjcxMy4zODMgMCAuNjk1LjMyLjY5NS43MTN2Ni40NzRIMjQuNWMuMzgzIDAgLjY5NS4zMi42OTUuNzE0IDAgLjM5My0uMzEyLjcxMy0uNjk1LjcxM3oiIGZpbHRlcj0idXJsKCNhKSIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: contain;
}
.new-form-file-input__left {
    margin-right: 25px;
    pointer-events: none;
}
.new-form-file-input__right {
    font-size: 10px;
    pointer-events: none;
    flex: 1 0 auto;
    max-width: 88%;
}

.new-form-file-input__top {
    width: 80%;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.new-form-file-input__bottom {
    margin: 0;
    line-height: 100%;
}

.new-form__close {
    position: relative;
    display: inline-block;
    right: 20px;
    top: 20px;
    width: 25px;
    height: 25px;
    margin-left: 10px;

}
button.new-form__close {
    position: absolute;
    top: 20px;
    right: 20px;
    left: auto;
    background-color: transparent;
    border: none;
}

.new-form .parsley-errors-list {
    display: none;
}
button.new-form__close:before,
button.new-form__close:after {
    top: -2px;
    height: 28px;
    right: 0px;
    left: 11px;
}

.new-form__close.new-form__close--sm {
    right: 10px;
    top: 1px;
    width: 10px;
    height: 10px;
}

.new-form__close.new-form__close--sm:before,
.new-form__close.new-form__close--sm:after {
    background-color: #48abff;
    width: 1px;
    height: 12px;
}

.new-form__close:hover:before,
.new-form__close:hover:after {
    background-color: #48abff;
}
.new-form__close:before, .new-form__close:after {
    position: absolute;
    left: 5px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #48abff;
}
.new-form__close:before {
    transform: rotate(45deg);
}
.new-form__close:after {
    transform: rotate(-45deg);
}

.dropzone .new-form-file-input__right .dz-preview {
    display: block;
    min-height: 0;
    margin: 0;
}
.new-form__close.new-form__close--sm {
    pointer-events: all;
}

.new-form a.dz-remove {
    display: none !important;
}

.new-form .dz-filename {
    width: 90%;
    display: inline-block;
    vertical-align: top;
    color: #000;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-form-popup .mfp-close {
    display: none;
}
.new-form-file-input__right--with-files {
    padding-top: 9px;
    height: 100%;
}

.new-form-footer {
    margin-top: 10px;
    padding: 30px 0 15px;
    background-color: #eef3fa;
}

.new-form-footer .privacy-checkbox {
    padding-right: 10%;
    font-size: 11px;
    color: #000;
}

.new-form-footer .btn-wrap{
    text-align: right;
}

.button.button-new {
    background-color: #48abff;
    color: #fff;
    padding: 8px 52px;
}
.button-new.button-animated-hover:before {
    background-color: #48abff;
    border-radius: 3px;
}

.button-new:disabled {
    background-color: #bac5d0;
}
.btn-wrap {
    position: relative;
}

.new-form-error-tip {
    position: absolute;
    top: -100%;
    left: -28%;
    padding: 5px 15px;
    min-height: 34px;
    background-color: #e5a3a4;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    z-index: 5;
}
.new-form-error-tip:after {
    top: 100%;
    left: 92%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(229, 163, 164, 0);
    border-top-color: #e5a3a4;
    border-width: 10px;
    margin-left: -10px;
    transform: scaleX(-.5);
}

.new-form-error-tip + button {
    background-color: #bac5d0 !important;
}
.new-form-popup--ty {
    padding-bottom: 20px;
}
.selectric.error,
.new-form-input.error{
    border:1px solid #e5a3a4 !important;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .new-form-file-input__top {
        line-height: 13px;
    }
    .new-form-file-input__bottom {
        font-size: 9px;
    }
}
@media screen and (max-width: 767px) {
    textarea.new-form-input {
        line-height: 14px;
    }
    .new-form .dz-filename {
        width: 80%;
    }

    .new-form-file-input__bottom {
        display: none !important;
    }
    .new-form .main-simple-popup-title {
        font-size: 18px;
    }
    .new-form-input__tip {
        line-height: 14px;
        display: inline-block;
        padding-top: 10px;
    }
    .new-form-input,
    .selectric-wrapper.selectric-new-form-input .label {
        font-size: 12px;
    }
    .new-form-file-input__top {
        font-size: 12px;
    }
    .selectric-new-form-input--phone {
        width: 45%;
    }
    .new-form-input--phone-2 {
        width: 52%;
    }
    .selectric-new-form-input--phone .selectric .label {
        margin-right: 25px;
    }
    .new-form .btn-wrap {
        text-align: center;
    }
}