

/* Start:/local/templates/Iris/components/bitrix/catalog/template/style.css?17601072121122*/
.grid{}
.grid .bx_content_section{
	margin-bottom: 15px;
}
.grid .bx_sidebar{
	margin-bottom: 15px;
}

/* grid2x1 */
.grid2x1{}
.grid2x1 .bx_content_section{
	float: left;
	width: 66%;
	margin-bottom: 15px;
}
.grid2x1 .bx_sidebar{
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
@media (max-width:960px){
	.grid2x1 .bx_sidebar{
		padding-left: 4%;
	}
}
@media (max-width:640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar{
		width: 100%;
		float: none;
	}
	.grid2x1 .bx_sidebar{
		padding-left: 3%;
	}
}
@media (max-width:479px){
	.grid2x1 .bx_sidebar{
		padding-left: 1%;
	}

}

.catalog-block-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

/* End */


/* Start:/local/templates/Iris/components/bitrix/catalog.element/.default/style.css?179361903512980*/
.detail {
  margin-left: 82px;
}
@media all and (max-width: 768px) {
  .detail {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.detail__block {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.detail__content {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media all and (max-width: 1200px) {
  .detail__content {
    flex-direction: column-reverse;
  }
}
.detail__back {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.2em;
  color: #767676;
}
.detail__buy {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #767676;
  margin-right: 40px;
}
.detail__buy-value {
  color: #181818;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.detail__aside {
  max-width: 766px;
  min-width: 320px;
  box-sizing: border-box;
  margin-right: 86px;
  margin-left: 46px;
  flex-basis: calc(58% - 132px);
  flex-shrink: 2;
}
@media all and (max-width: 1200px) {
  .detail__aside {
    width: calc(100% - 46px);
    min-width: calc(100% - 46px);
  }
}
@media all and (max-width: 768px) {
  .detail__aside {
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
.detail__top {
  margin-bottom: 40px;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
}
.detail__title {
  font-family: Forum;
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 40px;
}
.detail__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
@media all and (max-width: 768px) {
  .detail__bottom {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 1500px) {
  .detail__bottom {
    display: block;
  }
}
.detail__price-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.detail__price-old {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #BEBEBE;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.detail__price-block {
  width: 100%;
}
.detail__price {
  font-family: Montserrat;
  width: 100%;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 24px;
  color: #181818;
  text-transform: uppercase;
}
.detail__bonus {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin-left: 20px;
  color: #181818;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='16' height='16.0001' rx='8' fill='%23F4F4F4'/%3e%3cpath d='M12.255 6.53516C12.255 6.38449 12.0943 6.32422 11.9738 6.30413L9.45258 5.9375L8.32255 3.65234C8.27735 3.55692 8.19197 3.44643 8.07646 3.44643C7.96095 3.44643 7.87557 3.55692 7.83037 3.65234L6.70034 5.9375L4.17914 6.30413C4.05358 6.32422 3.89789 6.38449 3.89789 6.53516C3.89789 6.62556 3.96318 6.71094 4.02345 6.77623L5.85157 8.55413L5.41965 11.0653C5.41463 11.1004 5.40961 11.1306 5.40961 11.1657C5.40961 11.2963 5.4749 11.4169 5.62054 11.4169C5.69086 11.4169 5.75615 11.3917 5.82144 11.3566L8.07646 10.1713L10.3315 11.3566C10.3918 11.3917 10.4621 11.4169 10.5324 11.4169C10.678 11.4169 10.7383 11.2963 10.7383 11.1657C10.7383 11.1306 10.7383 11.1004 10.7333 11.0653L10.3013 8.55413L12.1245 6.77623C12.1897 6.71094 12.255 6.62556 12.255 6.53516Z' fill='%23181818'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  padding-left: 24px;
}
.detail__bonus span {
  font-weight: 300;
  color: #BEBEBE;
}
.detail__basket-content {
  width: 100%;
}
.detail__basket-btn {
  max-width: 319px;
  width: 100%;
  height: 52px;
  background: #181818;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  cursor: pointer;
  color: #FFFFFF;
}
@media all and (max-width: 768px) {
  .detail__basket-btn {
    max-width: 100%;
  }
}
.detail__basket-btn:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='15' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 4.5H1v12.55c0 .132.049.251.124.333.074.08.165.117.251.117h12.25a.342.342 0 0 0 .25-.117.493.493 0 0 0 .125-.333V4.5Z' stroke='%23fff' stroke-linejoin='round'/%3e%3cmask id='a' fill='%23fff'%3e%3cpath d='M4.5 7V3.443c0-.913.316-1.79.879-2.435C5.94.363 6.704 0 7.5 0s1.559.363 2.121 1.008c.563.646.879 1.522.879 2.435V7'/%3e%3c/mask%3e%3cpath d='M3.5 7a1 1 0 0 0 2 0h-2Zm4-7v-1 1Zm2 7a1 1 0 0 0 2 0h-2Zm-4 0V3.443h-2V7h2Zm0-3.557c0-.69.24-1.327.633-1.778L4.625.351C3.892 1.191 3.5 2.305 3.5 3.443h2Zm.633-1.778C6.522 1.22 7.017 1 7.5 1v-2C6.391-1 5.36-.493 4.625.351l1.508 1.314ZM7.5 1c.483 0 .978.219 1.367.665L10.375.351C9.64-.493 8.61-1 7.5-1v2Zm1.367.665c.393.451.633 1.089.633 1.778h2c0-1.138-.392-2.251-1.125-3.092L8.867 1.665ZM10.5 3.443h-1V7h2V3.443h-1Z' fill='%23fff' mask='url(%23a)'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 250px 14px;
}
.detail__basket-btn--activ {
  background: #E6E6E6;
  color: #181818;
}
.detail__basket-btn--activ:hover {
  background-image: none;
}
@media all and (max-width: 1500px) {
  .detail__basket-btn {
    margin-top: 40px;
  }
}
.detail__desc {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  color: #474747;
  margin-bottom: 60px;
}
.detail__photo {
  max-width: 812px;
  width: 100%;
  overflow: hidden;
  margin-left: 46px;
}
@media all and (max-width: 1200px) {
  .detail__photo {
    width: calc(100% - 46px);
  }
}
@media all and (max-width: 768px) {
  .detail__photo {
    width: 100%;
    margin-left: 0;
  }
}
.detail__photo img {
  width: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}
.sku__item {
  min-height: 64px;
  display: flex;
  border-bottom: 1px solid #EDEDED;
  align-items: center;
  justify-content: space-between;
  padding-top: 12px;
  padding-bottom: 12px;
}
.sku__title {
  font-family: Forum;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 16px;
  color: #181818;
}
.sku__values {
  max-width: 300px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sku__color {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 30px;
  margin-right: 12px;
  background-size: 20px;
  position: relative;
  border: 1px solid #E6E6E6;
  cursor: pointer;
  /*
  &::after{
      content: "";
      width: 20px;
      height: 20px;
      border-radius: 30px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: #F1BEBE;
      position: absolute;
  }
  */
}
.sku__color--activ {
  border: 1px solid #767676;
}
.sku__color:hover {
  border: 1px solid #767676;
}
.sku__num {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  margin-right: 12px;
  position: relative;
  background: #F4F4F4;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
}
.sku__num--activ {
  background: #181818;
  color: #fff;
}
.sku__num--absent {
  border: 1px solid #E6E6E6;
  background: #fff;
  color: #BEBEBE;
  pointer-events: none;
}
.sku__num:hover {
  background: #181818;
  color: #fff;
}
.sku__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 20px;
  background: #F4F4F4;
  border-radius: 4px;
  margin-left: 12px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #181818;
  cursor: pointer;
}
.sku__btn--activ {
  background: #E6E6E6;
}
.sku__btn:hover {
  background: #E6E6E6;
}

.append {
  border-bottom: 1px solid #EDEDED;
  height: 64px;
  transition: height 0.3s linear;
  overflow: hidden;
}
.append--activ {
  height: 308px;
}
.append__items {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.append__sku {
  border: 0;
}
.append__item {
  margin-right: 24px;
}
.append__item-block {
  position: relative;
  display: flex;
  align-items: flex-start;
  overflow: hidden;
  height: 244px;
}
.append__title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #474747;
  margin-bottom: 16px;
  margin-top: 32px;
}
.append__price {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #181818;
}

.package,
.toper {
  position: absolute;
  z-index: 10;
}

.package {
  right: 766px;
  transition: right 0.2s linear;
}
.package--activ {
  right: 0;
  transition: right 0.4s linear;
}

.toper {
  right: 766px;
  transition: right 0.2s linear;
}
.toper--activ {
  right: 0;
  transition: right 0.4s linear;
}

.accessibility {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #767676;
}

.faq {
  margin: 0px;
  margin-bottom: 200px;
}
@media all and (max-width: 768px) {
  .faq {
    margin-bottom: 0;
  }
}
.faq__right-block {
  width: 100%;
}
.faq__content {
  display: flex;
  align-items: center;
}
@media all and (max-width: 768px) {
  .faq__content {
    display: block;
  }
}
.faq__title-block {
  font-family: Forum;
  font-style: normal;
  font-weight: normal;
  font-size: 48px;
  line-height: 60px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #181818;
}
@media all and (max-width: 768px) {
  .faq__title-block {
    font-size: 32px;
    line-height: 40px;
    text-align: center;
  }
}
.faq__left-block {
  min-width: 386px;
  margin-right: 40px;
  padding-right: 100px;
}
@media all and (max-width: 768px) {
  .faq__left-block {
    min-width: 100%;
    margin: 0;
    padding: 0;
  }
}

.faq-item__item {
  border-top: 1px solid #E6E6E6;
  cursor: pointer;
}
.faq-item__item:last-child {
  border-bottom: 1px solid #E6E6E6;
}
.faq-item__item.is-open .composition-preview {
  display: none;
}
.faq-item__title {
  display: flex;
  align-items: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #181818;
  padding: 24px 0 24px 0;
}
.faq-item__title .composition-preview {
  display: inline-block;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  font-weight: 400;
  text-transform: none;
}
.faq-item__answer {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 21px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s;
}
.faq-item__answer--activ {
  max-height: 1000px;
  margin-bottom: 24px;
}

.content__value {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 16px;
  color: #474747;
}
.content span {
  margin-left: 40px;
}

.reviews-item {
  background: #FAFAFA;
  border-radius: 8px;
  padding: 40px;
  margin-bottom: 16px;
}
@media all and (max-width: 768px) {
  .reviews-item {
    padding: 40px 20px 40px 20px;
  }
}
.reviews-item__top {
  display: flex;
  justify-content: space-between;
}
.reviews-item__date {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #767676;
}
.reviews-item__title {
  font-family: Forum;
  font-style: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #181818;
  margin-bottom: 16px;
}
.reviews-item__name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  color: #181818;
}
.reviews-item__name a {
  color: #181818;
  text-decoration: none;
}
.reviews-item__name span {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 15px;
  color: #767676;
  text-transform: none;
  margin-right: 4px;
}
.reviews-item__text {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 28px;
  color: #474747;
}
.reviews-item__answer-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #181818;
  margin-top: 32px;
}
/* End */


/* Start:/local/templates/Iris/components/bitrix/catalog.element/.default/themes/blue/style.css?17600883111064*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1; }

.bx-blue .product-item-image-slider-control:hover { background-color: rgba(0, 131, 209, .8); }

.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover { background-color: #0083d1; }

.bx-blue .product-item-selected-scu,
.bx-blue .product-item-detail-slider-controls-image:hover,
.bx-blue .product-item-detail-slider-controls-image.active { outline-color: #006cc0; }

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-color: #006cc0; }

/* Amount */
.bx-blue .product-item-amount-field:focus { border-color: #006cc0; }

/*Proress Bar*/
.bx-blue .product-item-detail-slider-progress-bar { background-color: #006cc0; }
/* End */
/* /local/templates/Iris/components/bitrix/catalog/template/style.css?17601072121122 */
/* /local/templates/Iris/components/bitrix/catalog.element/.default/style.css?179361903512980 */
/* /local/templates/Iris/components/bitrix/catalog.element/.default/themes/blue/style.css?17600883111064 */
