/* CSS3 *******************************************************************************************************************************************************/
/* Transform **************************************************************************************************************************************************/
/* Transition *************************************************************************************************************************************************/
/* IE Filter **************************************************************************************************************************************************/
/* .mx-font 1 *************************************************************************************************************************************************/
/* .mx-font 2 *************************************************************************************************************************************************/
/* .mx-font 3 *************************************************************************************************************************************************/
/* .mx-font 4 *************************************************************************************************************************************************/
/* .mx-font 5 *************************************************************************************************************************************************/
/* .x-text & .x-password **************************************************************************************************************************************/
.x-text,
.x-password {
  display: block;
  position: relative;
  z-index: 0;
}
.x-text input,
.x-password input,
.x-text .e-placeholder,
.x-password .e-placeholder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  line-height: normal;
}
.x-text input,
.x-password input {
  width: 100%;
}
.x-text .e-placeholder,
.x-password .e-placeholder {
  position: absolute;
  z-index: -10;
}
.x-text .bg,
.x-password .bg {
  position: absolute;
  z-index: -20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* .x-textarea ************************************************************************************************************************************************/
.x-textarea {
  display: block;
  position: relative;
  z-index: 0;
}
.x-textarea textarea,
.x-textarea .e-placeholder {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  line-height: normal;
  overflow: hidden;
}
.x-textarea textarea {
  width: 100%;
}
.x-textarea .e-placeholder {
  position: absolute;
  z-index: -10;
}
.x-textarea > .bg {
  position: absolute;
  z-index: -20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/* .x-button **************************************************************************************************************************************************/
.x-button {
  -o-transition-property: background-image, background-color, color;
  -moz-transition-property: background-image, background-color, color;
  -webkit-transition-property: background-image, background-color, color;
  transition-property: background-image, background-color, color;
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  display: inline-block;
  position: relative;
  z-index: 0;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
}
.x-button a,
.x-button button,
.x-button input {
  overflow: hidden;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  text-indent: -9999px;
  cursor: pointer;
  opacity: 0;
  border-style: none !important;
}
.x-button .e-title {
  position: relative;
  display: block;
}
/* .x-button.m-blue *******************************************************************************************************************************************/
.x-button.m-blue {
  font-size: 13px;
  line-height: 18px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #ffffff;
  border-radius: 20px;
  behavior: url(PIE.htc);
  background: #2fc7f7;
  min-width: 60px;
  padding: 11px 23px;
  text-transform: uppercase;
}
.x-button.m-blue.is-hover {
  background: #68ddff;
}
.x-button.m-blue:active {
  background: #24b7e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}
/* .x-button.m-blue-big ***************************************************************************************************************************************/
.x-button.m-blue-big {
  font-size: 19px;
  line-height: 27px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 500;
  color: #ffffff;
  border-radius: 30px;
  behavior: url(PIE.htc);
  background: #2fc7f7;
  padding: 18px 42px 15px;
  text-transform: uppercase;
}
.x-button.m-blue-big:hover {
  background: #68ddff;
}
.x-button.m-blue-big:active {
  background: #24b7e1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}
/* .x-button.m-blue-border ************************************************************************************************************************************/
.x-button.m-blue-border {
  font-size: 13px;
  line-height: 18px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 500;
  color: #2fc7f7;
  border-radius: 20px;
  behavior: url(PIE.htc);
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -o-transition-property: border-color, color;
  -moz-transition-property: border-color, color;
  -webkit-transition-property: border-color, color;
  transition-property: border-color, color;
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  text-transform: uppercase;
  padding: 9px 23px;
  border: 2px solid #2fc7f7;
}
.x-button.m-blue-border:hover {
  border-color: #68ddff;
  color: #68ddff;
}
.x-button.m-blue-border.m-arrow {
  padding-right: 36px;
}
.x-button.m-blue-border.m-arrow:after {
  -o-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
  content: ' ';
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -450px no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  right: 13px;
  top: 10px;
}
.x-button.m-blue-border.m-arrow:hover:after {
  background-image: url(/bitrix/templates/b24_en_new/img/shared/icons-hover.png);
}
.x-button.m-blue-border.m-back {
  padding-left: 36px;
}
.x-button.m-blue-border.m-back:after {
  -o-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
  content: ' ';
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -950px no-repeat;
  width: 9px;
  height: 14px;
  position: absolute;
  left: 13px;
  top: 10px;
}
.x-button.m-blue-border.m-back:hover:after {
  background-image: url(/bitrix/templates/b24_en_new/img/shared/icons-hover.png);
}
/* .x-button.m-green ******************************************************************************************************************************************/
.x-button.m-green {
  font-size: 13px;
  line-height: 18px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #ffffff;
  border-radius: 20px;
  behavior: url(PIE.htc);
  background: url(/bitrix/templates/b24_en_new/img/form/button-green.png) 0 0 repeat-x;
  min-width: 60px;
  padding: 11px 23px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(45, 77, 0, 0.26);
}
.x-button.m-green:hover {
  background-image: url(/bitrix/templates/b24_en_new/img/form/button-green-hover.png);
}
.x-button.m-green:active {
  background-image: url(/bitrix/templates/b24_en_new/img/form/button-green-active.png);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}
/* .x-button.m-green-big **************************************************************************************************************************************/
.x-button.m-green-big {
  font-size: 19px;
  line-height: 27px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 500;
  color: #ffffff;
  border-radius: 30px;
  behavior: url(PIE.htc);
  background: url(/bitrix/templates/b24_en_new/img/form/button-green-big.png) 0 0 repeat-x;
  padding: 18px 42px 15px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(45, 77, 0, 0.26);
}
.x-button.m-green-big:hover {
  background-image: url(/bitrix/templates/b24_en_new/img/form/button-green-big-hover.png);
}
.x-button.m-green-big:active {
  background-image: url(/bitrix/templates/b24_en_new/img/form/button-green-big-active.png);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}
/* .js-style-form *********************************************************************************************************************************************/
.js-style-form .x-text input,
.js-style-form .x-password input,
.js-style-form .x-textarea input,
.js-style-form .x-text textarea,
.js-style-form .x-password textarea,
.js-style-form .x-textarea textarea,
.js-style-form .x-text .e-placeholder,
.js-style-form .x-password .e-placeholder,
.js-style-form .x-textarea .e-placeholder {
  font-size: 18px;
  line-height: 23px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #6a828c;
}
.js-style-form .x-text .bg,
.js-style-form .x-password .bg,
.js-style-form .x-textarea .bg {
  border-radius: 5px;
  behavior: url(PIE.htc);
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -pie-watch-ancestors: 1;
  border: 2px solid #d5dde0;
  background: #ffffff;
}
.js-style-form .x-text.is-hover .bg,
.js-style-form .x-password.is-hover .bg,
.js-style-form .x-textarea.is-hover .bg,
.js-style-form .x-text.is-focus .bg,
.js-style-form .x-password.is-focus .bg,
.js-style-form .x-textarea.is-focus .bg {
  box-shadow: 0 0 5px rgba(47, 199, 247, 0.75);
  border-color: #9be7ff;
}
.js-style-form .x-text input.m-error ~ .bg,
.js-style-form .x-password input.m-error ~ .bg,
.js-style-form .x-textarea input.m-error ~ .bg {
  border-color: #f6b7ac;
  box-shadow: 0 0 5px rgba(246, 183, 172, 0.75);
}
.js-style-form .x-text input[disabled] ~ .bg,
.js-style-form .x-password input[disabled] ~ .bg,
.js-style-form .x-textarea input[disabled] ~ .bg {
  background: #f5f8f9;
  box-shadow: none;
  border-color: #d5dde0;
}
.js-style-form .x-text input,
.js-style-form .x-password input,
.js-style-form .x-text .e-placeholder,
.js-style-form .x-password .e-placeholder {
  height: 50px;
  padding: 15px 10px 12px;
  top: 0;
}
#basket_form.js-style-form .x-text .e-placeholder {
  padding: 10px !important;
}
.js-style-form .x-textarea {
  padding: 15px 20px 12px;
}
.js-style-form .x-textarea textarea,
.js-style-form .x-textarea .e-placeholder {
  height: 138px;
}
.js-style-form .x-textarea .e-placeholder {
  top: 20px;
}
/* .x-select **************************************************************************************************************************************************/
.x-select {
  display: block;
  position: relative;
  z-index: 0;
  vertical-align: middle;
  cursor: pointer;
}
.x-select select {
  display: none;
  position: absolute;
  z-index: -20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.x-select.m-mobile select {
  z-index: 10;
  display: block;
}
.x-select .e-title {
  overflow: hidden;
  display: block;
  position: relative;
  width: 100%;
  line-height: normal;
  white-space: nowrap;
}
.x-select:before {
  content: ' ';
  position: absolute;
  z-index: -10;
}
.x-select > .bg {
  position: absolute;
  z-index: -20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.x-select.is-active {
  z-index: 50;
}
.x-select-drop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
/* .x-select **************************************************************************************************************************************************/
.x-select {
  display: inline-block;
  height: 50px;
  padding: 0 50px 0 20px;
  min-width: 156px;
  /*&:hover {
        .e-title {
            color: #91b1bf;
        }

        .icon {
            background-image: url(/bitrix/templates/b24_en_new/img/shared/icons-hover.png);
        }

        > .bg {
            border-color: #dfe5e8;
        }
    }*/
}
.x-select .e-title {
  font-size: 17px;
  line-height: 26px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #6a828c;
  -o-transition: color 0.3s;
  -moz-transition: color 0.3s;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: block;
  position: relative;
  top: 12px;
}
.x-select:before {
  -o-transition: background-image 0.3s;
  -moz-transition: background-image 0.3s;
  -webkit-transition: background-image 0.3s;
  transition: background-image 0.3s;
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -1200px no-repeat;
  width: 15px;
  height: 10px;
  top: 50%;
  right: 17px;
  margin-top: -3px;
}
.x-select > .bg {
  border-radius: 5px;
  behavior: url(PIE.htc);
  -o-transition-property: border-color, box-shadow;
  -moz-transition-property: border-color, box-shadow;
  -webkit-transition-property: border-color, box-shadow;
  transition-property: border-color, box-shadow;
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #f1f5f6;
  border: 2px solid #d5dde0;
}
.x-select:hover > .bg {
  box-shadow: 0 0 5px rgba(47, 199, 247, 0.75);
  border-color: #9be7ff;
}
.x-select-drop {
  border-radius: 0 0 5px 5px;
  behavior: url(PIE.htc);
  z-index: -30;
  border: 1px #d5dde0;
  border-style: none solid solid;
  margin: -4px 0 0;
}
.x-select-drop .r-list > li {
  font-size: 17px;
  line-height: 26px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #6a828c;
  -o-transition-property: color, background-color;
  -moz-transition-property: color, background-color;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  -o-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #e5ecef;
  padding: 7px 19px;
}
.x-select-drop .r-list > li + li {
  border-top: 1px solid #d5dde0;
}
.x-select-drop .r-list > li:first-child {
  padding-top: 11px;
}
.x-select-drop .r-list > li:hover {
  background: #f1f5f6;
  color: #91b1bf;
}
/* .x-text.m-calendar *****************************************************************************************************************************************/
.x-text.m-calendar {
  display: inline-block;
  vertical-align: middle;
  padding-right: 42px;
  width: 132px;
}
.x-text.m-calendar .bg {
  background: #f1f5f6;
}
.x-text.m-calendar .e-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 46px;
}
.x-text.m-calendar .e-handle:before {
  content: ' ';
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -1250px no-repeat;
  width: 28px;
  height: 26px;
  position: absolute;
  z-index: -10;
  top: 11px;
  right: 14px;
}
.x-text.m-calendar .ui-datepicker {
  border-radius: 3px;
  behavior: url(PIE.htc);
  background: #ffffff;
  position: absolute;
  z-index: 0;
  left: 0;
  top: 100%;
  width: 232px;
  border: 1px solid #c9dadf;
  box-sizing: border-box;
}
.x-text.m-calendar .ui-datepicker-header {
  border-radius: 3px;
  behavior: url(PIE.htc);
  background: #2fc7f7;
  margin: -1px -1px 0;
}
.x-text.m-calendar .ui-datepicker-header:after {
  content: ' ';
  display: block;
  clear: both;
}
.x-text.m-calendar .ui-datepicker-prev,
.x-text.m-calendar .ui-datepicker-next {
  display: block;
  width: 35px;
  height: 37px;
  border: 1px none #42cbf8;
  box-sizing: border-box;
}
.x-text.m-calendar .ui-datepicker-prev .ui-icon,
.x-text.m-calendar .ui-datepicker-next .ui-icon {
  position: absolute;
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 50px no-repeat;
  top: 12px;
  width: 8px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
}
.x-text.m-calendar .ui-datepicker-prev {
  float: left;
  border-right-style: solid;
}
.x-text.m-calendar .ui-datepicker-prev .ui-icon {
  left: 12px;
  background-position: 0 -1300px;
}
.x-text.m-calendar .ui-datepicker-next {
  float: right;
  border-left-style: solid;
}
.x-text.m-calendar .ui-datepicker-next .ui-icon {
  right: 12px;
  background-position: 0 -1350px;
}
.x-text.m-calendar .ui-datepicker-title {
  font-size: 15px;
  line-height: normal;
  color: #ffffff;
  font-weight: bold;
  position: relative;
  top: 10px;
  overflow: hidden;
  text-align: center;
}
.x-text.m-calendar .ui-datepicker-calendar thead {
  display: none;
}
.x-text.m-calendar .ui-datepicker-calendar td {
  font-size: 14px;
  line-height: 32px;
  color: #2fc7f7;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.x-text.m-calendar .ui-datepicker-calendar td.ui-datepicker-other-month span {
  display: block;
  background: #f0f2f4;
  color: #cbd3da;
  width: 32px;
  height: 32px;
}
.x-text.m-calendar .ui-datepicker-calendar td a {
  display: block;
  width: 32px;
  height: 32px;
}
.x-text.m-calendar .ui-datepicker-calendar td a.ui-state-active {
  background: #2fc7f7;
  color: #ffffff;
}
.x-text.m-calendar .ui-datepicker-calendar td + td {
  border-left: 1px solid #e5e9ed;
}
.x-text.m-calendar .ui-datepicker-calendar tr + tr > td {
  border-top: 1px solid #e5e9ed;
}
/* .b-checkbox ************************************************************************************************************************************************/
.b-checkbox {
  font-size: 17px;
  line-height: normal;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}
.x-checkbox {
  border-radius: 3px;
  behavior: url(PIE.htc);
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  display: inline-block;
  position: relative;
  top: -2px;
  z-index: 0;
  vertical-align: middle;
  cursor: pointer;
  width: 21px;
  height: 22px;
  border: 2px solid #d5dde0;
  margin: -10px 11px -10px 0;
  box-sizing: border-box;
}
.x-checkbox input {
  display: none;
}
.x-checkbox .icon {
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -1400px no-repeat;
  width: 13px;
  height: 12px;
  position: absolute;
  top: 3px;
  left: 2px;
  display: none;
}
.x-checkbox.is-active .icon,
.x-checkbox input:checked + .icon {
  display: block;
}
/* .b-radio ***************************************************************************************************************************************************/
.b-radio {
  font-size: 17px;
  line-height: normal;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
}
.x-radio {
  border-radius: 14px;
  behavior: url(PIE.htc);
  background: url(/bitrix/templates/b24_en_new/img/shared/transparent.png);
  display: inline-block;
  position: relative;
  top: -2px;
  z-index: 0;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border: 2px solid #d5dde0;
  margin: -10px 11px -10px 0;
  box-sizing: border-box;
}
.x-radio input {
  display: none;
}
.x-radio .icon {
  background: url(/bitrix/templates/b24_en_new/img/shared/icons.png) 0 -1500px no-repeat;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 2px;
  left: 2px;
  display: none;
}
.x-radio.is-active .icon {
  display: block;
}
.x-button.m-grey {
  font-size: 13px;
  line-height: 18px;
  font-family: "Montserrat", "Helvetica Neue", Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-weight: 400;
  color: #ffffff;
  border-radius: 20px;
  behavior: url(PIE.htc);
  background-color: #c8d3d8;
  min-width: 60px;
  padding: 11px 23px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(45, 77, 0, 0.26);
}
.x-button.m-grey:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.15);
}