.contact{padding-top:30px;padding-bottom:30px}.contact .contact-form{width:100%;padding:30px;background:var(--blackBgColor);box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .contact-form .form-group{padding-bottom:8px}.contact .contact-form .validate{color:red;margin:0 0 15px;font-weight:400;font-size:13px}.contact .contact-form .error-message{color:#fff;background:#ed3c0d;text-align:left;padding:15px;font-weight:600}.contact .contact-form .error-message br+br{margin-top:25px}.contact .contact-form .sent-message{color:#fff;background:#18d26e;text-align:center;padding:15px;font-weight:600}.contact .contact-form .loading{background:#fff;text-align:center;padding:15px}.contact .contact-form .loading:before{content:"";display:inline-block;border-radius:50%;width:24px;height:24px;margin:0 10px -6px 0;border:3px solid var(--primary);border-top:3px solid #eee;animation:animate-loading 1s linear infinite}.contact .contact-form .form-group{margin-bottom:15px}.contact .contact-form label{padding-bottom:8px;color:var(--primaryFontColor)}.contact .contact-form input,.contact .contact-form textarea{border-radius:0;box-shadow:none;font-size:14px}.contact .contact-form input{height:44px}.contact .contact-form textarea{padding:10px 15px}.contact .contact-form button[type=submit]{background:var(--primary);border:0;padding:10px 24px;color:#fff;transition:.4s;border-radius:4px}.contact .contact-form button[type=submit]:hover{background:var(--fourth)}@keyframes animate-loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.contact .info{padding:30px;background:var(--blackBgColor);width:100%;box-shadow:0 0 24px 0 rgba(0,0,0,.12)}.contact .info i{font-size:20px;color:var(--secondFontColor);float:left;width:44px;height:44px;background:var(--bgColor);display:flex;justify-content:center;align-items:center;border-radius:50px;transition:all .3s ease-in-out}.contact .info h4{padding:0 0 0 60px;font-size:22px;font-weight:600;margin-bottom:5px;color:var(--primaryFontColor)}.contact .info p{padding:0 0 10px 60px;margin-bottom:20px;font-size:14px;color:var(--secondFontColor)}.contact .info .email p{padding-top:5px}.contact .info .social-links{padding-left:60px}.contact .info .social-links a{font-size:18px;display:inline-block;background:#333;color:#fff;line-height:1;padding:8px 0;border-radius:50%;text-align:center;width:36px;height:36px;transition:.3s;margin-right:10px}.contact .info .social-links a:hover{background:var(--bgColor);color:#fff}.contact .info .address:hover i,.contact .info .email:hover i,.contact .info .phone:hover i{background:var(--primary);color:var(--primaryFontColor)}