.commercexpand-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.commercexpand-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 35%;
}

/* The Close Button */
.commercexpand-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  line-height:15px;
  padding:5px;
}

.commercexpand-close:hover,
.commercexpand-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
  
.commercexpand-soldout{
  margin-top:200px;
  margin-left:150px;
}
.commercexpand-left{
  -webkit-transform: rotate(90deg);
  -webkit-transform-origin: left bottom;
  -moz-transform: rotate(90deg);
  -moz-transform-origin: left bottom;
  -ms-transform: rotate(90deg);
  -ms-transform-origin: left bottom;
  -o-transform: rotate(90deg);
  -o-transform-origin: left bottom;
  transform: rotate(90deg);
  transform-origin: left bottom;
  bottom: unset;
  right: unset;
  left:0px;
  top:30%;
  position:fixed;
  max-height:150px;
  max-width:350px;
}
.commercexpand-right{
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 100% 100%;
  -ms-transform: rotate(270deg);
  -ms-transform-origin: 100% 100%;
  -o-transform: rotate(270deg);
  -o-transform-origin: 100% 100%;
  transform: rotate(270deg);
  right: 0px;
  top:30%;
  bottom: unset;
  left: unset;
  position:fixed;
  max-height:150px;
  max-width:350px;
}
.fullwidth{
  width:100% !important;
}
#commerceXpand-myBtn{
  padding: 12px;
  z-index:999;
  margin:15px 0px;
}
.commercexpand-h2{
  font-family: Helvetica, "Helvetica";
  font-size: 20px;
    letter-spacing: 2px;
}
.commercexpand-p{
  font-family: Helvetica, "Helvetica";
  font-size:0.8rem;
}
.commercexpand-selectbox{
  border-radius: 5px;
}
  
/* 28-1-21 css start here */
.commercexpand-submit{
  color: #fff;
  border-color: #5C6AC4;
  background-color: #5C6AC4;
  border-radius: 5px;
  display: block;
  margin: 0 auto !important;
}
.commercexpand-input-box{
  border-radius: 5px !important;
  width: auto !important;
  border: 1px solid #ccc !important;
  text-overflow: ellipsis !important;
}

.cookie_icon-box {
 
  width: 320px;
  -webkit-box-shadow: initial;
          box-shadow: initial;
  border: 1px solid #1c2260;
  position: absolute;
  height: auto;
  border-radius: 5px;
  padding: 10px;
  position: fixed;
  z-index: 10000;
  padding: 10px;
}

.cookie_icon-box.cookie_floating-box {
  width: calc(100% - 60px);
}

.cookie-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.cookie-wrap .cookie-contant {
  padding-left: 20px;
}

.cookie-wrap .cookie-contant .cookie-btn-wrap {
  padding-top: 15px;
}

