.storderpopup{position: fixed;width:380px; left: 20px; bottom: 20px;background: #fff;border:1px solid #f2f2f2;z-index: 1001;font-size:12px;background-position: right bottom;background-repeat: repeat;border-width: 0;border-style: solid;overflow: visible;text-decoration: none;}

.storderpopup .price{font-size: 1rem;}
.storderpopup_close{position: absolute;right:0px;top:0px;width:20px;height: 20px;line-height: 20px;text-align: center;font-size: 18px;font-weight: bold; cursor: pointer;}
.storderpopup_close:hover{color:#2fb5d2;}
@media (max-width:767px){
	.storderpopup{width: auto;max-width:380px;right:10px!important;left: 10px!important;top: auto!important;margin-left: auto!important;margin-right: auto!important;bottom: 0;}
	.storderpopup_visibility_1{display: none!important;}
}
@media (min-width:768px){
	.storderpopup_visibility_2{display: none!important;}
}
.storderpopup_bar{position: absolute;right: 0;left:0; top: auto;bottom: 0px;background-color:#ccc;background: rgba(0,0,0,0.1);}
.storderpopup_bar div{height:3px;line-height:3px;font-size: 0;overflow: hidden;width: 100%;background-color: #222;}
.storderpopup_stop{cursor: pointer;}
.storderpopup_stop > span{display: inline-block;width:14px;height: 14px;line-height: 14px;border:1px solid #ccc;background: #f2f2f2;position: relative; vertical-align: text-top;margin-right: 4px;}
.storderpopup_stop > span > span{display: none;top:1px;bottom: 1px;left:1px;right:1px;background: #222;position: absolute;}
.storderpopup_stop.storderpopup_checked span > span{display: inline-block;}
.storderpopup_flex,.storderpopup_flex_column{display:-webkit-box;display:-moz-box;display:box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;}
.storderpopup_flex{-webkit-box-pack:justify;box-pack:justify;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;}
.storderpopup_flex_column{-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;}
.storderpopup_flex_child{-webkit-box-flex:1;box-flex:1;-moz-flex:1;-ms-flex:1;flex:1;position: relative;}
.storderpopup_flex_space_between{-webkit-box-pack:justify;box-pack:justify;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;}
.storderpopup_flex.storderpopup_flex_start{-webkit-box-align:start;box-align:start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;align-items:flex-start;-ms-flex-align:start}
.storderpopup_img{margin-right: 12px;}
.storderpopup_img img{max-width:100%;height:auto}
.storderpopup_mb_6{margin-bottom: 6px;}
.storderpopup_mt_6{margin-top: 6px;}
.storderpopup_mb_20{margin-bottom: 20px;}
.storderpopup_mt_20{margin-top: 20px;}
.storderpopup_align_2{text-align: right;}

.storderpopup_animated {
  -webkit-animation-duration: 600ms;
  animation-duration: 600ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@media (prefers-reduced-motion) {
  .storderpopup_animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}


@-webkit-keyframes storderpopup_zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes storderpopup_zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.storderpopup_zoomIn {
  -webkit-animation-name: storderpopup_zoomIn;
  animation-name: storderpopup_zoomIn;
}


@-webkit-keyframes storderpopup_slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_slideInDown {
  -webkit-animation-name: storderpopup_slideInDown;
  animation-name: storderpopup_slideInDown;
}

@-webkit-keyframes storderpopup_slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_slideInLeft {
  -webkit-animation-name: storderpopup_slideInLeft;
  animation-name: storderpopup_slideInLeft;
}

@-webkit-keyframes storderpopup_slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_slideInRight {
  -webkit-animation-name: storderpopup_slideInRight;
  animation-name: storderpopup_slideInRight;
}

@-webkit-keyframes storderpopup_slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_slideInUp {
  -webkit-animation-name: storderpopup_slideInUp;
  animation-name: storderpopup_slideInUp;
}

@-webkit-keyframes storderpopup_fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes storderpopup_fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.storderpopup_fadeIn {
  -webkit-animation-name: storderpopup_fadeIn;
  animation-name: storderpopup_fadeIn;
}

@-webkit-keyframes storderpopup_fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_fadeInDown {
  -webkit-animation-name: storderpopup_fadeInDown;
  animation-name: storderpopup_fadeInDown;
}

@-webkit-keyframes storderpopup_fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_fadeInLeft {
  -webkit-animation-name: storderpopup_fadeInLeft;
  animation-name: storderpopup_fadeInLeft;
}

@-webkit-keyframes storderpopup_fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_fadeInRight {
  -webkit-animation-name: storderpopup_fadeInRight;
  animation-name: storderpopup_fadeInRight;
}

@-webkit-keyframes storderpopup_fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes storderpopup_fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.storderpopup_fadeInUp {
  -webkit-animation-name: storderpopup_fadeInUp;
  animation-name: storderpopup_fadeInUp;
}
/*out*/

@-webkit-keyframes storderpopup_zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes storderpopup_zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.storderpopup_zoomOut {
  -webkit-animation-name: storderpopup_zoomOut;
  animation-name: storderpopup_zoomOut;
}

@-webkit-keyframes storderpopup_slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes storderpopup_slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.storderpopup_slideOutDown {
  -webkit-animation-name: storderpopup_slideOutDown;
  animation-name: storderpopup_slideOutDown;
}

@-webkit-keyframes storderpopup_slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes storderpopup_slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.storderpopup_slideOutLeft {
  -webkit-animation-name: storderpopup_slideOutLeft;
  animation-name: storderpopup_slideOutLeft;
}

@-webkit-keyframes storderpopup_slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes storderpopup_slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.storderpopup_slideOutRight {
  -webkit-animation-name: storderpopup_slideOutRight;
  animation-name: storderpopup_slideOutRight;
}

@-webkit-keyframes storderpopup_slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes storderpopup_slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.storderpopup_slideOutUp {
  -webkit-animation-name: storderpopup_slideOutUp;
  animation-name: storderpopup_slideOutUp;
}

@-webkit-keyframes storderpopup_fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes storderpopup_fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.storderpopup_fadeOut {
  -webkit-animation-name: storderpopup_fadeOut;
  animation-name: storderpopup_fadeOut;
}

@-webkit-keyframes storderpopup_fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes storderpopup_fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.storderpopup_fadeOutDown {
  -webkit-animation-name: storderpopup_fadeOutDown;
  animation-name: storderpopup_fadeOutDown;
}


@-webkit-keyframes storderpopup_fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes storderpopup_fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.storderpopup_fadeOutLeft {
  -webkit-animation-name: storderpopup_fadeOutLeft;
  animation-name: storderpopup_fadeOutLeft;
}


@-webkit-keyframes storderpopup_fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes storderpopup_fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.storderpopup_fadeOutRight {
  -webkit-animation-name: storderpopup_fadeOutRight;
  animation-name: storderpopup_fadeOutRight;
}


@-webkit-keyframes storderpopup_fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes storderpopup_fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.storderpopup_fadeOutUp {
  -webkit-animation-name: storderpopup_fadeOutUp;
  animation-name: storderpopup_fadeOutUp;
}