fix 18.11

assets/css/gp-style-core.css

@@ -1862,6 +1862,9 @@ button{
   display: flex;
   justify-content: space-between;
 }
+.modal-form-content__line--two-mobile .modal-form-content-line__element{
+  width: calc(50% - 12px);
+}
 .modal-form-content-line__element{
   position: relative;
 }

assets/css/gp-style-mobile.css

@@ -99,9 +99,6 @@
 .modal-form-content__line--three .modal-form-content-line__element:nth-child(3){
     width: 82px;
 }
-.modal-form-content__line--two-mobile .modal-form-content-line__element{
-    width: calc(50% - 12px);
-}
 .form__input{
     padding: 12px 14px;
 }

assets/css/gp-style-order.css

@@ -143,6 +143,7 @@
 
     display: flex;
     justify-content: space-between;
+    align-items: center;
 }
 .order-your-calculation__title{
     font-family: var(--font-family);

assets/js/gp-form.js

@@ -76,7 +76,7 @@ function checkPhone(input) {
 inputTabs('.form-input__tabs', '.form-input-tabs__button');
 inputTabs('.modal-map__control', '.modal-map-control__item');
 
-function inputTabs(main, button) {
+function inputTabs(main, button, mandatory) {
     let mains = document.querySelectorAll(main);
 
     mains.forEach(main => {
@@ -186,6 +186,16 @@ function remoteControl(main, button) {
                 
                 subject.querySelector('.remote-control__item.active').classList.remove('active');
                 subject.children[indexActive].classList.add('active');
+
+                let mandatorys = subject.querySelectorAll('.mandatory');
+
+                mandatorys.forEach(mandatory => {
+                    if (mandatory.required) {
+                        mandatory.required = false;
+                    }else{
+                        mandatory.required = true;
+                    }
+                })
             }, 0);
         })
     })