/*-----------------------*/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/* RIGHT TO LEFT */
/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors
 */
/***********************************************************************/
/** CHECKOUT BY STEP */
/* line 18, style.scss */
#attributes .attributes_customization_title {
  font-size: 2em;
  margin-bottom: 1.5em;
  color: #000;
}
@media (max-width: 1024px) {
  /* line 18, style.scss */
  #attributes .attributes_customization_title {
    font-size: 1.2em;
  }
}
/* line 28, style.scss */
#attributes .attributes_customization_total {
  display: block;
}
/* line 33, style.scss */
#attributes .attribute_fieldset .attribute_label {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
  display: block;
  float: none;
  margin-top: 1em;
  margin-bottom: 0.25em;
  text-transform: uppercase;
  color: #000;
}
/* line 45, style.scss */
#attributes .attribute_fieldset label {
  margin-right: 0;
}
/* line 50, style.scss */
#attributes .attribute_list {
  display: block;
  float: none;
  width: 100%;
}
/* line 55, style.scss */
#attributes .attribute_list _:-ms-fullscreen, :root #attributes .attribute_list {
  width: auto;
}
/* line 60, style.scss */
#attributes .attribute_list .color-container {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  overflow: hidden;
  width: 250px;
  height: 110px;
}
@media (max-width: 1024px) {
  /* line 60, style.scss */
  #attributes .attribute_list .color-container {
    width: 100%;
    height: auto;
    text-align: center;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* line 60, style.scss */
  #attributes .attribute_list .color-container {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    width: auto;
    max-width: 250px;
    text-align: left;
  }
}
/* line 81, style.scss */
#attributes .attribute_list .color-container img {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
@media (max-width: 1024px) {
  /* line 81, style.scss */
  #attributes .attribute_list .color-container img {
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    position: static;
    width: 100%;
  }
}
/* line 94, style.scss */
#attributes .attribute_list .color-container .img-thumbnail {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
  border: none;
}
/* line 101, style.scss */
#attributes .attribute_list .form-control {
  width: 100%;
}
/* line 105, style.scss */
#attributes .attribute_list .infos {
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 1em;
}
@media (max-width: 1024px) {
  /* line 105, style.scss */
  #attributes .attribute_list .infos {
    padding-bottom: 1.5em;
  }
}
@media (min-width: 768px) {
  /* line 105, style.scss */
  #attributes .attribute_list .infos {
    padding-right: 3em;
  }
}
/* line 118, style.scss */
#attributes .attribute_list .infos span {
  line-height: 1.3em;
  display: block;
}
/* line 127, style.scss */
#attributes .attribute_list .infos > div {
  margin-bottom: 0.5em;
}
/* line 130, style.scss */
#attributes .attribute_list .infos > div:last-of-type {
  margin-bottom: 0;
}
/* line 135, style.scss */
#attributes .attribute_list .infos .title {
  font-weight: bold;
  color: #000;
}
@media (max-width: 767px) {
  /* line 105, style.scss */
  #attributes .attribute_list .infos {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  /* line 105, style.scss */
  #attributes .attribute_list .infos {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    flex-basis: 50%;
  }
}
/* line 151, style.scss */
#attributes .attribute_list .price_impact {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 135px;
  flex-basis: 135px;
  font-size: 2em;
  margin-right: 1em;
  text-align: right;
  white-space: nowrap;
  color: #000;
}
@media (max-width: 1024px) {
  /* line 151, style.scss */
  #attributes .attribute_list .price_impact {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    font-size: 1.5em;
    min-height: 34px;
    margin-bottom: 0.25em;
    padding-left: 0.5em;
    text-align: right;
  }
}
/* line 177, style.scss */
#attributes .attribute_list .form-wrapper {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 110px;
}
@media (max-width: 1024px) {
  /* line 177, style.scss */
  #attributes .attribute_list .form-wrapper {
    margin-top: -1em;
    margin-right: 1em;
  }
}
/* line 190, style.scss */
#attributes .attribute_list .form-wrapper .selector {
  position: relative;
  background: #fff;
}
/* line 194, style.scss */
#attributes .attribute_list .form-wrapper .selector select {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
}
/* line 199, style.scss */
#attributes .attribute_list .form-wrapper .selector span {
  line-height: 2.5em;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  width: 100% !important;
  height: 100%;
  padding-right: 2.75em;
  padding-left: 0.5em;
  text-align: center;
  vertical-align: middle;
  pointer-events: none;
  border: 1px solid #eaeaea;
}
/* line 215, style.scss */
#attributes .attribute_list .form-wrapper .selector span:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.5em;
  height: 2.5em;
  content: "";
  background: #eaeaea;
}
/* line 228, style.scss */
#attributes .attribute_list .selector {
  width: auto !important;
}
/* line 232, style.scss */
#attributes .attribute_list .select-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -moz-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  border: 0;
}
/* line 238, style.scss */
#attributes .attribute_list .select-wrapper _:-ms-fullscreen, :root #attributes .attribute_list .select-wrapper {
  display: table;
}
/* line 242, style.scss */
#attributes .attribute_list .select-wrapper _:-ms-fullscreen > *, :root #attributes .attribute_list .select-wrapper > * {
  display: table-cell;
  vertical-align: middle;
}
/* line 250, style.scss */
#attributes .attribute_list .select-wrapper.selected {
  border-color: #10cd01;
}
@media (max-width: 1024px) {
  /* line 232, style.scss */
  #attributes .attribute_list .select-wrapper {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2em;
  }
}
/* line 262, style.scss */
#attributes .attribute_list .select-container {
  display: inline-block;
}
/* line 266, style.scss */
#attributes .attribute_list #color_to_pick_list {
  margin-bottom: 2em;
}
/* line 269, style.scss */
#attributes .attribute_list #color_to_pick_list li {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-transition: border-color 0.5s;
  -o-transition: border-color 0.5s;
  -webkit-transition: border-color 0.5s;
  transition: border-color 0.5s;
  position: relative;
  width: 100%;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
  border: 1px solid transparent;
}
@media (max-width: 1024px) {
  /* line 269, style.scss */
  #attributes .attribute_list #color_to_pick_list li {
    margin-bottom: 3em;
  }
}
/* line 286, style.scss */
#attributes .attribute_list #color_to_pick_list li:last-child {
  margin-bottom: 0;
}
/* line 290, style.scss */
#attributes .attribute_list #color_to_pick_list li i.fa {
  -moz-transition: opacity 0.15s, color 0.15s;
  -o-transition: opacity 0.15s, color 0.15s;
  -webkit-transition: opacity 0.15s, color 0.15s;
  transition: opacity 0.15s, color 0.15s;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
  opacity: 0.087;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2em;
  position: absolute;
  top: 50%;
  right: 1em;
  content: "";
  pointer-events: none;
}
@media (max-width: 1024px) {
  /* line 290, style.scss */
  #attributes .attribute_list #color_to_pick_list li i.fa {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto;
    right: 0.5em;
    bottom: 0.5em;
  }
}
/* line 310, style.scss */
#attributes .attribute_list #color_to_pick_list li:hover i.fa {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}
/* line 315, style.scss */
#attributes .attribute_list #color_to_pick_list li.selected {
  border-color: #10cd01;
}
/* line 318, style.scss */
#attributes .attribute_list #color_to_pick_list li.selected i.fa {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  color: #42b47c;
}
/* line 324, style.scss */
#attributes .attribute_list #color_to_pick_list li a.color_pick {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  padding-right: 90px;
  color: #000;
}
/* line 334, style.scss */
#attributes .attribute_list #color_to_pick_list li a.color_pick _:-ms-fullscreen, :root #attributes .attribute_list #color_to_pick_list li a.color_pick {
  display: table;
}
/* line 338, style.scss */
#attributes .attribute_list #color_to_pick_list li a.color_pick _:-ms-fullscreen > *, :root #attributes .attribute_list #color_to_pick_list li a.color_pick > * {
  display: table-cell;
  vertical-align: middle;
}
/* line 344, style.scss */
#attributes .attribute_list #color_to_pick_list li a.color_pick .img-thumbnail {
  padding: 0;
}
@media (max-width: 1024px) {
  /* line 324, style.scss */
  #attributes .attribute_list #color_to_pick_list li a.color_pick {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  /* line 324, style.scss */
  #attributes .attribute_list #color_to_pick_list li a.color_pick {
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
  }
}
@media (max-width: 1024px) {
  /* line 360, style.scss */
  #attributes .attribute_list #color_to_pick_list .price_impact {
    padding-right: 2em;
  }
}

