@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Nunito+Sans:wght@400;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;align-items:center;font-family:"Nunito Sans",sans-serif;background:url(../img/pattern-repeat.svg) top left/auto repeat rgba(255,255,255,.5)}.wrapper{max-width:600px}.wrapper header{width:100%;display:flex;justify-content:center;padding:18px 0;background-color:#2660b1;flex-grow:1}.wrapper main{max-width:600px;display:flex;flex-direction:column;align-items:center}.wrapper main .promo{padding:25px 20px;background-color:#2a6bc5}.wrapper main .promo h1{font-family:"Montserrat";font-size:32px;line-height:39px;letter-spacing:-0.04em;color:#fff;margin-bottom:20px}.wrapper main .promo__info{font-style:normal;font-weight:400;font-size:18px;line-height:25px;color:#fff}.wrapper main .promo__info ul{list-style:none;margin-bottom:20px}.wrapper main .promo__info .promo__course__info{margin-bottom:20px}.wrapper main .promo__info address{font-style:normal;margin-bottom:30px}.wrapper main .promo__info .promo__additional__info{display:flex;justify-content:space-between;flex-wrap:wrap}.wrapper main .promo__info .promo__additional__info .block{display:flex;flex-direction:column;align-items:center}.wrapper main .promo__info .promo__additional__info .block .block__img{width:36px;height:36px}.wrapper main .promo__info .promo__additional__info .block .block__img img{max-width:100%;display:block;filter:drop-shadow(3px 3px 0 #0043a0)}.wrapper main .promo__info .promo__additional__info .block .block__info{font-weight:500;font-size:10px;color:#fff;line-height:1;margin-top:5px}.wrapper main .promo__info .promo__additional__info .block .block__descr{font-style:normal;font-weight:800;font-size:12px;color:#fff}.wrapper main .container{width:100%;height:400px;perspective:1000px}.wrapper main .container.active .card{transform:rotateY(180deg)}.wrapper main .container .card{position:relative;width:100%;height:100%;transition:all 1s linear;transform-style:preserve-3d}.wrapper main .container .card .form{display:flex;justify-content:center;width:100%;padding:30px 20px;background:url(../img/form-bg.svg) center bottom/auto no-repeat #ffd873;transform-style:preserve-3d}.wrapper main .container .card .form form{width:90%;transform:translateZ(100px);margin-top:20px}.wrapper main .container .card .form .fullname,.wrapper main .container .card .form .phone{display:flex;flex-direction:column;padding:10px 16px 15px;background-color:#fff}.wrapper main .container .card .form .fullname label,.wrapper main .container .card .form .phone label{margin-bottom:25px;font-weight:400;font-size:14px;color:#000}.wrapper main .container .card .form .fullname input,.wrapper main .container .card .form .phone input{width:100%;border:0;font-style:normal;font-weight:400;font-size:14px;line-height:19px;color:#7c7c7c;outline:none;padding-bottom:3px}.wrapper main .container .card .form .fullname{margin-bottom:20px}.wrapper main .container .card .form .fullname__input{border-bottom:1px solid #7c7c7c}.wrapper main .container .card .form .phone .phone__input{display:flex;border-bottom:1px solid #7c7c7c;font-weight:400;font-size:14px;line-height:19px;color:#7c7c7c}.wrapper main .container .card .form .fullname small,.wrapper main .container .card .form .phone small{display:none}.wrapper main .container .card .form .fullname .error,.wrapper main .container .card .form .phone .error{position:relative;border-color:red}.wrapper main .container .card .form .fullname .error small,.wrapper main .container .card .form .phone .error small{display:flex;position:absolute;top:-140%;left:30%;padding:2px 5px;background-color:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.09);color:red;font-size:12px}.wrapper main .container .card .form .fullname .error small:before,.wrapper main .container .card .form .phone .error small:before{content:"";position:absolute;width:10px;height:10px;background-color:#fff;top:100%;-webkit-clip-path:polygon(50% 50%, 0% 100%, 100% 100%);clip-path:polygon(50% 50%, 0% 100%, 100% 100%);transform:rotate(-180deg);filter:drop-shadow(0 0 10px rgba 0, 0, 0, 0.2)}.wrapper main .container .card .form button{width:100%;display:flex;justify-content:center;padding:20px 0;background-color:#000;border:0;font-weight:700;font-size:16px;line-height:24px;color:#fff;margin-top:27px;cursor:pointer}.wrapper main .container .card .form button div{width:20px;height:20px;border:2px solid #fff;border-top-color:#000;border-radius:100%;-webkit-animation:circleRotate .8s linear infinite;animation:circleRotate .8s linear infinite}.wrapper main .container .card .thanksblock{display:flex;justify-content:center;align-items:center;padding:30px 20px;background:url(../img/form-bg.svg) center bottom/auto no-repeat #007c54;transform-style:preserve-3d}.wrapper main .container .card .thanksblock .thanksblock__content{width:90%;background-color:#fff;padding:10px;text-align:center;transform:translateZ(100px)}.wrapper main .container .card .thanksblock .thanksblock__content p{margin-top:10px}.wrapper main .container .card .front,.wrapper main .container .card .back{height:100%;position:absolute}.wrapper main .container .card .front{z-index:2;-webkit-backface-visibility:hidden;backface-visibility:hidden}.wrapper main .container .card .back{width:100%;z-index:1;transform:rotateY(180deg)}@media only screen and (max-width: 320px){.wrapper main .promo .promo__info .promo__additional__info .block{flex-basis:50%}.wrapper main .promo .promo__info .promo__additional__info .block:nth-child(1),.wrapper main .promo .promo__info .promo__additional__info .block:nth-child(2){margin-bottom:10px}}@-webkit-keyframes circleRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circleRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}/*# sourceMappingURL=style.min.css.map */