#zakaz{text-align: center;} .forma {     text-align: center;     background: url(https://www.girudocentr.ru/pictures/bg.jpg);     font-family: "Roboto";     max-width: 650px;     display: inline-block;     width: 100%;     border-radius: 30px; 	border: 1px solid; font-size: 20px; }  .forma .block-form {     width:auto;     text-align: center;     display: inline-block;     vertical-align: top; }  .block-name_ms1 {   padding-top: 15px;   padding-bottom: 15px; }  .forma .delevery-order {     width: 100%;     text-align: center;     display: inline-block;     vertical-align: top;     }  .delevery-order label.label-checkbox {     min-width: 250px;     font-size: 15px;     color: #aaaaaa;     cursor: pointer;     display: inline-block;     position: relative;     text-align: left;     vertical-align: middle;     padding: 10px; }  .delevery-order label.num {     box-sizing: inherit;     border: none;     max-width: 50px;     text-align: center; }  .form-group label.num .type-qty {     box-sizing: inherit;     border: 2px solid #aaaaaa;     max-width: 50px;     text-align: center;     color: #fff;     margin-right: 3px; }  #sam {   display: none; }  #nesam {   display: none; }  #nesam .kv_num {       width: 70px;     margin-bottom: 5px; }  #nesam .adres {       width: 100%;     display: inline-block;     margin-bottom: 5px; }  .kak label {     display: flex;     align-items: center;     justify-content: center; }  .kak label input {     border: 2px solid #00c;     box-sizing: border-box;     padding: 8px 15px 8px 15px;     font-size: 16px;     display: inline-block; } .name_block {       text-align: center;       margin-top: 15px;       margin-bottom: 15px; }   .name_block .name {     display: inline-block;     padding-right: 15px;     margin-bottom: 0; }  .name_block label {     display: inline-block;     vertical-align: middle; }  .name_block label input {     width: auto;     max-width: 115px;     padding: 5px 0px 5px 10px;     text-align: center;     box-sizing: border-box;     border: 2px solid #00c;     border-bottom: 0;     outline: 0;     border-radius: 5px 5px 0 0;     font-weight: 600;     font-size: 32px; }  .name_block label .qty-name {     display: block;     text-align: center;     font-size: 12px;     border: 2px solid #00c;     background: #00c;     color: #fff;     border-top: 0;     border-radius: 0 0 5px 5px; }  input[type="checkbox"], input[type="radio"] {  display: none; }  .form-group label.label-checkbox .check_round {     display: inline-block;     vertical-align: middle;     position: relative;     width: 20px;     height: 20px;     border: 1px solid #ccc;     border-radius: 3px;     cursor: pointer;     margin-right: 4px;     margin-top: -4px; }  .form-group label.label-checkbox input:checked + .check_round::before {     background-color: #00c;     transition: 0.4s;     box-sizing: border-box;     position: absolute;     content: " ";     height: 14px;     width: 14px;     vertical-align: middle;     bottom: 2px;     left: 2px;     border-radius: 3px;     border-color: red; }  .form-group label.label-checkbox input:checked+ .check_round {     border-color: #00c; }  .vibor {   margin: 15px; }  .sposob_dostavki {   margin: 15px; }  .radio1{   margin: 15px; }  .radio1 label {   margin: 15px;       display: inline-block; }  .block-form .radio1 label .check_round {     display: inline-block;     vertical-align: middle;     position: relative;     width: 20px;     height: 20px;     border: 1px solid #ccc;     border-radius: 15px;     cursor: pointer;     margin-top: -4px;     margin-right: 4px; }  .block-form .radio1 label .check_round::before {     position: absolute;     content: " ";     height: 14px;     width: 14px;     left: 2px;     bottom: 2px;     border-radius: 15px;     transition: 0.4s; }  .block-form .radio1 input:checked + .check_round::before {     background-color: #00c;     transition: 0.4s;     border-color: #00c; }  .block-form .radio1 input:checked+.check_round {     border-color: #00c; }  .sposob_dostavki .radio2 {   padding: 2%;   text-align: center; }  .sposob_dostavki .radio2 label .check_state {     display: inline-block;     vertical-align: middle;     position: relative;     width: 20px;     height: 20px;     border: 1px solid #ccc;     border-radius: 3px;     cursor: pointer;    margin-right: 8px; }  .sposob_dostavki .radio2 input:checked+ .check_state::before {     position: absolute;     vertical-align: middle;     content: " ";     height: 14px;     width: 14px;     left: 2px;     bottom: 2px;     background: #00c;     border-radius: 3px;     transition: 0.4s;     border-color: #00c; }  .sposob_dostavki .radio2 input:checked+ .check_state {     border-color: #00c; }  .sposob_dostavki .radio2 label:hover {     border: 2px solid #00c;     transition: all 0.4s; }  .sposob_dostavki .radio2 label:active {     border: 2px solid #00c;     transition: all 0.4s; }  .sposob_dostavki .radio2 label{     position: relative;     display: inline-block;     margin-right: 16px;     vertical-align: middle;     padding: 8px 20px 8px 10px;     margin-bottom: 6px;     border: 2px solid #ccc;     color: #777;     width: auto;     box-sizing: border-box;     text-align: left;     cursor: pointer;     transition: all 0.4s; }  .sposob_dostavki .radio2 input:checked+ .radio2 label:active {     border-color: #6f6fa8;     color: #333; }  #nesam label {     display: flex;     align-items: center;     justify-content: center; }  .itog input, .sale input {     box-sizing: inherit;     border: none;     max-width: 60px;     width: content;     text-align: center;     background-color: transparent;         font-weight: 600;     font-size: 16px; }  #sale1 {     display:none; }  .modal {  display: none;  position: fixed;  z-index: 1;  left: 0;  top: 0;  width: 100%;  height: 100%;  overflow: auto;  background-color: rgba(0, 0, 0, 0.8);      align-items: center;     justify-content: center; } .page1 {     display: inline-block;      margin-top: 4%;      width: 100%; }  .page2 {     display:none;     margin-top: 4%;      width: 100%;     text-align:center;     font-size:16pt;     margin-bottom: 3%; }  .modalContent {         text-align: center;     background:url(https://www.girudocentr.ru/pictures/bg.jpg);;   margin: 15 auto;   padding: 20px;   border: 1px solid #888;       min-width: 30%;     position: absolute;     left: 50%;     top: 50%;     transform: translate(-50%, -50%);     border-radius:30px; }   .close {         margin-right: -1%;     margin-bottom: -10%;     margin-top: -4%;   color: #aaa;   float: right;   font-size: 28px;   font-weight: bold; cursor: pointer; }  .block-form p {     margin-bottom:0px; }  .btn{         margin: 5%; }  span.button24 {     cursor: pointer;   display: inline-block;   color: white;   text-decoration: none;   padding: .5em 2em;   outline: none;   border-width: 2px 0;   border-style: solid none;     border-color: #04c #000 #05c;     border-radius: 6px;     background: linear-gradient(#00c, #09c) #00c;   transition: 0.2s;       font-size: 20px; }  span.button24:hover { background: linear-gradient(#05c, #09c) #05c; } span.button24:active { background: linear-gradient(#02c, #06c) #02c; }  .modal_content {       margin-bottom: 4%;  }  .modal_content label.rovno{     min-width: 155px;     font-size: 14pt;     color: #aaaaaa;     cursor: pointer;     display: inline-block;     position: relative;     text-align: left;         padding: 10px; } .modal_content input {     box-sizing: inherit;     border: 2px solid #aaaaaa;     max-width: 250px;     text-align: center;     margin-right: 3px;     font-size: 14pt;     border-radius: 5px;     }          #eror,     #eror2,     #eror3{display:none;     }          #eror span,     #eror2 span,     #eror3 span{         color: red;         font-size: 20pt;     }      .modal_button { margin-bottom: 5%; }          .modal_button #button {         cursor: pointer;     display: inline-block;     color: white;     text-decoration: none;     padding: .5em 2em;     outline: none;     border-width: 2px 0;     border-style: solid none;     border-color: #04c #000 #05c;     border-radius: 6px;     background: linear-gradient(#00c, #09c) #00c;     transition: 0.2s;     font-size: 20px; }  .modal_button #button:hover { background: linear-gradient(#05c, #09c) #05c; } .modal_button #button:active { background: linear-gradient(#02c, #06c) #02c; }  @media screen and (max-width:760px) {  	.forma {     margin-right: 0;     margin-left: 0; }     .forma span { 		font-size:14px; 	} 	.delevery-order label.label-checkbox {min-width: 220px;} }  *, *: before, *: after {     box-sizing: inherit; }