

/* Start:/local/components/std/form.result.new/templates/zakazat_zvonok/style.css?17533377925930*/
.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;
    padding-top: 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?17564496064216*/
/*
    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%;
	}
}

.section-default {
	margin-bottom: 64px;
}

@media (max-width: 1199px) {
	.section-default {
		margin-bottom: 48px;
	}
}

@media (max-width: 767px) {
	.section-default {
		margin-bottom: 40px;
	}
}

.like {
	border: none;
	background-color: transparent;
	cursor: pointer;
	width: 28px;
	height: 28px;
	transition: 0.3s;
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.6289 3.71484C16.4609 3.71484 14.7031 4.74609 13.6367 6.32812C12.5938 4.75781 10.8125 3.71484 8.64453 3.71484C4.84766 3.71484 2 6.64453 2 10.793ZM3.88672 10.793C3.88672 7.67578 5.90234 5.60156 8.62109 5.60156C10.8242 5.60156 12.0898 6.97266 12.8398 8.14453C13.1562 8.61328 13.3555 8.74219 13.6367 8.74219C13.918 8.74219 14.0938 8.60156 14.4336 8.14453C15.2422 6.99609 16.4609 5.60156 18.6523 5.60156C21.3711 5.60156 23.3867 7.67578 23.3867 10.793C23.3867 15.1523 18.7812 19.8516 13.8828 23.1094C13.7656 23.1914 13.6836 23.25 13.6367 23.25C13.5898 23.25 13.5078 23.1914 13.4023 23.1094C8.49219 19.8516 3.88672 15.1523 3.88672 10.793Z' fill='%23919399'/%3E%3C/svg%3E");
}

.like:hover {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.7461 3.71484C16.4609 3.71484 14.7031 4.98047 13.6367 6.91406C12.5938 4.99219 10.8125 3.71484 8.52734 3.71484C4.84766 3.71484 2 6.64453 2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305Z' fill='%23E31E24' fill-opacity='0.32'/%3E%3C/svg%3E");
}

.like.liked {
	background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6367 25.2305C13.8828 25.2305 14.2344 25.0664 14.4922 24.9141C21.0898 20.6953 25.2734 15.7852 25.2734 10.793C25.2734 6.64453 22.4258 3.71484 18.7461 3.71484C16.4609 3.71484 14.7031 4.98047 13.6367 6.91406C12.5938 4.99219 10.8125 3.71484 8.52734 3.71484C4.84766 3.71484 2 6.64453 2 10.793C2 15.7852 6.18359 20.6953 12.793 24.9141C13.0391 25.0664 13.3906 25.2305 13.6367 25.2305Z' fill='%23E31E24'/%3E%3C/svg%3E");
}

@media (max-width: 1279px) {
	.like {
		position: absolute;
		right: 5px;
		top: 5px;
		background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7461 4.71484C21.813 4.71484 24.2734 7.13427 24.2734 10.793C24.2734 15.2274 20.5131 19.8714 13.9717 24.0586C13.8777 24.1135 13.7778 24.1654 13.6904 24.2002C13.6696 24.2085 13.6507 24.2128 13.6357 24.2178C13.6223 24.2131 13.606 24.2084 13.5879 24.2012C13.5443 24.1837 13.498 24.1623 13.4521 24.1387L13.3193 24.0635C6.76209 19.8753 3 15.2287 3 10.793C3 7.13428 5.46047 4.71484 8.52734 4.71484C10.3867 4.71485 11.8597 5.73585 12.7578 7.39062L13.6299 8.99805L14.5127 7.39746C15.4366 5.7223 16.8895 4.71485 18.7461 4.71484Z' fill='white' stroke='%23919399' stroke-width='2'/%3E%3C/svg%3E");
	}
}
/* End */
/* /local/components/std/form.result.new/templates/zakazat_zvonok/style.css?17533377925930 */
/* /local/templates/steklodom/template_styles.css?17564496064216 */
