/*********Feedback String************/
.callback_lo{
  overflow: hidden;;
  }
  .number_widget_lo {
  width: 220px;
  position: fixed;
  bottom: 5%;
  transition: 0.3s;
  left: 5%;
  opacity: 0;
  z-index: 99;
  border-radius: 30px;
  border: 2px solid #ffffff;
  height: 48px;
  background: #41af00;
  }
/*   .number_widget_lo:after{    
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  top: 39%;
  transition: 0.3s;
  left: 0px;
  z-index: -5;
  margin-left: -5px;
  background: #41af00;
  } */
  .number_widget_lo strong {
  position: absolute;
  bottom: 50px;
  right: -10px;
  width: 25px;
  height: 25px;
  z-index: 9999;
  overflow: hidden;
  border-radius: 50%;
  background: rgb(25 66 0 / 54%);
  }
  .number_widget_lo strong:after,
  .number_widget_lo strong:before {
  width: 15px;
  height: 2px;
  background: #ffffff;
  content: "";
  display: block;
  transition: .3s;
  left: 5px;
  position: absolute;
  top: 11px;
  box-shadow: 0 0 5px #000;
  }
  .number_widget_lo strong:hover:after,
  .number_widget_lo strong:hover:before {
  background: #ff0000;
  transition: .3s;
  cursor: pointer;
  }
  .number_widget_lo strong:hover{
  cursor: pointer;
  }
  .number_widget_lo strong:after {
  transform: rotate(45deg);
  }
  .number_widget_lo strong:before {
  transform: rotate(-45deg);
  }
  .number_widget_lo.active_string {
  transition: 0.3s;
  opacity: 1;
  }
  .number_widget_lo button {
  border: none;
  transition: .3s;
  background: rgb(0 8 57);
  border-radius: 50%;
  border: 1px solid #cc0015;
  width: 35px;
  height: 35px;
  display: block;
  font-size: 18px;
  margin: 5px 0;
  color: #ffffff;
  box-shadow: 0 0 5px #000;
  }
  .number_widget_lo button:hover {
  transition: .3s;
  color: #ffffff;
     background: #000525;
  }
  .number_widget_lo input {
  border-radius: 20px !important;
  padding: 0 10px !important;
  width: 170px !important;
  color: #000 !important;
  float: left;
  font-size: 14px !important;
  font-weight: bold !important;
  height: 38px !important;
  margin: 3px !important;
  border: 2px solid #7f7f7f !important;
  }
  .number_widget_lo:hover, .number_widget_lo:hover:after  {
  transition: 0.5s;
  background: #317906;
  border: 2px solid #ffffff;
  }
  .number_widget_lo:hover:after  {
  border: none;
  left: 10%;
  }
  .mfp_number_widget_lo{
  padding: 0;
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  }
  .success_number_widget_lo{
  }
  @media (max-width: 767px){
  .number_widget_lo {display: none!important;}
  }   
 
 /***************** Modal Window *******************/
*::-webkit-input-placeholder{color:#999;opacity:1;}
*:-moz-placeholder{color:#999;opacity:1;}   
*::-moz-placeholder{color:#999;opacity:1;}
*:-ms-input-placeholder{color:#999;opacity:1;}
:-moz-ui-invalid:not(output){box-shadow:0 0 0 red;}
center{position: fixed;z-index: 999;top: 150px;}
.hidden{display:none;}
.popup-form{margin: 0 auto;padding: 20px;/* text-align: center; */max-width: 400px;position: relative;overflow: hidden;border-radius: 10px;background-color: var(--dark-bg);}
.button-center{margin:0;padding:0;text-align:center;}
.popup-form button.button{margin: 10px auto 0 auto;font-size:16px;font-weight:bold;text-transform:uppercase;background: #34901d;border: 0;transition: .3s;padding: 5px 25px;color: #fff;border-radius: 10px;}
.popup-form button.button:hover{background-color: #00461d;color: #ffffff;transition: .3s;}
p.zakaz{margin: 5px auto 15px auto;padding: 0 0 2px 0;text-align:center;border-bottom: 2px solid #ffffff;font-size: 20px;font-weight:bold;color: white;width: calc(100% - 10%);text-transform:uppercase;} 
.modal-input label,.modal-input input{display:block;font-weight:normal;}

.modal-input label span{margin: 5px 0;display: block;color: #ffffff;}
.modal-input input{height: 40px;margin: 0 auto;}
.modal-input .input-error {  border: 2px solid #e74c3c !important;  background: #fff0f0 !important;}
.modal-input .form_fill_error {  padding: 0 5px;  color: #f90000;}
.modal-input #terms_error{color:red;display:inline;font-size:13px;}
.modal-input input[type=checkbox] {height: 15px;width: 15px;margin: 6px 8px 0 0;float: left;}
.modal-text label{display:flex;align-items:center;gap:8px;}
.modal-text p, .modal-text span {color: #fff;font-size: 14px;line-height: 20px;margin: 10px 0;}

.success{display:none;position:absolute;margin:2px;padding:0 30px;top:0;left:0;width:100%;height:100%;text-align:center;background-color:#FFF;text-transform:uppercase;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;z-index:2;}
.success_number_widget_lo{display:none; position:absolute;margin: 0;padding: 0px 10px;top:0;left:0;border-radius: 30px;width: 100%;height: 100%;text-align:center;background-color: #7a0439!important;text-transform:uppercase;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;z-index:2;}
.success.visible{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;/* display:flex; *//* border-radius: 10px; */background: rgb(0 0 0 / 98%);width: 100%;height: 100%;text-align: center;margin: 0;z-index: 9999;position: fixed;}
.success.visible p{margin:0 auto;padding:0;color: #ffffff;}
.success.visible p span.sencs{font-weight:bold;font-size: 20px;}
.success_number_widget_lo.visible{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.success_number_widget_lo.visible p{margin:0;padding:0;color: #ffffff;}
.rotate_widget_btn a:first-child{
display: none;
}
@media(max-width: 767px){
.rotate_widget_btn a:first-child{
display: block!important; 
}
.rotate_widget_btn a:last-child{
display: none!important;
}
}
@media(max-width: 567px){
.popup-form {width: calc(100% - 5%);
}
.mfp-auto-cursor .mfp-content {
  top: 3%!important;
}
}