Merge pull request 'edit blocks (gendir 3 FORM BITRIX)' (#35) from style/design into main

Reviewed-on: #35

index.html

@@ -400,12 +400,35 @@
                     </div>
                 </section>
 
-                <section class="section booking" id="booking">
+                <section class="section booking2" id="booking">
                     <div class="container booking__wrap">
                         <div class="booking__form">
-                            <h2>Оставьте заявку — подберём площадку и&nbsp;время</h2>
+							
-                            <p>Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
+							
-                            <form id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
+							<div class="btrx_form btrx_static">
+								<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
+								(function(w,d,u){
+								var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
+								var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
+								})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
+								</script>
+							</div>
+							<style>
+							.btrx_static .b24-form-wrapper{background-color:#121212;}
+							.btrx_static .b24-form-header-description, .b24-form-header-title{color:#fff;}
+							.btrx_static .b24-form-control-list .b24-form-control, .btrx_static .b24-form-control-select .field-item, .btrx_static .b24-form-control-string .b24-form-control, .btrx_static .b24-form-control-text .b24-form-control{
+								color:#999;
+							    background-image: linear-gradient(hsl(0deg 0% 100% / 101%), hsl(0deg 0% 100% / 100%));}
+							.btrx_static .b24-form-control-desc{color:#fff;}
+							.btrx_static .b24-form-field-agreement .b24-form-control-desc{opacity:0.9;}
+							.btrx_static .b24-form-field-agreement a.b24-form-field-agreement-link{color: #8cafd3;}
+							
+							
+							</style>
+							
+                            <h2 style="display:none;">Оставьте заявку — подберём площадку и&nbsp;время</h2>
+                            <p style="display:none;">Перезвоним в течение 15 минут в рабочее время и пришлём расчёт</p>
+                            <form style="display:none;" id="booking-form" action="#" method="post" novalidate data-metrika-id="" data-autoreply-endpoint="">
                                 <div class="booking__field">
                                     <label for="booking-name">Имя <span class="required-mark">*</span></label>
                                     <input id="booking-name" type="text" name="name" autocomplete="name" placeholder="Введите имя" required>
@@ -587,6 +610,7 @@
                     </div>
                 </div>
             </div>
+			
 
             <footer class="footer">
                 <div class="container">
@@ -684,7 +708,19 @@
 		<!-- Всплывающее окно бронирования -->
 		<div class="modal" id="booking-popup" aria-hidden="true" role="dialog" aria-modal="true">
 			<div class="modal__overlay" data-modal-close></div>
-			<div class="modal__content modal__content--white">
+			
+			<div class="modal__content modal__content--white" style="padding:0;">
+				<div class="btrx_form">
+					<script data-b24-form="inline/2/6zwmro" data-skip-moving="true">
+					(function(w,d,u){
+					var s=d.createElement('script');s.async=true;s.src=u+'?'+(Date.now()/180000|0);
+					var h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
+					})(window,document,'https://cdn-ru.bitrix24.ru/b38081672/crm/form/loader_2.js');
+					</script>
+				</div>
+			</div>
+			
+			<div style="display:none;" class="modal__content modal__content--white">		
 				<button class="modal__close" data-modal-close aria-label="Закрыть">×</button>
 				
 				<h2 class="modal__title">Забронировать время</h2>
@@ -839,6 +875,10 @@
 				text-transform: uppercase;
 				box-shadow: none;
 			}
+			
+			
+			
+			.btrx_form .b24-form-wrapper.b24-form-border-bottom{border-radius:14px;}
 		</style>
 		
 		<script>