@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@700&family=Raleway:ital,wght@0,400;0,500;0,700;1,400&display=swap);
body{background:#1e1e1e;color:#bababa;font-family:"Raleway",sans-serif}.container{margin:auto;max-width:850px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.title,.modal__title{font-family:"Catamaran",sans-serif;font-size:30px;line-height:1.1;margin-bottom:0}@media(min-width: 756px){.title,.modal__title{font-size:40px;line-height:1.3}}@media(min-width: 800px){.title,.modal__title{font-size:50px;line-height:1.6}}.subtitle,.modal__subtitle{font-size:15px;line-height:20px;font-weight:400;max-width:650px;margin:25px 15px}@media(min-width: 756px){.subtitle,.modal__subtitle{font-size:18px;line-height:25px;margin:0}}.form{box-sizing:border-box;width:95%;margin:30px;margin-bottom:100px;padding:15px 20px;border-radius:10px;box-shadow:inset 0 1px 16px 0 rgba(0,0,0,.6);position:relative;display:flex;flex-direction:column;align-items:center}@media(min-width: 440px){.form{width:90%}}@media(min-width: 756px){.form{margin:30px 101px 100px;max-width:830px;padding:15px 30px 15px}}@media(min-width: 1040px){.form{padding:15px 74px 15px;width:100%}}.form--shake{position:relative;left:0;animation-name:shakeForm;animation-duration:.1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.form__content{display:flex;flex-direction:column-reverse;align-items:center;width:100%}@media(min-width: 756px){.form__content{flex-direction:row;align-items:stretch}}@media(min-width: 1040px){.form__content{width:auto}}.form__section{margin:15px 13px;width:100%;transition:.3s}.form__section--border{display:none}@media(min-width: 756px){.form__section--border{display:block;background:#fff;width:1px;margin:28px 13px}}.form__section--info{margin-bottom:0}@media(min-width: 756px){.form__section--info{margin:15px 13px}}.form__section--upload{margin-top:0}@media(min-width: 756px){.form__section--upload{margin:28px 13px}}.form__section--upload .form__message:nth-child(2){position:relative;left:-85px;bottom:-5px;color:#d9452d}.form__section .upload-window{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;box-sizing:border-box;position:relative;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23BABABAFF' stroke-width='3' stroke-dasharray='6%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:5px;transition:.3s}@media(min-width: 756px){.form__section .upload-window{height:calc(100% - 66px)}}.form__section .upload-window--active{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='white' stroke-width='3' stroke-dasharray='6%2c7' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:5px}.form__section .upload-window--error{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='5' ry='5' stroke='%23D9452DFF' stroke-width='3' stroke-dasharray='' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");border-radius:5px}.form__section .upload-window__icon{opacity:.5;width:90px;height:75px;transition:.3s}.form__section .upload-window__icon--active{opacity:1;width:100px;height:85px}.form__section .upload-window__feedback{display:none;font-family:"Raleway",sans-serif;font-style:italic;font-size:12px;text-align:center;color:#fff;margin-bottom:15px}@media(min-width: 756px){.form__section .upload-window__feedback{margin-bottom:70px}}.form__section .upload-window__btn{background:transparent;border:none;outline:none;color:#fff;font-size:15px;line-height:20px;font-weight:500;font-family:"Raleway",sans-serif;position:relative;cursor:pointer}.form__section .upload-window__btn:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background-color:#fff}.form__section .upload-window__text{font-size:15px;line-height:20px;max-width:200px;text-align:center;font-weight:500}.form__section .upload-window__text--active{color:#fff;font-size:20px}.form__section .upload-window__formats{font-size:12px;line-height:16px;position:absolute;bottom:15px;transition:.3s}@media(min-width: 756px){.form__section .upload-window__formats{bottom:40px}}.form__field{position:relative}.form__field--mandatory .form__label{color:#d9452d}.form__field--mandatory .form__input{border:1px solid #d9452d !important;border-radius:5px}.form__field--mandatory .form__message{color:#d9452d}.form__label{font-size:15px;line-height:20px;color:#bababa;position:absolute;top:25px;left:15px;transition:.3s;background:#1e1e1e;z-index:1;border-left:5px solid #1e1e1e;font-weight:500;border-right:5px solid #1e1e1e}.form__label--active,.form__label--select{font-size:10px;top:5px;color:#fff}.form__input,.form__select{margin:13px 0;width:100%;height:42px;box-sizing:border-box;background:transparent;border:1px solid #bababa;border-radius:5px;font-family:"Raleway",sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;padding-left:15px;transition:.3s}@media(min-width: 1040px){.form__input,.form__select{min-width:300px}}.form__input:hover,.form__select:hover{border:1px solid #fff}.form__input:active,.form__input:focus,.form__select:active,.form__select:focus{outline:none;opacity:1;border:1px solid #fff}.form__message{margin:0;font-size:10px;position:absolute;bottom:-3px;left:15px;visibility:hidden}.form__select{display:none;height:auto;margin-top:0;border-top-left-radius:0;border-top-right-radius:0;transition:.3s}.form__select-arrow{position:absolute;right:10px;top:30px}.form__select-option{transition:.3s;cursor:pointer;list-style:none;text-align:left;padding:5px 0}.form__select-option-img{width:24px;height:14px;object-fit:cover}.form__select-btn{cursor:pointer;transition:.3s;list-style:none;margin:13px 0;margin-bottom:0;width:100%;height:42px;box-sizing:border-box;background:transparent;border:1px solid #bababa;border-radius:5px;font-family:"Raleway",sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#fff;padding-left:15px;transition:.3s;text-align:left}.form__select-btn:focus{outline:none;border:1px solid #fff}.gift-icon{position:absolute;top:-40px;height:70px;transition:.3s;transform:rotate(-15deg)}@media(min-width: 756px){.gift-icon{height:80px;left:-25px}}@media(min-width: 1040px){.gift-icon{height:110px;top:-55px;left:-45px}}.gift-icon--shake{animation-name:shakeError;animation-duration:.1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:linear}.sendbtn,.modal__btn{font-size:16px;font-weight:bold;color:#fff;background:#d9452d;border:none;outline:none;cursor:pointer;width:fit-content;font-family:"Raleway",sans-serif;padding:10px 65px;position:relative;bottom:-30px;text-align:center}.sendbtn:hover:before,.modal__btn:hover:before{height:70px;top:-16.5px}.sendbtn:before,.modal__btn:before{content:"";z-index:-1;transition:.3s;height:55px;width:90%;position:absolute;top:-8.5px;left:5%;background-color:#d9452d;opacity:.4;border-top-left-radius:5% 75px;border-bottom-left-radius:5% 75px;border-top-right-radius:5% 75px;border-bottom-right-radius:5% 75px;transform:rotate(5deg)}.sendbtn--processing:before{animation-name:sendForm;animation-duration:.3s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-out}@keyframes sendForm{0%{height:55px;top:-8.5px}100%{height:70px;top:-16.5px}}@keyframes shakeError{0%{transform:rotate(15deg)}100%{transform:rotate(-15deg)}}@keyframes shakeForm{0%{left:-5px}100%{left:5px}}@keyframes showModal{0%{opacity:0}100%{opacity:1}}.stop-bubbling{pointer-events:none}.modal{height:100%;width:100%;position:fixed;z-index:9999;top:0;left:0;background-color:rgba(0,0,0,.8);overflow:hidden;display:none}.modal--show{display:flex;flex-direction:column;justify-content:center;align-items:center;animation-name:showModal;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1;overflow:hidden}.modal__icon{height:130px;width:130px}.modal__title{color:#fff}.modal__subtitle{text-align:center;margin-bottom:25px}.modal__btn{max-width:none;min-width:180px;padding:10px 30px}