/**
detail item template
*/

@media (min-width: 801px) {

  .item_slider {
    width: 65% !important;
  }

  .catalog_detail .item_main_info .right_info {
    padding-left: 65% !important;
  }

  .item_slider .slides {
    max-width: 600px !important;
    height: 500px !important;
  }

  .item_slider:not(.flex) .slides li {
    height: 500px !important;
    line-height: 500px !important;
  }

  .catalog_detail .item_main_info .item_slider {
    padding-top: 0 !important;
  }
}

.catalog_detail .w_icons.button.to-cart:before {
  top: 7px;
}

/* pie color chart */
.ofa-color-chart {
  width: 32px;
  height: 32px;
  position: relative;
  border-radius: 32px;
}

.pie {
  position: absolute;
  width: 16px;
  height: 32px;
  overflow: hidden;
  left: 24px;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.pie:BEFORE {
  content: "";
  position: absolute;
  width: 16px;
  height: 32px;
  left: -16px;
  border-radius: 16px 0 0 16px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;

}

.pie[data-start="90"] {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pie[data-start="120"] {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

.pie[data-start="180"] {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pie[data-start="240"] {
  -moz-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  -webkit-transform: rotate(240deg);
  -o-transform: rotate(240deg);
  transform: rotate(240deg);
}

.pie[data-start="270"] {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}

.pie[data-value="90"]:BEFORE {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.pie[data-value="120"]:BEFORE {
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg);
}

.pie[data-value="180"]:BEFORE {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.pie[data-value="360"]:BEFORE {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* / pie color chart */

.ofa-detail-item-price {
  position: relative;
}

.ofa-detail-item-price .ofa-detail-price,
.ofa-detail-item-price .ofa-detail-price I {
  font-size: 33px;
  font-style: normal;
  font-weight: 600;
  color: #000;
  line-height: 80px;
}

.ofa-detail-item-price .ofa-detail-icons {
  position: absolute;
  right: 20px;
  top: 30px;
}

.ofa-detail-item-price .ofa-detail-icons .like_icons {
  overflow: hidden;
  position: static !important;
  white-space: nowrap;
}

.ofa-detail-item-price .ofa-detail-icons .like_icons > DIV {
  float: right;
  margin-left: 10px;
}

.ofa-prop1-block {
  margin: 0 0 20px 0;
}

.items.simply-items SPAN {
  display: inline-block;
  border: 1px solid #000;
  line-height: 24px;
  color: #000;
  font-weight: bold;
  padding: 0 5px;
  margin-right: 2px;
  cursor: pointer;
  min-width: 24px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom:5px;
}

.ofa-prop1-block .title {
  color: #000;
  display: block;
  margin: 0 0 15px 0;
}

.ofa-prop1-block .title I {
  font-style: normal;
  border: 1px solid #e6e6e6;
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius:14px;
  text-align: center;
  line-height:14px;
  color:#000;
  font-size:11px;
  cursor:pointer;
  font-weight:bold;
}

.ofa-prop1-block .title I:hover{
  background: #e6e6e6;
  color:white;
}

.items.simply-items SPAN:hover,
.items.simply-items SPAN.active {
  background: #f10c19;
  border-color: #f10c19;
  color: white;
}

.ofa-prop2-block .title {
  color: #000;
  display: block;
  margin: 0 0 10px 0;
}

.items.color-items {
  position: relative;
  left: -5px;
}

.items.color-items > SPAN {
  border: 5px solid white;
  cursor: pointer;
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  margin: 0 0 0 0;
  box-shadow: inset 0 0 20px 20px rgba(0, 0, 0, 0.6);
}

.items.color-items > SPAN:hover,
.items.color-items > SPAN.active {
  border: 5px solid #f10c1c;
}

.items.color-items > SPAN > DIV {
  left: -8px;
}

.ofa-prop2-block {
  margin: 0 0 15px 0;
}

.ofa-articul-block {
  font-size: 14px;
  color: #aaaaaa;
  margin: 0 0 25px 0;
}

.ofa-articul-block I {
  font-style: normal;
  color: #888888;
  font-weight: bold;
}

.ofa-available-block,
.ofa-delivery-block {
  color: #000;
  font-size: 12px;
}

.ofa-delivery-block {
  display:none;
}

.ofa-available-block I,
.ofa-delivery-block I {
  font-style: normal;
  color: #888888;
}

.ofa-counter-block {
  margin: 35px 0 15px 0;
}

.no-available {
  opacity: 0.5;
}

.no-variants{
  opacity: 0.5;
}

.ofa_counter_block {
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  font-size: 0px;
  width: 84px;
  margin: 0px auto;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 30px;
}

.ofa_counter_block .plus, .ofa_counter_block .minus {
  font-size: 0;
  line-height: 28px;
  height: 28px;
  width: 24px;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}

.ofa_counter_block input[type="text"] {
  padding: 7px 3px 7px;
}

.ofa_counter_block input[type="text"] {
  width: 34px;
  border: 0px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #f7f7f7;
  color: #666666;
  font-size: 13px;
  height: 28px;
  border-radius: 0px;
  text-align: center;
  line-height: 13px;
}

.ofa_counter_block > span:before {
  opacity: 0.7;
  display: inline-block;
  content: "";
  width: 24px;
  height: 28px;
  background: url(../images/ai.png) -21px -191px no-repeat;
  vertical-align: middle;
}

.ofa_counter_block > span.plus:before {
  background-position: 5px -191px;
}

.catalog_detail .w_icons.button.to-credit:before {
  top: 5px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAADMElEQVQokSXNzU8cZQDA4d/7ztfuDgyw7FJstyVQIIK2UDxgY40xRdRgosZE48FYLyZevXjooYkaTIzRJh78G9STxhiNhoOlthUKSNtU+VhbupYF92NYusvOzsz7eujzDzzi84tfsV3cZW0jz9jJUd579x3mL187u3rj1lSl6nd1dngHzaAVnH7yieuvvfLSz7f/Wq+dvzDLubfexJh67kUazSatIEQphW1bj3pe+9Dg4MCOv1f7Oo7jb56fftZZW9tMCSGs5T9vFLa2CpwaP4HpdXSw81/pTBi2jpVKZf+HH3/NuW4yMg15sFerj5Sr1dEH9Xra9/fDjc0741v3/s15XjuVqv+bebi3J3lp/son1/5YPnM0d4T9+j9a61horXFsG8MwyOfv4tgmYRhjGAb3CgWOPHLobfOnX+bad0ul7vb2NmIVkUzYQmuBEAKtNQKF6ybQSmCZNhpFccenry/XJZXSKa20F0YRpmEhpUBKEEIiDcAyMAKJqQSYIDDo7PBYWrmZkcPDx92Dg6DLtiyUVmgteUiDITB9hY4VkSsgEpiWSdWvkUok0nJi/GRb1a+mbNtGawAFArSlcQoR2pGsfJClmTGxyiFKxLhuknKl0i3/XtvosS0HpRRCqIenKbALEZElmJ/toX46QaoYoqUAITCkpF5vZOTK6s0sKBzbQSHBlCQ3QyLP4NLFXjjhYN+MMGIJpqAVROzuliiV/aNycKC/q1FvIkwJhia5HtDos7n8RS/0W3BXYQWK7fs7lPeqoGMmJh6//cL0M5+ZC4srGddrQ6NIrbeojTgszPaCJ7HyIWFWEO0H+ulDo0u1qLFw9vXpb2XCmFOxwuzKdKb3rvoMNbvZnUyx9GEWYrDzIbEtoNwg6HFEx5dPfTT0wP1OWh6tKwVaOsI4PjByrrVYGt1/OcPShSxE4N5XhLYAIKEdIkdxNVyeGX5srJDOdq/m+g6THs1hjJiD71+frOfyHx+DWguKAaGl0Si0VkTEEAtoaWfxzu+vWiphzfRPzjWtGLP4RrpZnkkdJCvmtlNBRokEaA0C0AKEJgY8y1U7huN+X5w/f6qtvzaVGfv0f5z8d6hvbn+RAAAAAElFTkSuQmCC');
}

.to-credit {
  background: white;
  border: 1px solid #44bd66;
  color: #44bd66;
  padding: 5px 10px 7px 46px !important;
  margin: 0 0 0 10px;
}

.to-credit:hover {
  background: white;
  border: 1px solid #44bd66;
  color: #44bd66;
}

.to-credit SPAN{
	margin-left:25px;
}

.ofa_right_info .item-stock{
  display: block;
  margin: 0 0 25px 0;
}

.ofa-detail-on-order{
  position: relative;
}

.popup-info > DIV{
  width:150px;
}

@media (max-width: 800px) {
  .ofa-detail-item-block {
    padding: 20px;
  }

  .ofa-detail-item-price .ofa-detail-price,
  .ofa-detail-item-price .ofa-detail-price I {
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    color: #000;
    line-height: 50px;
  }

  .ofa-detail-item-price .ofa-detail-price {
    margin-bottom: 20px;
  }

  .ofa-detail-item-price .ofa-detail-icons {
    position: absolute;
    right: 0px;
    top: 12px;
  }

  .catalog_detail .w_icons.button.to-credit {
    padding-left: 20px !important;
  }

  .ofa-button-buy-block{
	  position:fixed;
	  z-index:999;
	  bottom:0;
	  left:0;
	  width:100%;
	  background: white;
	  padding:20px 0;
	  text-align:left;
	  border-top:1px solid #e5e5e5;
  }

  .ofa-button-buy-block .counter_wrapp{
	  padding-left:20px;
  }
}

.catalog_detail_section_294 .ofa-counter-block,
.catalog_detail_section_294 .ofa-button-buy-block,
.catalog_detail_section_298 .ofa-counter-block,
.catalog_detail_section_298 .ofa-button-buy-block{
	/*display: none !important;*/
}

.ofa-detail-price-old{
  position:relative;
  top:-15px;
  float:none !important;
  text-decoration: line-through;
}

/**
detail item template
*/