.cookie-wrap .cookie-contant .cookie-btn-wrap .cookie-btn {
  background: #1c2260;
  color: #fff;
  padding: 7px 20px;
  border-radius: 10px;
  display: inline-block;
  margin-right: 10px;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.cookie-wrap .cookie-contant .cookie-btn-wrap .policy-btn {
  color: #5c6ac4;
  text-transform: capitalize;
  display: inline-block;
}

.cookie_top-left {
  left: 30px;
  top: 10px;
}

.cookie_top-right {
  right: 30px;
  top: 10px;
}

.cookie_bottom-left {
  left: 30px;
  bottom: 10px;
}

.cookie_bottom-right {
  right: 30px;
  bottom: 10px;
}

.cookie-image {
  width: 60px;
  height: 60px;
  fill: #128aec;
}

@media (min-width: 1024px){
  .cookie-wrap .cookie-contant .cookie-btn-wrap .cookie-btn {
      margin-bottom: 0;
    }
}
@media screen and (max-width: 767px) {
  .commercexpand-modal-content {
    width: 100%;
  }
}

@keyframes awn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes awn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes awn-slide-right{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes awn-slide-left{0%{opacity:0;right:100%}to{opacity:1;right:0}}@keyframes awn-bar{0%{right:100%}to{right:0}}.awn-popup-loading-dots,.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{border-radius:50%;width:6px;height:6px;animation-fill-mode:both;background:#fff;animation:awn-loading-dots 1s ease-in-out infinite}.awn-popup-loading-dots{position:relative;margin-left:24px;display:inline-block;color:#fff;animation-delay:-.16s}.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{content:"";position:absolute;top:0}.awn-popup-loading-dots:before{left:-16px;animation-delay:-.32s}.awn-popup-loading-dots:after{left:16px}@keyframes awn-loading-dots{0%,80%,to{box-shadow:0 0 0 0}40%{box-shadow:0 0 0 2px}}#awn-popup-wrapper{position:fixed;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);z-index:99999;opacity:0;animation-name:awn-fade-in;animation-timing-function:ease-out;animation-fill-mode:both}#awn-popup-wrapper.awn-hiding{animation-name:awn-fade-out}#awn-popup-wrapper .awn-popup-body{position:relative;border-radius:6px;word-break:break-word;background:#fff;padding:24px;min-width:320px;font-size:14px;max-width:500px}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{display:flex;flex-direction:column;align-items:center}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa{font-size:44px;color:#c26700}#awn-popup-wrapper .awn-popup-body.awn-popup-async-block{background:transparent;font-size:32px;font-weight:700;color:#fff;text-align:center}#awn-popup-wrapper .awn-popup-title{font-size:14px;font-weight:700;text-transform:uppercase;margin-top:8px}#awn-popup-wrapper .awn-buttons{width:100%;display:flex;justify-content:space-between;margin-top:24px}#awn-popup-wrapper .awn-buttons .awn-btn{border-radius:4px;border:0;font-weight:700;transition:background .2s linear;font-size:14px;width:45%;line-height:32px;color:#fff}#awn-popup-wrapper .awn-buttons-1 .awn-btn{width:100%}#awn-popup-wrapper .awn-buttons .awn-btn-success{background:#40871d}#awn-popup-wrapper .awn-buttons .awn-btn-success:hover{background:#367218}#awn-popup-wrapper .awn-buttons .awn-btn-cancel{background:#1c76a6}#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover{background:#186690}#awn-toast-container{position:fixed;z-index:99998;bottom:24px;right:24px;box-sizing:border-box}#awn-toast-container.awn-top-left,#awn-toast-container.awn-top-right{top:24px;bottom:auto}#awn-toast-container.awn-top-left .awn-toast:first-child,#awn-toast-container.awn-top-right .awn-toast:first-child{margin-top:16px}#awn-toast-container.awn-bottom-left,#awn-toast-container.awn-top-left{left:24px;right:auto}#awn-toast-container.awn-bottom-left .awn-toast,#awn-toast-container.awn-top-left .awn-toast{right:100%;animation-name:awn-slide-left}#awn-toast-container.awn-bottom-left .awn-toast.awn-hiding,#awn-toast-container.awn-top-left .awn-toast.awn-hiding{right:0}#awn-toast-container.awn-bottom-right .awn-toast,#awn-toast-container.awn-top-right .awn-toast{left:100%;animation-name:awn-slide-right}#awn-toast-container.awn-bottom-right .awn-toast.awn-hiding,#awn-toast-container.awn-top-right .awn-toast.awn-hiding{left:0}.awn-toast{position:relative;cursor:pointer;overflow:hidden;opacity:0;width:320px;background:#ebebeb;margin-top:16px;border-radius:6px;color:grey;font-size:14px;animation-timing-function:linear;animation-fill-mode:both}.awn-toast-content{word-break:break-word}.awn-toast-label{display:block;text-transform:uppercase;color:grey;font-size:18px}.awn-toast-icon{position:absolute;right:16px;top:6px;bottom:0;display:flex;align-items:center;justify-content:flex-end}.awn-toast-icon .fa{font-size:44px;color:grey}.awn-toast-wrapper{padding:22px 88px 16px 16px;border:2px solid #d1d1d1;border-radius:6px}.awn-toast-progress-bar{position:absolute;top:0;left:0;right:0;height:6px}.awn-toast-progress-bar:after{content:" ";background:grey;position:absolute;width:100%;right:100%;top:0;height:6px;animation-name:awn-bar;animation-duration:inherit;animation-timing-function:linear;animation-fill-mode:both}.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after{animation-play-state:paused}.awn-toast.awn-hiding{animation-name:awn-fade-out!important}.awn-toast.awn-toast-success{background:#dff8d3;color:#40871d}.awn-toast.awn-toast-success .awn-toast-wrapper{border-color:#a7d590}.awn-toast.awn-toast-success .fa,.awn-toast.awn-toast-success b{color:#40871d}.awn-toast.awn-toast-success .awn-toast-progress-bar:after{background:#40871d}.awn-toast.awn-toast-info{background:#d3ebf8;color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-wrapper{border-color:#9fd3ef}.awn-toast.awn-toast-info .fa,.awn-toast.awn-toast-info b{color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-progress-bar:after{background:#1c76a6}.awn-toast.awn-toast-alert{background:#f8d5d3;color:#a92019}.awn-toast.awn-toast-alert .awn-toast-wrapper{border-color:#f0a29d}.awn-toast.awn-toast-alert .fa,.awn-toast.awn-toast-alert b{color:#a92019}.awn-toast.awn-toast-alert .awn-toast-progress-bar:after{background:#a92019}.awn-toast.awn-toast-warning{background:#ffe7cc;color:#c26700}.awn-toast.awn-toast-warning .awn-toast-wrapper{border-color:#ffc480}.awn-toast.awn-toast-warning .fa,.awn-toast.awn-toast-warning b{color:#c26700}.awn-toast.awn-toast-warning .awn-toast-progress-bar:after{background:#c26700}[class^=awn-]{box-sizing:border-box}

.top-left{left:0;top:0}.top-right{right:0;top:0}.bottom-left{left:0;bottom:0}.bottom-right{right:0;bottom:0}.top-center{left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-mox-transform:translateX(-50%)}.bottom-center{left:50%;bottom:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);-mox-transform:translateX(-50%)}.middle-left{top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-mox-transform:translateY(-50%)}.middle-right{top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-mox-transform:translateY(-50%)}.quick-button-desktop-icon-box{position:absolute;right:0;width:50px;height:50px;background-color:#f3ba00;color:#000;-webkit-box-shadow:1px 4px 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.08);box-shadow:1px 4px 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.08);padding:6px;z-index:3;border-radius:50%;cursor:pointer}.quick-button-mobile-icon-box{position:absolute;right:0;width:50px;height:50px;background-color:#f3ba00;color:#000;-webkit-box-shadow:1px 4px 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.08);box-shadow:1px 4px 10px rgba(0,0,0,.12),0 4px 4px rgba(0,0,0,.08);padding:6px;z-index:3;border-radius:50%;cursor:pointer}ul.quick-button-desktop-dropdown{width:100%;display:block;position:absolute;top:100%;left:0;right:0;z-index:3}ul.quick-button-mobile-dropdown{width:100%;display:block;position:absolute;top:100%;left:0;right:0;z-index:3}ul.quick-button-desktop-dropdown li{padding:2px 5px;background:rgba(119,150,168,.8);cursor:pointer;border-bottom:1px solid #ccc;text-align:center}ul.quick-button-mobile-dropdown li{padding:2px 5px;background:rgba(119,150,168,.8);cursor:pointer;border-bottom:1px solid #ccc;text-align:center}ul.quick-button-desktop-dropdown li:hover{background:rgba(119,150,168,.5)}ul.quick-button-mobile-dropdown li:hover{background:rgba(119,150,168,.5)}.quick_desktop_box{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex}.quick_mobile_box{position:absolute;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex}input.quick-desktop-quantity{border:1px solid #4e6f80;border-radius:50px;height:51px;width:100px;padding:5px 10px;padding-right:50%}input.quick-mobile-quantity{border:1px solid #4e6f80;border-radius:50px;height:51px;width:100px;padding:5px 10px;padding-right:60%}@keyframes awn-fade-in{0%{opacity:0}to{opacity:1}}@keyframes awn-fade-out{0%{opacity:1}to{opacity:0}}@keyframes awn-slide-right{0%{opacity:0;left:100%}to{opacity:1;left:0}}@keyframes awn-slide-left{0%{opacity:0;right:100%}to{opacity:1;right:0}}@keyframes awn-bar{0%{right:100%}to{right:0}}.awn-popup-loading-dots,.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{border-radius:50%;width:6px;height:6px;animation-fill-mode:both;background:#fff;animation:awn-loading-dots 1s ease-in-out infinite}.awn-popup-loading-dots{position:relative;margin-left:24px;display:inline-block;color:#fff;animation-delay:-.16s}.awn-popup-loading-dots:after,.awn-popup-loading-dots:before{content:"";position:absolute;top:0}.awn-popup-loading-dots:before{left:-16px;animation-delay:-.32s}.awn-popup-loading-dots:after{left:16px}@keyframes awn-loading-dots{0%,80%,to{box-shadow:0 0}40%{box-shadow:0 0 0 2px}}#awn-popup-wrapper{position:fixed;left:0;right:0;bottom:0;top:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);z-index:99999;opacity:0;animation-name:awn-fade-in;animation-timing-function:ease-out;animation-fill-mode:both}#awn-popup-wrapper.awn-hiding{animation-name:awn-fade-out}#awn-popup-wrapper .awn-popup-body{position:relative;border-radius:6px;word-break:break-word;background:#fff;padding:24px;min-width:320px;font-size:14px;max-width:500px}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{display:flex;flex-direction:column;align-items:center}#awn-popup-wrapper .awn-popup-body.awn-popup-confirm .fa{font-size:44px;color:#c26700}#awn-popup-wrapper .awn-popup-body.awn-popup-async-block{background:0 0;font-size:32px;font-weight:700;color:#fff;text-align:center}#awn-popup-wrapper .awn-popup-title{font-size:14px;font-weight:700;text-transform:uppercase;margin-top:8px}#awn-popup-wrapper .awn-buttons{width:100%;display:flex;justify-content:space-between;margin-top:24px}#awn-popup-wrapper .awn-buttons .awn-btn{border-radius:4px;border:0;font-weight:700;transition:background .2s linear;font-size:14px;width:45%;line-height:32px;color:#fff}#awn-popup-wrapper .awn-buttons-1 .awn-btn{width:100%}#awn-popup-wrapper .awn-buttons .awn-btn-success{background:#40871d}#awn-popup-wrapper .awn-buttons .awn-btn-success:hover{background:#367218}#awn-popup-wrapper .awn-buttons .awn-btn-cancel{background:#1c76a6}#awn-popup-wrapper .awn-buttons .awn-btn-cancel:hover{background:#186690}#awn-toast-container{position:fixed;z-index:99998;bottom:24px;right:24px;box-sizing:border-box}#awn-toast-container.awn-top-left,#awn-toast-container.awn-top-right{top:24px;bottom:auto}#awn-toast-container.awn-top-left .awn-toast:first-child,#awn-toast-container.awn-top-right .awn-toast:first-child{margin-top:16px}#awn-toast-container.awn-bottom-left,#awn-toast-container.awn-top-left{left:24px;right:auto}#awn-toast-container.awn-bottom-left .awn-toast,#awn-toast-container.awn-top-left .awn-toast{right:100%;animation-name:awn-slide-left}#awn-toast-container.awn-bottom-left .awn-toast.awn-hiding,#awn-toast-container.awn-top-left .awn-toast.awn-hiding{right:0}#awn-toast-container.awn-bottom-right .awn-toast,#awn-toast-container.awn-top-right .awn-toast{left:100%;animation-name:awn-slide-right}#awn-toast-container.awn-bottom-right .awn-toast.awn-hiding,#awn-toast-container.awn-top-right .awn-toast.awn-hiding{left:0}.awn-toast{position:relative;cursor:pointer;overflow:hidden;opacity:0;width:320px;background:#ebebeb;margin-top:16px;border-radius:6px;color:grey;font-size:14px;animation-timing-function:linear;animation-fill-mode:both}.awn-toast-content{word-break:break-word}.awn-toast-label{display:block;text-transform:uppercase;color:grey;font-size:18px}.awn-toast-icon{position:absolute;right:16px;top:6px;bottom:0;display:flex;align-items:center;justify-content:flex-end}.awn-toast-icon .fa{font-size:44px;color:grey}.awn-toast-wrapper{padding:22px 88px 16px 16px;border:2px solid #d1d1d1;border-radius:6px}.awn-toast-progress-bar{position:absolute;top:0;left:0;right:0;height:6px}.awn-toast-progress-bar:after{content:" ";background:grey;position:absolute;width:100%;right:100%;top:0;height:6px;animation-name:awn-bar;animation-duration:inherit;animation-timing-function:linear;animation-fill-mode:both}.awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after{animation-play-state:paused}.awn-toast.awn-hiding{animation-name:awn-fade-out!important}.awn-toast.awn-toast-success{background:#dff8d3;color:#40871d}.awn-toast.awn-toast-success .awn-toast-wrapper{border-color:#a7d590}.awn-toast.awn-toast-success .fa,.awn-toast.awn-toast-success b{color:#40871d}.awn-toast.awn-toast-success .awn-toast-progress-bar:after{background:#40871d}.awn-toast.awn-toast-info{background:#d3ebf8;color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-wrapper{border-color:#9fd3ef}.awn-toast.awn-toast-info .fa,.awn-toast.awn-toast-info b{color:#1c76a6}.awn-toast.awn-toast-info .awn-toast-progress-bar:after{background:#1c76a6}.awn-toast.awn-toast-alert{background:#f8d5d3;color:#a92019}.awn-toast.awn-toast-alert .awn-toast-wrapper{border-color:#f0a29d}.awn-toast.awn-toast-alert .fa,.awn-toast.awn-toast-alert b{color:#a92019}.awn-toast.awn-toast-alert .awn-toast-progress-bar:after{background:#a92019}.awn-toast.awn-toast-warning{background:#ffe7cc;color:#c26700}.awn-toast.awn-toast-warning .awn-toast-wrapper{border-color:#ffc480}.awn-toast.awn-toast-warning .fa,.awn-toast.awn-toast-warning b{color:#c26700}.awn-toast.awn-toast-warning .awn-toast-progress-bar:after{background:#c26700}[class^=awn-]{box-sizing:border-box}input.quick-desktop-quantity:focus{outline:0}input.quick-mobile-quantity:focus{outline:0}