

/* Start:/local/templates/v1/components/bitrix/news.list/docs/style.min.css?17903267723094*/
#docs { padding: 120px 0 80px; background-color: #F7F5FB; } #docs h2 { font-weight: 700; font-size: 36px; color: #1A1753; position: relative; padding-left: 60px; padding-bottom: 60px; margin-bottom: 0; padding-right: 20px; } #docs h2:before { content: ""; width: 37px; height: 2px; border-radius: 1px; position: absolute; background-color: #1A1752; left: 0; top: 23px; } #docs .doc { position: relative; font-size: 14px; font-weight: 600; color: #1a1752; display: block; text-decoration: none; padding: 19px 60px 19px 80px; background: #fff url(/local/templates/v1/components/bitrix/news.list/docs/img/file.svg) no-repeat 25px center / auto 32px; border-radius: 5px; margin-bottom: 19px; border: 1px solid rgba(65, 64, 68, 0.1); } #docs .doc:after { position: absolute; content: ""; background: #fff url(/local/templates/v1/components/bitrix/news.list/docs/img/download.svg) no-repeat center / contain; height: 20px; width: 19px; right: 20px; } #docs .form-block { background-color: #6844BE; border-radius: 10px; padding: 60px; max-width: 540px; width: 100%; margin-bottom: 50px; } #docs .form-block h3 { color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 0; } #docs form input[type="text"] { border-bottom: 2px solid #fff; border-right: none; border-left: none; border-top: 0; background-color: transparent; color: #fff; width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.025em; padding: 45px 0 15px; outline: none; opacity: 0.85; } #docs form input[type="text"]:focus { opacity: 1; } #docs form textarea { border-bottom: 2px solid #fff; border-right: none; border-left: none; border-top: 0; background-color: transparent; color: #fff; width: 100%; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: 0.025em; padding: 45px 0 15px; outline: none; opacity: 0.85; resize: none; } #docs form textarea:focus { opacity: 1; } #docs form input::-webkit-input-placeholder { color: #fff } #docs form textarea::-webkit-input-placeholder { color: #fff } #docs form input::-moz-placeholder { color: #fff } #docs form textarea::-moz-placeholder { color: #fff } #docs form input:-moz-placeholder { color: #fff } #docs form textarea:-moz-placeholder { color: #fff } #docs form input:-ms-input-placeholder { color: #fff } #docs form textarea:-ms-input-placeholder { color: #fff } #docs form input[type="submit"] { font-size: 16px; line-height: 24px; color: #191E57; text-transform: uppercase; letter-spacing: 0.01em; background-color: #fff; border-radius: 30px; font-weight: 700; text-align: center; padding: 18px 57px; display: inline-block; outline: none; max-width: 240px; margin-top: 60px; border: none; } @media (max-width: 991.98px) { #docs .form-block { margin: 30px auto 0 } } @media (max-width: 575.98px) { #docs { padding: 50px 0 60px; } #docs h2 { font-size: 24px; padding-left: 0; padding-bottom: 40px; padding-right: 0; line-height: 32px; text-align: center; } #docs h2:before { display: none; } #docs .doc { padding: 19px 60px 19px 55px; background: #fff url(/local/templates/v1/components/bitrix/news.list/docs/img/file.svg) no-repeat 15px center / auto 32px; margin-bottom: 16px; } #docs .form-block { margin: 10px auto 0; padding: 50px 20px; } #docs .form-block h3 { font-size: 20px } }

/* End */
/* /local/templates/v1/components/bitrix/news.list/docs/style.min.css?17903267723094 */
