Website Development for Business

/* Специальные стили для брифа */ body.brief .content { padding-top: 60px !important; } body.brief h1 { margin-bottom: 40px !important; position: relative !important; } body.brief h1:after { content: '' !important; display: block !important; width: 80px !important; height: 3px !important; background: linear-gradient(90deg, #0066cc, #00aaff) !important; margin: 20px auto 0 !important; border-radius: 2px !important; } #briefForm { max-width: 650px !important; margin: 0 auto !important; padding: 40px !important; background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important; border-radius: 12px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.1), 0 2px 8px rgba(0,0,0,0.05) !important; border: 1px solid rgba(255,255,255,0.8) !important; overflow: visible !important; } body.brief #briefForm input[type="text"], body.brief #briefForm input[type="email"], body.brief #briefForm input[type="tel"] { display: inline-block !important; width: 49% !important; margin: 0 1% 20px 0 !important; border: 2px solid #e1e5e9 !important; height: 45px !important; line-height: 45px !important; padding: 0 15px !important; box-sizing: border-box !important; font-size: 15px !important; border-radius: 8px !important; background: white !important; transition: all 0.3s ease !important; } body.brief #briefForm input[type="text"]:focus, body.brief #briefForm input[type="email"]:focus, body.brief #briefForm input[type="tel"]:focus { border-color: #0066cc !important; box-shadow: 0 0 0 3px rgba(0,102,204,0.1) !important; outline: none !important; } /* Специальные стили для полей "Желаемые сроки" и "Ориентировочный бюджет" */ body.brief #briefForm input[name="deadline"], body.brief #briefForm input[name="budget"] { display: inline-block !important; width: 49.5% !important; margin: 0 0.5% 20px 0 !important; border: 2px solid #e1e5e9 !important; height: 45px !important; line-height: 45px !important; padding: 0 15px !important; box-sizing: border-box !important; font-size: 15px !important; border-radius: 8px !important; background: white !important; transition: all 0.3s ease !important; } body.brief #briefForm input[name="deadline"]:focus, body.brief #briefForm input[name="budget"]:focus { border-color: #0066cc !important; box-shadow: 0 0 0 3px rgba(0,102,204,0.1) !important; outline: none !important; } body.brief #briefForm input[type="text"]:nth-of-type(even), body.brief #briefForm input[type="email"]:nth-of-type(even), body.brief #briefForm input[type="tel"]:nth-of-type(even), body.brief #briefForm input[name="budget"] { margin-right: 0 !important; } #briefForm select { display: block !important; width: 100% !important; margin: 0 0 20px !important; border: 2px solid #e1e5e9 !important; height: 45px !important; padding: 0 15px !important; background: white !important; box-sizing: border-box !important; font-size: 15px !important; border-radius: 8px !important; transition: all 0.3s ease !important; } #briefForm select:focus { border-color: #0066cc !important; box-shadow: 0 0 0 3px rgba(0,102,204,0.1) !important; outline: none !important; } #briefForm textarea { resize: vertical !important; margin: 0 0 20px !important; border: 2px solid #e1e5e9 !important; line-height: 1.5 !important; width: 100% !important; display: block !important; padding: 12px 15px !important; box-sizing: border-box !important; font-size: 15px !important; border-radius: 8px !important; min-height: 100px !important; background: white !important; font-family: Arial, sans-serif !important; transition: all 0.3s ease !important; } #briefForm textarea:focus { border-color: #0066cc !important; box-shadow: 0 0 0 3px rgba(0,102,204,0.1) !important; outline: none !important; } body.brief { background: radial-gradient(ellipse at center, #f8f9fa 0%, #e9ecef 100%) !important; min-height: 100vh !important; } #briefForm label { display: block !important; margin: 25px 0 10px !important; font-weight: 600 !important; color: #2c3e50 !important; font-size: 16px !important; position: relative !important; } #briefForm label:first-of-type { margin-top: 0 !important; } #briefForm input[type="file"] { display: none !important; } #briefForm input[type="checkbox"] { display: inline-block !important; width: auto !important; margin: 0 10px 0 0 !important; vertical-align: middle !important; } /* Стили кнопки как на главной странице (askBtn) */ #briefForm .sendBtnHolder { width: 196px !important; height: 41px !important; margin: 30px auto 0 !important; overflow: hidden !important; } #briefForm .sendBtn { width: 191px !important; height: 36px !important; line-height: 36px !important; font-size: 16px !important; cursor: pointer !important; box-sizing: border-box !important; } #briefForm .sendBtn:before { height: 39px !important; } #briefForm .sendBtn:after { width: 191px !important; } /* Контейнер поля загрузки файлов */ #briefForm .fileField { display: flex !important; align-items: center !important; width: 100% !important; margin: 0 0 20px !important; padding: 12px 15px !important; border: 2px solid #e1e5e9 !important; border-radius: 8px !important; background: white !important; box-sizing: border-box !important; min-height: 45px !important; transition: all 0.3s ease !important; } #briefForm .fileField:hover { border-color: #0066cc !important; } /* Кнопка-лейбл для выбора файлов */ #briefForm .fileBtn { display: inline-block !important; width: 191px !important; height: 36px !important; line-height: 36px !important; text-align: center !important; font-size: 16px !important; font-weight: normal !important; cursor: pointer !important; box-sizing: border-box !important; position: relative !important; color: #fff !important; background: #0066cc !important; border: none !important; border-radius: 2px !important; margin: 0 !important; } #briefForm .fileBtn:hover { background: #0052a3 !important; } .brief .contentRow h1 { text-align: center !important; margin-bottom: 40px !important; color: #222 !important; } @media (max-width: 768px) { #briefForm input[type="text"], #briefForm input[type="email"], #briefForm input[type="tel"] { width: 100% !important; margin-right: 0 !important; } #briefForm { padding: 20px !important; } }

Website Development Brief

We Will Call You Back!

Мы Вам перезвоним!

Заполните поля ниже, мы свяжемся
с Вами в течение 24 часов.