save

assets/css/gp-style-core.css

@@ -406,6 +406,9 @@ button{
   height: 96px;
   resize: none;
 }
+.form__input--center{
+  text-align: center;
+}
 .form__button{
   width: 100%;
 
@@ -738,6 +741,9 @@ button{
 }
 .form-input__radio{
   padding: 16px;
+
+  display: flex;
+  flex-direction: column;
 }
 .form-input-radio__item{
   margin-top: 14px;
@@ -1780,6 +1786,29 @@ button{
 .modal-form-content__line--two .modal-form-content-line__element{
   width: calc(50% - 12px);
 }
+.modal-form-content__line--three{
+  display: flex;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
+  width: 85px;
+
+  flex-shrink: 0;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
+  margin-left: 8px;
+
+  width: 100%;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
+  margin-left: 8px;
+
+  width: 85px;
+  
+  flex-shrink: 0;
+}
+.modal-form-content__line--margin-top-16{
+  margin-top: 16px;
+}
 .modal-form__buttons{
   margin-top: 32px;
 }
@@ -1933,6 +1962,15 @@ button{
 .modal-map__map iframe{
   height: 650px;
 }
+.modal__age{
+
+}
+.modal__age > div{
+  display: none;
+}
+.modal__age > div.active{
+  display: flex;
+}
 /* modal */
 
 /* toggle */

assets/css/gp-style-mobile.css

@@ -89,6 +89,19 @@
     border-radius: 0;
     border: none;
 }
+
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(1){
+    width: 69px;
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(2){
+
+}
+.modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
+    width: 82px;
+}
+.form__input{
+    padding: 12px 14px;
+}
 /* modal */
 
 /* footer */

assets/js/gp-form.js

@@ -83,9 +83,27 @@ function inputTwo(main, inputTwo) {
             
         button.onclick = function () {
             input.checked = (input.checked == false) ? true : false;
-        }
 
+            if (button.dataset.content) {
+                let content = button.dataset.content,
+                    childrens = document.querySelector(`.${content}`).children;
+                
+                    Object.keys(childrens).forEach(blockId => {
+                        let block = childrens[blockId];
 
+                        if (block.classList.contains('active')) {
+                            block.classList.remove('active');
+                        }else{
+                            block.classList.add('active');
+                        }
+                    })
+                
+               
+            //    .forEach(block => {
+            //     
+            //    })
+            }
+        }        
     })
 }