/* Start:/local/components/std/form.result.new/templates/zakazat_zvonok/style.css?17416148855912*/
.online_callback_bg {
  display: none;
  z-index: 99990;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.online_callback {
  display: none;
  z-index: 99999;
  position: fixed;
  /*min-height: 474px;*/
  width: 433px;
  top: 40%;
  left: 50%;
  margin-top: -237px;
  margin-left: -216px;
  background: #FFFFFF;
  border: 1px solid #8E979F;
  box-sizing: border-box;
  border-radius: 5px;
}
.online_callback_close {
  position: absolute;
  right: 20px;
  top: 22px;
  cursor: pointer;
  line-height: 0;
}
.online_callback_title {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  color: #465054;
  padding: 26px 0;
  background: #F3F5F7;
    border-radius: 5px 5px 0 0;
}
.online_callback_text {
  color: #505565;
  padding-top: 32px;
  padding-bottom: 19px;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}
#online_callback_popup {
  padding: 0 32px 32px 31px;
}
#online_callback_popup input {
  font-size: 14px;
  line-height: 24px;
  color: #8B90A0;
  border: 1px solid #A1A4B1;
  padding: 0 9px;
  width: 100%;
  height: 48px;
  border-radius: 4px;
  margin-bottom: 20px;
  outline: none;
}
#online_callback_popup input[type="checkbox"] {
  position: absolute;
}
#online_callback_popup input.error{
  border-color: #E31E24;
}
#online_callback_popup input::-webkit-input-placeholder {color: #8B90A0;}
#online_callback_popup input::-moz-placeholder {color: #8B90A0;}
#online_callback_popup input:-moz-placeholder {color: #8B90A0;}
#online_callback_popup input:-ms-input-placeholder {color: #8B90A0;}
#online_callback_popup textarea::-webkit-input-placeholder {color: #8B90A0;}
#online_callback_popup textarea::-moz-placeholder {color: #8B90A0;}
#online_callback_popup textarea:-moz-placeholder {color: #8B90A0;}
#online_callback_popup textarea:-ms-input-placeholder {color: #8B90A0;}
.form_text {
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #505565;
}
.form_text2 {
  padding-top: 6px;
  padding-bottom: 32px;
  max-width: 280px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #505565;
  display: none;
}
.online_callback_send {
  background: #E91A23;
  border-radius: 4px;
  width: 200px;
  height: 48px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  line-height: 48px;
  cursor: pointer;
  margin: 0 auto 5px;
  display: block;
  border: 0;
  outline: none;
}
.online_callback_agreement {
  margin-left: 30px;
  margin-top: -21px;
  font-size: 12px;
  line-height: 16px;
  color: #505565;
  max-width: 369px;
}
.online_callback_agreement a:link, .online_callback_agreement a:visited {
  border-bottom: 1px solid #e91a23;
  color: #e91a23;
}
.online_callback_privacy{
  position: relative;
  padding-bottom: 10px;
}
.online_callback_privacy_opacity {
  opacity: 0.5;
  cursor: text !important;
}
.online_callback_success {
  text-align: center;
  font-size: 20px;
  color: green;
  padding-top: 50px;
}
.om_button {
  width: 226px;
  height: 36px;
  background: #E31E24;
  border-radius: 5px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.om_button2, .om_button3 {
  display: none;
}

.oc_code {
  display: none;
}
.oc_code_title {
  font-size: 28px;
  line-height: 28px;
  color: #424242;
  padding-top: 27px;
  padding-bottom: 24px;
  text-align: center;
}
.oc_code_text {
  font-size: 14px;
  line-height: 14px;
  color: #8E979F;
  text-align: center;
  padding-bottom: 25px;
}
#online_callback_popup #oc_code {
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 5px;
  width: 162px;
  height: 42px;
  margin: 0 auto 12px;
  display: block;
}
.oc_button {
  width: 100%;
  height: 48px;
  background: #FFFFFF;
  border: 1px solid #8E979F;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  color: #8E979F;
  line-height: 48px;
  cursor: pointer;
  margin-bottom: 9px;
}
.oc_button.oc_act{
  border: 1px solid #E91A23;
  color: #E91A23;
}
.oc_code_text2 {
  font-size: 14px;
  line-height: 14px;
  color: #8E979F;
  padding-bottom: 25px;
  text-align: center;
}
.oc_code_text3 {
  font-size: 14px;
  line-height: 14px;
  color: #8E979F;
  padding-bottom: 35px;
}

/*.oc_button_top {
  display: none !important;
}*/
.oc_button_top {
  width: 184px;
  height: 48px;
  background: #E91A23;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #E91A23;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 48px;
  text-align: center;
  color: #fff;
}
.oc_button_top img {
  margin-top: -4px;
  margin-left: -7px;
}
.oc_button2, .oc_button3 {
  display: none;
}

.smart-captcha-callback.error iframe {
  border: 1px solid red;
  border-radius: 15px;
}

.smart-captcha.smart-captcha-auto {
  min-width: auto;
}

@media (max-width: 991px) {
  .oc_button_top {
    display: none !important;
  }
  /* .oc_button_top span {
    display: none;
  }
  .oc_button_top {
    width: 48px;
  }
  .oc_button_top img {
    margin-left: 0;
  } */
}

@media (max-width: 425px) {
  .online_callback {
    background: #f3f4f6;
    height: auto;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    overflow: auto;
  }
  #online_callback_popup {
    overflow: auto;
    max-height: calc(100vh - 118px);
  }
  .online_callback_title {
    font-size: 18px;
    line-height: 18px;
    width: 242px;
      margin: 0 auto;
  }
  .online_callback_text {
    width: 242px;
    margin: 0 auto;
      padding-left: 0;
  }
  #online_callback_popup input, #online_callback_popup textarea {
    width: 242px;
    margin: 0 auto 13px;
    display: block;
  }
  #online_callback_popup br {
    display: none;
  }
  .online_callback_send {
    width: 242px;
    margin: 0 auto;
  }
}

/* End */


/* Start:/local/templates/steklodom/template_styles.css?1747919973888*/
/*
    TODO Перенести в бандл
*/

.cookie {
    border-radius: 8px;
    position: fixed;
    background: #fff;
    padding: 16px;
    display: flex;
    align-items: center;
    border: 1px solid #2C2D2E33;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 553px;
    z-index: 9999;
    box-shadow: 0px 4px 9px 0px #0000001A;
    width: 100%;
}

.cookie__text {
    font-size: 15px;
}

.cookie__btn a {
    color: #008CDB;
    text-decoration: underline;
}

.cookie__btn {
    flex: 0 0 120px;
    width: 120px;
    height: 40px;
}

@media (max-width: 767px) {
    .cookie {
        bottom: -1px;
        border-radius: 8px 8px 0 0;
        display: block;
    }

    .cookie__text {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .cookie__btn {
        width: 100%;
    }
}
/* End */
/* /local/components/std/form.result.new/templates/zakazat_zvonok/style.css?17416148855912 */
/* /local/templates/steklodom/template_styles.css?1747919973888 */