/* line 369, style.scss */
#product_attributes__price-duplicate {
  margin-top: 1em;
  padding-top: 1em;
  text-align: right;
  border-top: 1px solid #eaeaea;
}
/* line 375, style.scss */
#product_attributes__price-duplicate .price {
  font-family: "Work Sans", sans-serif;
  font-size: 28px;
  font-weight: 500;
  color: #f8956c;
}
/* line 381, style.scss */
#product_attributes__price-duplicate .price-total-label {
  font-size: 14px;
  text-transform: uppercase;
}

/* line 388, style.scss */
.product-customization__add-to-cart {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 2em;
}

/* line 397, style.scss */
#add_to_cart2 .btn {
  padding: 6px 30px;
  text-transform: uppercase;
  background: #f8956c;
  color: #FFF;
  font-weight: bold;
}
/* line 403, style.scss */
#add_to_cart2 .btn span {
  display: inline;
}
/* line 406, style.scss */
#add_to_cart2 .btn .fa {
  margin-right: 10px;
}
/* line 318, ../../../themes/leo_michael/sass/mixins/_theme.scss */
.rtl #add_to_cart2 .btn .fa {
  margin-left: 10px;
  margin-right: inherit;
}
/* line 407, style.scss */
#add_to_cart2 .btn:hover {
  background: #444040;
}

/* line 414, style.scss */
.fancybox-wrap.toggle-attributes.fancybox-opened {
  z-index: 21000;
}
/* line 419, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner #attributes {
  position: relative;
  display: block;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 9em;
}
/* line 426, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner #attributes fieldset {
  padding: 0;
}
@media (max-width: 767px) {
  /* line 419, style.scss */
  .fancybox-wrap.toggle-attributes .fancybox-inner #attributes {
    padding-bottom: 12em;
  }
}
/* line 435, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner .content_prices {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
}
@media (max-width: 767px) {
  /* line 435, style.scss */
  .fancybox-wrap.toggle-attributes .fancybox-inner .content_prices {
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 4em;
    left: 50%;
  }
}
/* line 448, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner .our_price_display {
  margin: 0;
  color: #000;
}
/* line 453, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner .bottom {
  position: absolute;
  right: 0;
  bottom: 2.5em;
  left: 0;
}
/* line 460, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-inner #validate-attributes {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.5em;
}
@media (max-width: 767px) {
  /* line 460, style.scss */
  .fancybox-wrap.toggle-attributes .fancybox-inner #validate-attributes {
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    right: 50%;
  }
}
/* line 473, style.scss */
.fancybox-wrap.toggle-attributes .fancybox-close {
  top: 1em;
  right: 1em;
}
@media (max-width: 767px) {
  /* line 478, style.scss */
  .fancybox-wrap.toggle-attributes .fancybox-skin {
    padding-right: 1em !important;
    padding-left: 1em !important;
  }
}