.swiper-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow:hidden;
}

.swiper-slide {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.swiper-gallery-top {
  height: 500px;
  width: 100%;
}

.swiper-gallery-thumbs {
  height: 100px;
  box-sizing: border-box;
  padding: 10px 0;
}

.swiper-gallery-thumbs .swiper-slide {
  width: 20%;
  height: 100%;
  opacity: 0.4;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.swiper-gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.fs-gallery .swiper-container.top {
  height: 80%;
}

.fs-gallery .swiper-container.thumbs {
  height: 20%;
}

.fs-gallery .thumbs .swiper-slide {
  opacity: 0.4;
}

.fs-gallery .thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.fs-gallery {
  position:fixed;
  background-color:#fff;
  top:0;
  left:0;
  height:100%;
  width:100%;
  opacity:0;
  pointer-events:none;
  z-index:999999;
  -webkit-transition:200ms opacity ease;
  transition:200ms opacity ease;
}

.fs-gallery.open {
  opacity:1;
  pointer-events:auto;
}

.fs-gallery .fs-gallery-menu {
  position:absolute;
  color:#000;
  top:0;
  left:0;
  width:100%;
  font-size:1.5rem;
  z-index:1;
}

.fs-gallery .fs-gallery-menu > div {
  padding:.5rem;
  float:right;
  cursor:pointer;
}

.fs-gallery .fs-gallery-menu > div i {
  font-size:4.25em;
  display:block;
}

.fs-gallery .fs-gallery-menu .fs-gallery-f11 .fullscreen-exit {
  display:none;
}

.fs-gallery .swiper-container {
  padding:46px 0 23px;
}

.swiper-container .product-block{
  border:0;
}

.fs-gallery .swiper-slide {
  opacity:1;
}

.fs-gallery .swiper-slide.swiper-slide-active {
  opacity:1;
}

.fs-gallery .swiper-slide .swiper-zoom-container {
  cursor:zoom-in;
}

.fs-gallery .swiper-slide img {
  width:auto;
  max-width:70vw;
  max-height:100%;
}

.fs-gallery .swiper-pagination {
  color:#000;
  top:13px;
  bottom:auto;
}

.text-decoration-line-through {
    text-decoration: line-through!important;
}

/* common */
.cmsribbonimg{
    height:auto ;
    width: 110px;							
    overflow: hidden;
    position: absolute;
    z-index:100;
}
.cmsribbonimg-topLeft {
    top: 4px;
    left: 4px;
}
.cmsribbonimg-topRight {
    top: 4px;
    right: 4px;
}
.cmsribbonimg-bottomRight {
    bottom: 4px;
    right: 4px;
}	
.cmsribbonimg-bottomLeft {
    bottom: 4px;
    left: 4px;
}	
.cmsribbon {
width: 110px;
height: 110px;
overflow: hidden;
position: absolute;
z-index:100;
}
.cmsribbon::before,
.cmsribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #2980b9;
}
.cmsribbon span {
position: absolute;
display: block;
width: 166px;
padding: 6px 0;

box-shadow: 0 5px 10px rgba(0,0,0,.1);
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.2);
text-align: center;
}

/* top left*/
.cmsribbon-topLeft {
                top: -9px;
left: 5px;
}
.cmsribbon-topLeft::before,
.cmsribbon-topLeft::after {
border-top-color: transparent;
border-left-color: transparent;
}
.cmsribbon-topLeft::before {
top: 0;
right: 0;
}
.cmsribbon-topLeft::after {
bottom: 0;
left: 0;
}
.cmsribbon-topLeft span {
right: -20px;
top: 20px;
transform: rotate(-45deg);
}

/* top right*/
.cmsribbon-topRight {
top: -10px;
right: -10px;
}
.cmsribbon-topRight::before,
.cmsribbon-topRight::after {
border-top-color: transparent;
border-right-color: transparent;
}
.cmsribbon-topRight::before {
top: 0;
left: 0;
}
.cmsribbon-topRight::after {
bottom: 0;
right: 0;
}
.cmsribbon-topRight span {
left: -20px;
top: 28px;
transform: rotate(45deg);
}

/* bottom left*/
.cmsribbon-bottomLeft {
bottom: -10px;
left: -10px;
}
.cmsribbon-bottomLeft::before,
.cmsribbon-bottomLeft::after {
border-bottom-color: transparent;
border-left-color: transparent;
}
.cmsribbon-bottomLeft::before {
bottom: 0;
right: 0;
}
.cmsribbon-bottomLeft::after {
top: 0;
left: 0;
}
.cmsribbon-bottomLeft span {
right: -20px;
bottom: 28px;
transform: rotate(45deg);
}

/* bottom right*/
.cmsribbon-bottomRight {
bottom: -10px;
right: -10px;
}
.cmsribbon-bottomRight::before,
.cmsribbon-bottomRight::after {
border-bottom-color: transparent;
border-right-color: transparent;
}
.cmsribbon-bottomRight::before {
bottom: 0;
left: 0;
}
.cmsribbon-bottomRight::after {
top: 0;
right: 0;
}
.cmsribbon-bottomRight span {
left: -20px;
bottom: 28px;
transform: rotate(-45deg);
}

#checkout-steps .steps-step .step-number {
display:none
}
.steps-step > a,
.steps-step > span {
  color:#111;
  line-height:22px;
}
#checkout-steps .steps-step {
  text-align:center;
}
#checkout-steps .steps-step:before {
  border-color:#646262;
  width:30px;
  height:30px;
  content:"";
  line-height:30px;
  border:2px solid rgb(221, 221, 221);
  display:block;
  text-align:center;
  margin:0 auto 10px auto;
  border-radius:50%;
  background-color:white;
}
#checkout-steps .steps-step:after {
  width:100%;
  height:2px;
  content:'';
  position:absolute;
  background-color:rgb(221, 221, 221);
  top:15px;
  left:-50%;
  z-index:-1;
}
#checkout-steps .steps-step.step-completed:before {
  background:#646262;
  border-color:#646262;
}
#checkout-steps .steps-step.step-completed .step-number {
  display:none
}
#checkout-steps .steps-step.step-completed a .material-icons {
  color:white;
  font-weight:bold;
  top:3px;
}
#checkout-steps .steps-step.step-completed:after,
#checkout-steps .steps-step.step-active:after {
  background:#646262;
}
#checkout-steps .col:first-child .steps-step:after {
  content:none;
}
#checkout-steps .step-active:before {
  border:10px solid #646262;
}
#checkout-steps .steps-step .step-number,
#checkout-steps .steps-step .material-icons {
  position:absolute;
  top:4px;
  margin:0 35px 0 0;
  width:100%;
  left:0;
}
#checkout-steps .steps-step .step-text {
  position:absolute;
  color:rgb(221, 221, 221);
  top:-29px;
  left:0;
  font-size:11px;
  overflow:hidden;
  text-align:center;
  width:100%;
}
#checkout-steps .step-completed .step-text,
#checkout-steps .step-active .step-text {
  color:#646262;
}

body.checkout .not-in-checkout{
  display:none !important;
}

@media screen and (max-width: 600px) {

    .swiper-gallery-top {
      height: 300px !important;
      width: 100%;
    }
    body.checkout .not-in-checkout-mobile{
      display:none !important;
    }
    

    }