@import url(//fonts.googleapis.com/earlyaccess/notosansbengali.css);
.switch{background:#fff;border:1px solid #dfdfdf;position:relative;display:inline-block;box-sizing:content-box;overflow:visible;width:52px;height:30px;padding:0;margin:0;border-radius:20px;cursor:pointer;box-shadow:#dfdfdf 0 0 0 0 inset;transition:.3s ease-out all;-webkit-transition:.3s ease-out all;top:-1px}.switch.wide{width:80px}.switch small{background:#fff;border-radius:100%;box-shadow:0 1px 3px rgba(0,0,0,.4);width:30px;height:30px;position:absolute;top:0;left:0;transition:.3s ease-out all;-webkit-transition:.3s ease-out all}.switch.checked{background:#64bd63;border-color:#64bd63}.switch.checked small{left:22px}.switch.wide.checked small{left:52px}.switch .switch-text{font-family:Arial,Helvetica,sans-serif;font-size:13px}.switch .off{display:block;position:absolute;right:10%;top:25%;z-index:0;color:#A9A9A9}.switch .on{display:none;z-index:0;color:#fff;position:absolute;top:25%;left:9%}.switch.checked .off{display:none}.switch.checked .on{display:block}.switch.disabled{opacity:.5;cursor:not-allowed}

.datetimepicker-wrapper {
  vertical-align: middle;
  display: inline-block;
}

.datetimepicker-wrapper > input {
  margin-bottom: 0 !important;
  width: 130px;
}

.datetimepicker-wrapper [ng-model=hours], 
.datetimepicker-wrapper [ng-model=minutes] {
  width: 46px !important;
}

.ct-double-octave:after,.ct-major-eleventh:after,.ct-major-second:after,.ct-major-seventh:after,.ct-major-sixth:after,.ct-major-tenth:after,.ct-major-third:after,.ct-major-twelfth:after,.ct-minor-second:after,.ct-minor-seventh:after,.ct-minor-sixth:after,.ct-minor-third:after,.ct-octave:after,.ct-perfect-fifth:after,.ct-perfect-fourth:after,.ct-square:after{content:"";clear:both}.ct-label{fill:rgba(0,0,0,.4);color:rgba(0,0,0,.4);font-size:.75rem;line-height:1}.ct-chart-bar .ct-label,.ct-chart-line .ct-label{display:block;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-label.ct-vertical.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-label.ct-vertical.ct-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:start}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end;text-align:right;text-anchor:end}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;text-align:left;text-anchor:end}.ct-grid{stroke:rgba(0,0,0,.2);stroke-width:1px;stroke-dasharray:2px}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:4px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-bar,.ct-series-a .ct-line,.ct-series-a .ct-point,.ct-series-a .ct-slice-donut{stroke:#d70206}.ct-series-a .ct-area,.ct-series-a .ct-slice-pie{fill:#d70206}.ct-series-b .ct-bar,.ct-series-b .ct-line,.ct-series-b .ct-point,.ct-series-b .ct-slice-donut{stroke:#f05b4f}.ct-series-b .ct-area,.ct-series-b .ct-slice-pie{fill:#f05b4f}.ct-series-c .ct-bar,.ct-series-c .ct-line,.ct-series-c .ct-point,.ct-series-c .ct-slice-donut{stroke:#f4c63d}.ct-series-c .ct-area,.ct-series-c .ct-slice-pie{fill:#f4c63d}.ct-series-d .ct-bar,.ct-series-d .ct-line,.ct-series-d .ct-point,.ct-series-d .ct-slice-donut{stroke:#d17905}.ct-series-d .ct-area,.ct-series-d .ct-slice-pie{fill:#d17905}.ct-series-e .ct-bar,.ct-series-e .ct-line,.ct-series-e .ct-point,.ct-series-e .ct-slice-donut{stroke:#453d3f}.ct-series-e .ct-area,.ct-series-e .ct-slice-pie{fill:#453d3f}.ct-series-f .ct-bar,.ct-series-f .ct-line,.ct-series-f .ct-point,.ct-series-f .ct-slice-donut{stroke:#59922b}.ct-series-f .ct-area,.ct-series-f .ct-slice-pie{fill:#59922b}.ct-series-g .ct-bar,.ct-series-g .ct-line,.ct-series-g .ct-point,.ct-series-g .ct-slice-donut{stroke:#0544d3}.ct-series-g .ct-area,.ct-series-g .ct-slice-pie{fill:#0544d3}.ct-series-h .ct-bar,.ct-series-h .ct-line,.ct-series-h .ct-point,.ct-series-h .ct-slice-donut{stroke:#6b0392}.ct-series-h .ct-area,.ct-series-h .ct-slice-pie{fill:#6b0392}.ct-series-i .ct-bar,.ct-series-i .ct-line,.ct-series-i .ct-point,.ct-series-i .ct-slice-donut{stroke:#f05b4f}.ct-series-i .ct-area,.ct-series-i .ct-slice-pie{fill:#f05b4f}.ct-series-j .ct-bar,.ct-series-j .ct-line,.ct-series-j .ct-point,.ct-series-j .ct-slice-donut{stroke:#dda458}.ct-series-j .ct-area,.ct-series-j .ct-slice-pie{fill:#dda458}.ct-series-k .ct-bar,.ct-series-k .ct-line,.ct-series-k .ct-point,.ct-series-k .ct-slice-donut{stroke:#eacf7d}.ct-series-k .ct-area,.ct-series-k .ct-slice-pie{fill:#eacf7d}.ct-series-l .ct-bar,.ct-series-l .ct-line,.ct-series-l .ct-point,.ct-series-l .ct-slice-donut{stroke:#86797d}.ct-series-l .ct-area,.ct-series-l .ct-slice-pie{fill:#86797d}.ct-series-m .ct-bar,.ct-series-m .ct-line,.ct-series-m .ct-point,.ct-series-m .ct-slice-donut{stroke:#b2c326}.ct-series-m .ct-area,.ct-series-m .ct-slice-pie{fill:#b2c326}.ct-series-n .ct-bar,.ct-series-n .ct-line,.ct-series-n .ct-point,.ct-series-n .ct-slice-donut{stroke:#6188e2}.ct-series-n .ct-area,.ct-series-n .ct-slice-pie{fill:#6188e2}.ct-series-o .ct-bar,.ct-series-o .ct-line,.ct-series-o .ct-point,.ct-series-o .ct-slice-donut{stroke:#a748ca}.ct-series-o .ct-area,.ct-series-o .ct-slice-pie{fill:#a748ca}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{display:table}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{display:table}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{display:table}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{display:table}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{display:table}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{display:table}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{display:table}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{display:table}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{display:table}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{display:table}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{display:table}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{display:table}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{display:table}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{display:table}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{display:table}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{display:table}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}
.pac-container{background-color:#fff;position:absolute!important;z-index:1000;border-radius:2px;border-top:1px solid #d9d9d9;font-family:Arial,sans-serif;box-shadow:0 2px 6px rgba(0,0,0,.3);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.pac-container:after{content:"";padding:1px 1px 1px 0;height:16px;text-align:right;display:block;background-image:url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png);background-position:right;background-repeat:no-repeat;background-size:104px 16px}.hdpi.pac-container:after{background-image:url(//maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png)}.pac-item{cursor:default;padding:0 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:30px;text-align:left;border-top:1px solid #e6e6e6;font-size:11px;color:#999}.pac-item:hover{background-color:#fafafa}.pac-item-selected,.pac-item-selected:hover{background-color:#ebf2fe}.pac-matched{font-weight:700}.pac-item-query{font-size:13px;padding-right:3px;color:#000}.pac-icon{width:15px;height:20px;margin-right:7px;margin-top:6px;display:inline-block;vertical-align:top;background-image:url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);background-size:34px}.hdpi .pac-icon{background-image:url(//maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png)}.pac-icon-search{background-position:-1px -1px}.pac-item-selected .pac-icon-search{background-position:-18px -1px}.pac-icon-marker{background-position:-1px -161px}.pac-item-selected .pac-icon-marker{background-position:-18px -161px}.pac-placeholder{color:gray}.custom-prediction-label{font-style:italic}
/*! angularjs-slider - v6.6.0 - 
 (c) Rafal Zajac <rzajac@gmail.com>, Valentin Hervieu <valentin@hervieu.me>, Jussi Saarivirta <jusasi@gmail.com>, Angelin Sirbu <angelin.sirbu@gmail.com> - 
 https://github.com/angular-slider/angularjs-slider - 
 2018-06-29 */
.rzslider {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 4px;
  margin: 35px 0 15px 0;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.rzslider.with-legend {
  margin-bottom: 40px;
}

.rzslider[disabled] {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-pointer {
  cursor: not-allowed;
  background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-selection {
  background: #8b91a2;
}

.rzslider[disabled] .rz-tick {
  cursor: not-allowed;
}

.rzslider[disabled] .rz-tick.rz-selected {
  background: #8b91a2;
}

.rzslider span {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
}

.rzslider .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider .rz-bar-wrapper {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 32px;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: border-box;
}

.rzslider .rz-draggable {
  cursor: move;
}

.rzslider .rz-bar {
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background: #d8e0f3;
  border-radius: 2px;
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
  background: transparent;
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
  background: #df002d;
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
  background: #03a688;
}

.rzslider .rz-selection {
  z-index: 2;
  background: #0db9f0;
  border-radius: 2px;
}

.rzslider .rz-restricted {
  z-index: 3;
  background: #ff0000;
  border-radius: 2px;
}

.rzslider .rz-pointer {
  top: -14px;
  z-index: 3;
  width: 32px;
  height: 32px;
  cursor: pointer;
  background-color: #0db9f0;
  border-radius: 16px;
}

.rzslider .rz-pointer:after {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  content: '';
}

.rzslider .rz-pointer:hover:after {
  background-color: #ffffff;
}

.rzslider .rz-pointer.rz-active {
  z-index: 4;
}

.rzslider .rz-pointer.rz-active:after {
  background-color: #451aff;
}

.rzslider .rz-bubble {
  bottom: 16px;
  padding: 1px 3px;
  color: #55637d;
  cursor: default;
}

.rzslider .rz-bubble.rz-limit {
  color: #55637d;
}

.rzslider .rz-ticks {
  position: absolute;
  top: -3px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.rzslider .rz-ticks-values-under .rz-tick-value {
  top: auto;
  bottom: -32px;
}

.rzslider .rz-tick {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin-left: 11px;
  text-align: center;
  cursor: pointer;
  background: #d8e0f3;
  border-radius: 50%;
}

.rzslider .rz-tick.rz-selected {
  background: #0db9f0;
}

.rzslider .rz-tick-value {
  position: absolute;
  top: -30px;
  transform: translate(-50%, 0);
}

.rzslider .rz-tick-legend {
  position: absolute;
  top: 24px;
  max-width: 50px;
  white-space: normal;
  transform: translate(-50%, 0);
}

.rzslider.rz-vertical {
  position: relative;
  width: 4px;
  height: 100%;
  padding: 0;
  margin: 0 20px;
  vertical-align: baseline;
}

.rzslider.rz-vertical .rz-base {
  width: 100%;
  height: 100%;
  padding: 0;
}

.rzslider.rz-vertical .rz-bar-wrapper {
  top: auto;
  left: 0;
  width: 32px;
  height: 100%;
  padding: 0 0 0 16px;
  margin: 0 0 0 -16px;
}

.rzslider.rz-vertical .rz-bar {
  bottom: 0;
  left: auto;
  width: 4px;
  height: 100%;
}

.rzslider.rz-vertical .rz-pointer {
  top: auto;
  bottom: 0;
  left: -14px !important;
}

.rzslider.rz-vertical .rz-bubble {
  bottom: 0;
  left: 16px !important;
  margin-left: 3px;
}

.rzslider.rz-vertical .rz-ticks {
  top: 0;
  left: -3px;
  z-index: 1;
  width: 0;
  height: 100%;
}

.rzslider.rz-vertical .rz-tick {
  margin-top: 11px;
  margin-left: auto;
  vertical-align: middle;
}

.rzslider.rz-vertical .rz-tick-value {
  top: auto;
  left: 24px;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-tick-legend {
  top: auto;
  right: 24px;
  max-width: none;
  white-space: nowrap;
  transform: translate(0, -28%);
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
  right: 24px;
  bottom: auto;
  left: auto;
}
/*
	Style for custom
*/
@font-face {
  font-family: 'Futura';
  src: url(https://d118vismjsp9sl.cloudfront.net/assets/e077e0adf587a75feef35907a6a4b053.eot);
  src: url(https://d118vismjsp9sl.cloudfront.net/assets/e077e0adf587a75feef35907a6a4b053.eot?#iefix) format('embedded-opentype'), url('https://dfkk24p8bfyi6.cloudfront.net/assets/fonts/FuturaLT-Heavy.woff') format('woff'), url('https://dfkk24p8bfyi6.cloudfront.net/assets/fonts/FuturaLT-Heavy.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
/*@font-face {
	font-family: 'Futura';
	src: url('../../fonts/FuturaLT.eot');
	src: url('../../fonts/FuturaLT.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/FuturaLT.woff') format('woff'),
	url('../../fonts/FuturaLT.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}*/
/*.bn .shopup-style .sbtn {
	line-height: 44px;
}*/
.shopup-style {
  /* Header Style Atoms */
  /* Paragraph Styles */
  /* Span Styles */
  /* Anchor */
}
.shopup-style h1,
.shopup-style h2,
.shopup-style h3,
.shopup-style h4,
.shopup-style h5,
.shopup-style h6 {
  font-family: 'Futura', Sans Serif, helvetica;
  font-weight: bold;
  letter-spacing: 1px;
}
.bn .shopup-style h1,
.bn .shopup-style h2,
.bn .shopup-style h3,
.bn .shopup-style h4,
.bn .shopup-style h5,
.bn .shopup-style h6 {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.shopup-style h1 {
  font-size: 45px;
  font-weight: bold;
  line-height: 52px;
  margin: 30px 0 30px 0;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 768px) {
  .shopup-style h1 {
    font-size: 30px;
    line-height: 40px;
  }
}
.shopup-style h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 40px;
  margin: 20px 0 20px 0;
  letter-spacing: 1px;
}
@media (max-width: 768px) {
  .shopup-style h2 {
    font-size: 26px;
    line-height: 35px;
  }
}
.shopup-style h3 {
  font-size: 26px;
  font-weight: bold;
  line-height: 38px;
  margin: 18px 0 18px 0;
  letter-spacing: 0.8px;
}
@media (max-width: 768px) {
  .shopup-style h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
.shopup-style h4 {
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  margin: 16px 0 16px 0;
  letter-spacing: 1px;
}
@media (max-width: 768px) {
  .shopup-style h4 {
    font-size: 20px;
    line-height: 26px;
  }
}
.shopup-style h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  margin: 14px 0 14px 0;
}
@media (max-width: 768px) {
  .shopup-style h5 {
    font-size: 18px;
    line-height: 24px;
  }
}
.shopup-style h6 {
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  margin: 12px 0 12px 0;
}
.shopup-style p {
  font-size: 15px;
  font-weight: 300;
  line-height: 22px;
  margin: 12px 0 12px 0;
}
.shopup-style p.small {
  font-size: 13px;
  line-height: 16px;
  margin: 11px 0 12px 0;
}
.shopup-style p.large {
  font-size: 17px;
  line-height: 25px;
  margin: 14px 0 14px 0;
}
.shopup-style span {
  font-size: 12px;
  font-weight: normal;
  /*margin:12px 0 12px 0;*/
}
.shopup-style a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.shopup-style a:hover,
.shopup-style a:active,
.shopup-style a:focus {
  text-decoration: none;
  o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.shopup-style a:hover,
.shopup-style a:active,
.shopup-style a:focus {
  o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.shopup-style a:hover.csgreen,
.shopup-style a:active.csgreen,
.shopup-style a:focus.csgreen {
  color: #8DDBBA;
}
.shopup-style a:hover.csorange,
.shopup-style a:active.csorange,
.shopup-style a:focus.csorange {
  color: #F3F3F3;
}
.shopup-style a:hover.csteal,
.shopup-style a:active.csteal,
.shopup-style a:focus.csteal {
  color: #00bbd3;
}
.shopup-style a:hover.csgrey,
.shopup-style a:active.csgrey,
.shopup-style a:focus.csgrey {
  color: #dfdfdf;
}
.shopup-style a:hover.csorange,
.shopup-style a:active.csorange,
.shopup-style a:focus.csorange {
  color: #F3F3F3;
}
.shopup-style a:hover.csyellow,
.shopup-style a:active.csyellow,
.shopup-style a:focus.csyellow {
  color: #ffc928;
}
.shopup-style a:hover.csteal,
.shopup-style a:active.csteal,
.shopup-style a:focus.csteal {
  color: #00bbd3;
}
.shopup-style a:hover.text-tlgrey {
  color: white;
  o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.shopup-style .sbtn {
  border: none;
  border-radius: 25px;
  box-sizing: content-box;
  font-weight: bold;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 30px;
  height: 34px;
  font-family: 'Futura', Sans Serif, helvetica;
  font-size: 14px;
  line-height: 34px;
  text-overflow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1d2129;
}
.shopup-style .sbtn.large {
  height: 42px;
  line-height: 42px;
}
.bn .shopup-style .sbtn.large {
  line-height: 42px;
}
.bn .shopup-style .sbtn {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
  line-height: 37px;
}
.shopup-style button:focus {
  outline: 0;
}
.shopup-style .sbtn-csgreen {
  background: #8DDBBA;
}
.shopup-style .sbtn-csgreen:hover {
  background: #b4e7d1;
}
.shopup-style .sbtn-csgreen:active,
.shopup-style .sbtn-csgreen:focus {
  background: #a0e1c6;
}
.shopup-style .sbtn-s-csgreen {
  background: none;
  color: #8DDBBA;
  border: 2px solid;
}
.shopup-style .text-csgreen {
  color: #8DDBBA;
}
.shopup-style .sbtn-csorange {
  background: #F3F3F3;
}
.shopup-style .sbtn-csorange:hover {
  background: #ffffff;
}
.shopup-style .sbtn-csorange:active,
.shopup-style .sbtn-csorange:focus {
  background: #ffffff;
}
.shopup-style .sbtn-s-csorange {
  background: none;
  color: #F3F3F3;
  border: 2px solid;
}
.shopup-style .text-csorange {
  color: #F3F3F3;
}
.shopup-style .sbtn-csteal {
  background: #00bbd3;
}
.shopup-style .sbtn-csteal:hover {
  background: #07e3ff;
}
.shopup-style .sbtn-csteal:active,
.shopup-style .sbtn-csteal:focus {
  background: #00d2ec;
}
.shopup-style .sbtn-s-csteal {
  background: none;
  color: #00bbd3;
  border: 2px solid;
}
.shopup-style .text-csteal {
  color: #00bbd3;
}
.shopup-style .sbtn-csgrey {
  background: #dfdfdf;
}
.shopup-style .sbtn-csgrey:hover {
  background: #f9f9f9;
}
.shopup-style .sbtn-csgrey:active,
.shopup-style .sbtn-csgrey:focus {
  background: #ececec;
}
.shopup-style .sbtn-s-csgrey {
  background: none;
  color: #dfdfdf;
  border: 2px solid;
}
.shopup-style .text-csgrey {
  color: #dfdfdf;
}
.shopup-style .sbtn-csorange {
  background: #F3F3F3;
}
.shopup-style .sbtn-csorange:hover {
  background: #ffffff;
}
.shopup-style .sbtn-csorange:active,
.shopup-style .sbtn-csorange:focus {
  background: #ffffff;
}
.shopup-style .sbtn-s-csorange {
  background: none;
  color: #F3F3F3;
  border: 2px solid;
}
.shopup-style .text-csorange {
  color: #F3F3F3;
}
.shopup-style .sbtn-csyellow {
  background: #ffc928;
}
.shopup-style .sbtn-csyellow:hover {
  background: #ffd65b;
}
.shopup-style .sbtn-csyellow:active,
.shopup-style .sbtn-csyellow:focus {
  background: #ffcf42;
}
.shopup-style .sbtn-s-csyellow {
  background: none;
  color: #ffc928;
  border: 2px solid;
}
.shopup-style .text-csyellow {
  color: #ffc928;
}
.shopup-style .sbtn-csteal {
  background: #00bbd3;
}
.shopup-style .sbtn-csteal:hover {
  background: #07e3ff;
}
.shopup-style .sbtn-csteal:active,
.shopup-style .sbtn-csteal:focus {
  background: #00d2ec;
}
.shopup-style .sbtn-s-csteal {
  background: none;
  color: #00bbd3;
  border: 2px solid;
}
.shopup-style .text-csteal {
  color: #00bbd3;
}
.shopup-style .sbtn-tdarkest {
  background: #333333;
}
.shopup-style .sbtn-tdarkest:hover {
  background: #4d4d4d;
}
.shopup-style .sbtn-tdarkest:active,
.shopup-style .sbtn-tdarkest:focus {
  background: #404040;
}
.shopup-style .sbtn-s-tdarkest {
  background: none;
  color: #333333;
  border: 2px solid;
}
.shopup-style .text-tdarkest {
  color: #333333;
}
.shopup-style .sbtn-tdarker {
  background: #606060;
}
.shopup-style .sbtn-tdarker:hover {
  background: #7a7a7a;
}
.shopup-style .sbtn-tdarker:active,
.shopup-style .sbtn-tdarker:focus {
  background: #6d6d6d;
}
.shopup-style .sbtn-s-tdarker {
  background: none;
  color: #606060;
  border: 2px solid;
}
.shopup-style .text-tdarker {
  color: #606060;
}
.shopup-style .sbtn-tdark {
  background: #616161;
}
.shopup-style .sbtn-tdark:hover {
  background: #7a7a7a;
}
.shopup-style .sbtn-tdark:active,
.shopup-style .sbtn-tdark:focus {
  background: #6e6e6e;
}
.shopup-style .sbtn-s-tdark {
  background: none;
  color: #616161;
  border: 2px solid;
}
.shopup-style .text-tdark {
  color: #616161;
}
.shopup-style .sbtn-tgrey {
  background: #a7a9ab;
}
.shopup-style .sbtn-tgrey:hover {
  background: #c1c3c4;
}
.shopup-style .sbtn-tgrey:active,
.shopup-style .sbtn-tgrey:focus {
  background: #b4b6b7;
}
.shopup-style .sbtn-s-tgrey {
  background: none;
  color: #a7a9ab;
  border: 2px solid;
}
.shopup-style .text-tgrey {
  color: #a7a9ab;
}
.shopup-style .sbtn-tlgrey {
  background: #F3F3F3;
}
.shopup-style .sbtn-tlgrey:hover {
  background: #ffffff;
}
.shopup-style .sbtn-tlgrey:active,
.shopup-style .sbtn-tlgrey:focus {
  background: #ffffff;
}
.shopup-style .sbtn-s-tlgrey {
  background: none;
  color: #F3F3F3;
  border: 2px solid;
}
.shopup-style .text-tlgrey {
  color: #F3F3F3;
}
.shopup-style .sbtn-tgreen {
  background: #42b72a;
}
.shopup-style .sbtn-tgreen:hover {
  background: #5ad341;
}
.shopup-style .sbtn-tgreen:active,
.shopup-style .sbtn-tgreen:focus {
  background: #49cc2f;
}
.shopup-style .sbtn-s-tgreen {
  background: none;
  color: #42b72a;
  border: 2px solid;
}
.shopup-style .text-tgreen {
  color: #42b72a;
}
.shopup-style .sbtn-twhite {
  background: #FFFFFF;
}
.shopup-style .sbtn-twhite:hover {
  background: #ffffff;
}
.shopup-style .sbtn-twhite:active,
.shopup-style .sbtn-twhite:focus {
  background: #ffffff;
}
.shopup-style .sbtn-s-twhite {
  background: none;
  color: #FFFFFF;
  border: 2px solid;
}
.shopup-style .text-twhite {
  color: #FFFFFF;
}
.shopup-style .sbtn-tyellow {
  background: #ffc928;
}
.shopup-style .sbtn-tyellow:hover {
  background: #ffd65b;
}
.shopup-style .sbtn-tyellow:active,
.shopup-style .sbtn-tyellow:focus {
  background: #ffcf42;
}
.shopup-style .sbtn-s-tyellow {
  background: none;
  color: #ffc928;
  border: 2px solid;
}
.shopup-style .text-tyellow {
  color: #ffc928;
}
.shopup-style .sbtn-tblack {
  background: #1d2129;
}
.shopup-style .sbtn-tblack:hover {
  background: #323947;
}
.shopup-style .sbtn-tblack:active,
.shopup-style .sbtn-tblack:focus {
  background: #282d38;
}
.shopup-style .sbtn-s-tblack {
  background: none;
  color: #1d2129;
  border: 2px solid;
}
.shopup-style .text-tblack {
  color: #1d2129;
}
.shopup-style .shopup-loader,
.shopup-style .shopup-loader:before,
.shopup-style .shopup-loader:after {
  border-radius: 50%;
}
.shopup-style .shopup-loader {
  color: #00bbd3;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.shopup-style .shopup-loader:before,
.shopup-style .shopup-loader:after {
  position: absolute;
  content: '';
}
.shopup-style .shopup-loader:before {
  width: 5.2em;
  height: 10.2em;
  background: white;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.shopup-style .shopup-loader:after {
  width: 5.2em;
  height: 10.2em;
  background: white;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.shopup-style .select {
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat right 8px center;
  height: 41px;
  overflow: hidden;
  display: inline-block;
  outline: 0;
  font-size: 15px;
  line-height: 15px;
  /*@media (max-width: 800px) {
            height: 34px;
        }*/
}
.shopup-style .select.select {
  border: none;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 15px;
  line-height: 15px;
  font-weight: normal;
  height: 41px;
  min-width: 40px;
  padding: 0 20px 0 12px;
  border: 1px solid #dfdfdf;
  outline: 0;
  /*
        @media (max-width: 800px) {
            font-size: 12px+2;
            line-height: 16px;
            height: 34px;
        }*/
  -webkit-appearance: none;
}
.shopup-style .select.select::-ms-expand {
  display: none;
}
.shopup-style .select.large {
  width: 36px;
}
.i-email {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/c4b6f93f8b044ba5d15ac33b5abf3472.png) no-repeat;
}
.i-phone {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/71886ee9687f76423403129759450af7.png) no-repeat;
}
.i-facebook {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/b2faf01f67240029c738e82d46b0c012.png) no-repeat center;
}
.i-twitter {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/bc55bd916d545b666d04b37192330207.png) no-repeat center;
}
.i-insta {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/cbc6392b14752eafc7a111ad1cd4aadc.png) no-repeat center;
}
.i-globe {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/d5d19e8b9e8e2df31b3d0960a4b33104.png) no-repeat center;
}
.i-globe-alternative {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/56a6e6f3077a02d6e89e57ef85f38557.png) no-repeat center;
}
.i-play {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/cee47f089e8e8944947080041a2154d6.png) no-repeat center;
}
.shopup-style.home {
  font-family: 'Roboto', 'Roboto', helvetica, arial, sans-serif;
  position: relative;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  font-size: 13px;
  /*   .main.bkash-bg {
    background-image:radial-gradient(circle at bottom,  rgba(77, 208, 225, 0.75), #E5407A, #E5407A 600px);
    &:after {
      background-image:radial-gradient(circle at bottom,  rgba(77, 208, 225, 0.75), #E5407A, #E5407A 600px);
    }

    &.big {
      &:after {
        background-image:radial-gradient(circle at bottom,  rgba(77, 208, 225, 0.75), #00bbd3, #00bbd3 800px);
      }
      
  } */
}
.bn .shopup-style.home {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.shopup-style.home .container-home {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}
.shopup-style.home .bkash-header {
  height: 300px;
}
@media (min-width: 768px) {
  .shopup-style.home .container-home {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .container-home {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .shopup-style.home .container-home {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  .shopup-style.home .container-home {
    width: 1170px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .container-home {
    width: 100%;
  }
}
.shopup-style.home .overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.shopup-style.home .main {
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.shopup-style.home .main .main-container {
  position: relative;
}
.shopup-style.home .main .home-body-container {
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  margin-top: 20px;
  color: white;
}
.shopup-style.home .main .home-body-container .youtube-video-container {
  text-align: center;
  width: 600px;
  height: 335px;
  margin: 40px auto;
}
@media (max-width: 768px) {
  .shopup-style.home .main .home-body-container .youtube-video-container {
    margin: 30px auto 40px 0;
  }
}
@media (max-width: 620px) {
  .shopup-style.home .main .home-body-container .youtube-video-container {
    width: 100%;
    height: 300px;
  }
}
@media (max-width: 520px) {
  .shopup-style.home .main .home-body-container .youtube-video-container {
    width: 100%;
    height: 222px;
  }
}
@media (max-width: 350px) {
  .shopup-style.home .main .home-body-container .youtube-video-container {
    height: 180px;
  }
}
.shopup-style.home .main .home-body-container h3 {
  max-width: 655px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: #1d2129;
}
@media (max-width: 768px) {
  .shopup-style.home .main .home-body-container h3 {
    font-size: 26px;
    line-height: 35px;
  }
}
.shopup-style.home .main .home-body-container h3 span {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}
.shopup-style.home .main .home-body-container h3 a {
  color: #00bbd3;
  text-decoration: underline;
}
.shopup-style.home .main .home-body-container .feature-logo {
  image-rendering: -webkit-optimize-contrast;
  width: 70px;
}
.shopup-style.home .main .home-body-container .eloan-logo {
  image-rendering: -webkit-optimize-contrast;
  height: 35px;
}
.shopup-style.home .main .home-body-container .show-on-mobile {
  display: none;
}
@media (max-width: 768px) {
  .shopup-style.home .main .home-body-container .show-on-mobile {
    display: block;
  }
}
.shopup-style.home .main .home-body-container .loan-banner-para {
  width: 64%;
  margin: 30px auto 90px;
  font-weight: 100;
}
.shopup-style.home .main .home-body-container .bkash-logo {
  image-rendering: -webkit-optimize-contrast;
  width: 250px;
}
@media (max-width: 500px) {
  .shopup-style.home .main .home-body-container .bkash-logo {
    margin-top: 40px;
  }
}
.shopup-style.home .main .home-body-container h2 {
  margin: 15px 0;
}
@media (max-width: 420px) {
  .shopup-style.home .main .home-body-container h2 {
    margin: 5px 0;
    font-size: 24px;
  }
}
.shopup-style.home .main .home-body-container .feature-button {
  display: inherit;
  margin: 0 auto;
}
.shopup-style.home .main .home-body-container .feature-banner {
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  max-height: 400px;
}
.shopup-style.home .main .home-body-container .feature-banner img {
  width: 100%;
}
@media (max-width: 768px) {
  .shopup-style.home .main .home-body-container {
    margin-top: 0;
  }
}
.shopup-style.home .main .home-body {
  display: table-cell;
  vertical-align: middle;
}
.shopup-style.home .main .home-body h1.home-header {
  width: 726px;
  margin-top: 0px;
}
.shopup-style.home .main .home-body p {
  width: 726px;
}
.shopup-style.home .main .home-body button {
  margin-top: 21px;
}
.shopup-style.home .main .home-body h1.home-header {
  margin-bottom: 24px;
}
.shopup-style.home .main .home-body .login-problem {
  color: #fff;
  text-decoration: underline;
  font-size: 12px;
}
@media (max-width: 1200px) {
  .shopup-style.home .main .home-body h1.home-header {
    width: 500px;
    margin-bottom: 15px;
    margin-top: 0px;
  }
  .shopup-style.home .main .home-body p {
    width: 500px;
    margin: 6px 0px 15px;
    padding-top: 10px;
  }
  .shopup-style.home .main .home-body button {
    margin-top: 10px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .main .home-body {
    text-align: center;
  }
  .shopup-style.home .main .home-body h1.home-header {
    width: 100%;
    margin: 0px 0px 8px 0px;
    text-align: center;
    display: inline-block;
  }
  .shopup-style.home .main .home-body p {
    width: 100%;
    margin: 6px 0px 6px;
    text-align: center;
    display: inline-block;
  }
  .shopup-style.home .main .home-body button {
    margin-top: 10px;
    text-align: center;
    display: inline;
  }
}
.shopup-style.home .main .app_screens {
  height: 1400px;
}
.shopup-style.home header {
  height: 75px;
  width: 100%;
}
@media (max-width: 420px) {
  .shopup-style.home header {
    height: 40px;
  }
}
.shopup-style.home header.not-transparent {
  background: #00bbd3;
}
.shopup-style.home header .header-holder {
  display: table;
  height: 100%;
}
.shopup-style.home header .header-holder .vertical-center {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}
.shopup-style.home header .header-holder .logo {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/ef9aeea8ff3b560009d0f611886d3f7a.png) no-repeat center;
  background-size: 132px;
  width: 132px;
  height: 100%;
  display: block;
  float: left;
  image-rendering: -webkit-optimize-contrast;
}
.shopup-style.home header .header-holder .small-logo {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/544a8109909dd188cd2bcbd40253b3d9.png) no-repeat left center;
  background-size: 31px 40px;
  width: 31px;
  height: 100%;
  display: block;
  float: left;
  image-rendering: -webkit-optimize-contrast;
}
.shopup-style.home header .header-holder .logo-black {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/a5fa653a270b0a0e68d3327b37d6f70e.png) no-repeat center;
  background-size: cover;
  image-rendering: -webkit-optimize-contrast;
}
.shopup-style.home header .header-holder .home-nav,
.shopup-style.home header .header-holder .home-nav-small {
  display: table;
  float: right;
  height: 100%;
  margin: 0px;
}
@media (max-width: 992px) {
  .shopup-style.home header .header-holder .home-nav,
  .shopup-style.home header .header-holder .home-nav-small {
    display: none;
  }
}
.shopup-style.home header .header-holder .home-nav-small {
  margin-right: 15px;
}
@media (min-width: 992px) {
  .shopup-style.home header .header-holder .home-nav-small {
    display: none;
  }
}
@media (max-width: 992px) {
  .shopup-style.home header .header-holder .home-nav-small {
    display: table;
  }
}
.shopup-style.home header .header-holder .get-started-button {
  display: table;
  float: right;
  height: 100%;
  margin: 0px;
}
@media (min-width: 992px) {
  .shopup-style.home header .header-holder .get-started-button {
    display: none;
  }
}
.shopup-style.home header .header-holder .home-nav ul,
.shopup-style.home header .header-holder .home-nav-small ul {
  list-style-type: none;
  display: table-row;
  height: 100%;
}
.shopup-style.home header .header-holder .home-nav ul .login-button-facebook,
.shopup-style.home header .header-holder .home-nav-small ul .login-button-facebook {
  display: inline-block;
  margin-left: 10px;
  width: 236px;
  height: 40px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/caecd52be13340279c320147b8173a0d.png) no-repeat;
  background-size: 236px 40px;
  cursor: pointer;
}
@media (max-width: 992px) {
  .shopup-style.home header .header-holder .home-nav ul .login-button-facebook,
  .shopup-style.home header .header-holder .home-nav-small ul .login-button-facebook {
    background-size: 167px 28px;
    width: 167px;
    height: 28px;
    margin-top: 5px;
  }
}
.shopup-style.home header .header-holder .home-nav ul li,
.shopup-style.home header .header-holder .home-nav-small ul li {
  list-style: none;
  font-size: 15px;
  font-family: 'Roboto', Sans Serif, helvetica;
  font-weight: normal;
  padding-left: 22px;
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  /*a:hover {
              color:@csteal;
            }*/
}
.bn .shopup-style.home header .header-holder .home-nav ul li,
.bn .shopup-style.home header .header-holder .home-nav-small ul li {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.shopup-style.home header .header-holder .home-nav ul li.seperator span,
.shopup-style.home header .header-holder .home-nav-small ul li.seperator span {
  display: block;
  width: 1px;
  height: 20px;
  background: white;
  opacity: 0.6;
}
.shopup-style.home header .header-holder .home-nav ul li span.icon,
.shopup-style.home header .header-holder .home-nav-small ul li span.icon {
  margin-right: 5px;
}
.shopup-style.home header .header-holder .home-nav ul li span.micon,
.shopup-style.home header .header-holder .home-nav-small ul li span.micon {
  width: 21px;
  height: 21px;
  background-size: 21px 21px;
  margin-right: 5px;
  float: left;
}
.shopup-style.home header .header-holder .home-nav ul li span.mtext,
.shopup-style.home header .header-holder .home-nav-small ul li span.mtext {
  margin-left: 5px;
  font-size: 14px;
}
.bn .shopup-style.home header .header-holder .home-nav ul li span.mtext,
.bn .shopup-style.home header .header-holder .home-nav-small ul li span.mtext {
  margin-top: 4px;
  line-height: 1.8;
}
.shopup-style.home header .header-holder .home-nav ul li .table-d,
.shopup-style.home header .header-holder .home-nav-small ul li .table-d {
  display: table;
}
.shopup-style.home header .header-holder .home-nav ul li .table-d span,
.shopup-style.home header .header-holder .home-nav-small ul li .table-d span {
  display: table-cell;
  vertical-align: middle;
}
.shopup-style.home header .header-holder .home-nav-burger {
  display: none;
  vertical-align: middle;
  width: 22px;
}
.shopup-style.home header .header-holder .home-nav-burger .home-nav-burger-menu {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/84e9b362c63cec41e1988d41599c813f.png) no-repeat center;
  background-size: 22px;
  display: block;
  width: 22px;
  height: 100%;
}
.shopup-style.home header .header-holder .home-nav-burger .home-nav-burger-menu.bg-cross {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/e4e9268e400887e64938ad306384cac2.png) no-repeat center;
}
@media (max-width: 992px) {
  .shopup-style.home header .header-holder .home-nav-burger {
    display: table;
    height: 100%;
    float: right;
    margin: 0px;
  }
}
.shopup-style.home .main.home-bg {
  position: relative;
  overflow: hidden;
}
.shopup-style.home .main.home-bg:after {
  z-index: -9;
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  background: #00bbd3;
  height: 60%;
  border-bottom-left-radius: 95% 190%;
  border-bottom-right-radius: 95% 191%;
  background-image: radial-gradient(circle at bottom, rgba(77, 208, 225, 0.75), #00bbd3, #00bbd3 600px);
}
.shopup-style.home .main.home-bg:before {
  z-index: -8;
  content: '';
  position: absolute;
  top: 0;
  left: -50%;
  width: 200%;
  height: 60%;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/5241787bead3e108041c8937ef207085.png) no-repeat;
  background-position: 50% 99%;
  opacity: 0.8;
  /*@media (max-width: 1144px) {
        //height: 50%;
        background-position: center;
      }*/
}
.shopup-style.home .main.home-bg.big:after {
  background-image: radial-gradient(circle at bottom, rgba(77, 208, 225, 0.75), #00bbd3, #00bbd3 800px);
}
.shopup-style.home .main.home-bg.big:before,
.shopup-style.home .main.home-bg.big:after {
  height: 90%;
}
@media (max-width: 1144px) {
  .shopup-style.home .main.home-bg.big:before,
  .shopup-style.home .main.home-bg.big:after {
    height: 95%;
  }
}
.shopup-style.home .main.home-bg.fixed {
  height: 370px;
}
.shopup-style.home .main.home-bg.fixed.bigger:before,
.shopup-style.home .main.home-bg.fixed.bigger:after {
  height: 95%;
}
@media (max-width: 1144px) {
  .shopup-style.home .main.home-bg:before,
  .shopup-style.home .main.home-bg:after {
    height: 50%;
  }
}
.shopup-style.home .main.home-bg.bkash-bg:after {
  background-image: radial-gradient(circle at bottom, #E5407A, #E5407A, #E5407A 800px);
}
.shopup-style.home .main.home-bg.daraz-bg:after {
  background-image: radial-gradient(circle at bottom, #2e2e54, #2e2e54, #2e2e54 800px);
}
.shopup-style.home .main.home-bg.daraz-bg:before {
  opacity: 0.2;
}
.shopup-style.home .main.home-bg.e-cab-bg:after {
  background-image: radial-gradient(circle at bottom, #2e4496, #2e4496, #2e4496 800px);
}
.shopup-style.home .main.home-bg.e-cab-bg:before {
  opacity: 0.2;
}
.shopup-style.home .main.home-bg2 {
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/ad915987952c72e57a6b7fdef41eaeca.png) no-repeat right;
  background-size: 100%;
  background-position: top;
}
@media (min-width: 768px) {
  .shopup-style.home .main.home-bg2 {
    background-position: 0 -20px;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .main.home-bg2 {
    background-position: 0 0;
  }
}
@media (min-width: 1200px) {
  .shopup-style.home .main.home-bg2 {
    background-position: 0 -100px;
  }
}
@media (min-width: 1400px) {
  .shopup-style.home .main.home-bg2 {
    background-position: 0 -200px;
  }
}
@media (min-width: 1600px) {
  .shopup-style.home .main.home-bg2 {
    background-position: 0 -200px;
  }
}
.shopup-style.home .other-pages-head {
  background: #00bbd3;
  color: white;
  height: 320px;
  width: 100%;
  display: table;
}
.shopup-style.home .other-pages-head h1,
.shopup-style.home .other-pages-head h2,
.shopup-style.home .other-pages-head h3,
.shopup-style.home .other-pages-head h4,
.shopup-style.home .other-pages-head h5,
.shopup-style.home .other-pages-head h6,
.shopup-style.home .other-pages-head p {
  margin: 0px;
}
.shopup-style.home .other-pages-head .container-home {
  height: 100%;
  display: table;
}
.shopup-style.home .other-pages-head .content {
  width: 100%;
  box-sizing: border-box;
  padding: 0px 0px;
  display: table;
  height: 100%;
}
.shopup-style.home .other-pages-head .content .v-m {
  display: table-cell;
  vertical-align: middle;
}
.shopup-style.home .other-pages-head .content.feature p {
  max-width: 500px;
}
@media (max-width: 768px) {
  .shopup-style.home .other-pages-head .content.feature p {
    margin: 0px auto;
  }
}
.shopup-style.home .other-pages-head .content.offer p {
  max-width: 670px;
}
.shopup-style.home .other-pages-head .content.offer h1 {
  letter-spacing: -0.25px;
  line-height: 1.15;
  padding-bottom: 2px;
}
.shopup-style.home .other-pages-head .content.tutorial p {
  max-width: 532px;
}
.shopup-style.home .other-pages-head .content.tutorial h1 {
  letter-spacing: -0.25px;
  line-height: 1.15;
  padding-bottom: 2px;
}
@media (max-width: 768px) {
  .shopup-style.home .other-pages-head .content {
    text-align: center;
  }
}
.shopup-style.home .other-pages-head .content h1 {
  width: 100%;
  padding-bottom: 6px;
}
.shopup-style.home .home-options {
  padding-top: 20px;
  text-align: center;
}
.shopup-style.home .home-options .box-holder {
  display: inline-block;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  .shopup-style.home .home-options .box-holder {
    width: 100%;
  }
}
.shopup-style.home .home-options .bkash-stores {
  margin: 20px 0px;
  display: flow-root;
}
.shopup-style.home .home-options .bkash-stores .each-elements {
  margin: 20px;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .bkash-stores .each-elements {
    height: 240px;
    width: 45%;
    float: left;
    margin: 0px;
    margin-bottom: 20px;
  }
  .shopup-style.home .home-options .bkash-stores .each-elements.left {
    margin-left: 10px;
  }
  .shopup-style.home .home-options .bkash-stores .each-elements.right {
    margin-right: 10px;
  }
}
@media (max-width: 320px) {
  .shopup-style.home .home-options .bkash-stores .each-elements {
    width: 45%;
    float: left;
    height: 146px;
    margin: 0px;
    margin-bottom: 20px;
  }
  .shopup-style.home .home-options .bkash-stores .each-elements.left {
    margin-left: 10px;
  }
  .shopup-style.home .home-options .bkash-stores .each-elements.right {
    margin-right: 10px;
  }
}
.shopup-style.home .home-options .bkash-stores .each-elements .normal {
  display: block;
  text-align: center;
}
.shopup-style.home .home-options .bkash-stores .each-elements .normal img {
  width: 60px;
  margin: 0 auto;
  margin-top: 30px;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .bkash-stores .each-elements .normal img {
    display: block;
  }
}
.shopup-style.home .home-options .bkash-stores .each-elements .normal p {
  font-family: 'Futura', Sans Serif, helvetica;
  font-weight: bold;
  font-size: 18px;
  width: 245px;
  margin: 0 auto;
  padding-top: 25px;
  color: #03d4df !important;
  padding: 20px 10px;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .bkash-stores .each-elements .normal p {
    width: 90%;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .shopup-style.home .home-options .bkash-stores .each-elements .normal p {
    width: 90%;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    line-height: 125%;
  }
}
.shopup-style.home .home-options .bkash-stores .each-elements .bkash-btn {
  margin-top: 10px;
}
@media (max-width: 320px) {
  .shopup-style.home .home-options .bkash-stores .each-elements .bkash-btn {
    display: none;
  }
}
.shopup-style.home .home-options .bkash-condition {
  display: inline-block;
  width: 100%;
}
.shopup-style.home .home-options .bkash-condition .bkash-color {
  color: #e5407a;
  padding-right: 5px;
}
.shopup-style.home .home-options .bkash-condition .circle {
  border: 2px solid #1111a1;
  padding: 10px 40px;
  background: #dddddd;
  width: 1px;
  height: 60px;
  border-radius: 100px;
  transform: scale(0.5, 0.5);
}
.shopup-style.home .home-options .bkash-condition .normal {
  float: left;
  font-size: 12px !important;
  letter-spacing: 1px;
}
.shopup-style.home .home-options .each-elements {
  float: left;
  margin-left: 26px;
  width: 265px;
  height: 240px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .each-elements {
    height: auto;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
  }
}
.shopup-style.home .home-options .each-elements:first-child {
  margin-left: 0;
  margin-top: 0;
}
@media (max-width: 1200px) {
  .shopup-style.home .home-options .each-elements {
    width: 47%;
    margin-left: 6%;
    margin-top: 26px;
  }
  .shopup-style.home .home-options .each-elements:first-child {
    margin-left: 0;
  }
  .shopup-style.home .home-options .each-elements:nth-child(2) {
    margin-top: 0;
  }
  .shopup-style.home .home-options .each-elements:nth-child(3) {
    margin-left: 0;
  }
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .each-elements {
    width: 100%;
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    margin-top: 26px;
  }
  .shopup-style.home .home-options .each-elements:first-child {
    margin-left: 0;
  }
  .shopup-style.home .home-options .each-elements:nth-child(2) {
    margin-top: 26px;
  }
}
.shopup-style.home .home-options .each-elements .learn-more {
  margin: 0 0 20px 0;
}
@media (min-width: 630px) {
  .shopup-style.home .home-options .each-elements .learn-more {
    display: none;
  }
}
.shopup-style.home .home-options .each-elements .show-normal {
  display: block;
  text-align: center;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .each-elements .show-normal {
    display: none;
  }
}
.shopup-style.home .home-options .each-elements .show-normal img {
  width: 100px;
  margin: 0 auto;
  margin-top: 40px;
}
.shopup-style.home .home-options .each-elements .show-normal .eloan-img {
  margin-top: 80px;
  width: 190px;
}
.shopup-style.home .home-options .each-elements .show-normal p {
  font-family: 'Futura', Sans Serif, helvetica;
  font-weight: bold;
  font-size: 18px;
  width: 145px;
  margin: 0 auto;
  padding-top: 25px;
}
.shopup-style.home .home-options .each-elements .show-on-hover {
  display: none;
  text-align: center;
  padding: 25px 20px 20px 20px;
  transition-property: all;
  transition-property: transform;
}
@media (max-width: 630px) {
  .shopup-style.home .home-options .each-elements .show-on-hover {
    display: block;
  }
}
.shopup-style.home .home-options .each-elements .show-on-hover img {
  width: 100px;
}
@media (min-width: 630px) {
  .shopup-style.home .home-options .each-elements .show-on-hover img {
    display: none;
  }
}
.shopup-style.home .home-options .each-elements .show-on-hover h5 {
  margin-top: 30px;
  font-family: 'Futura', Sans Serif, helvetica;
  font-weight: bold;
}
.shopup-style.home .home-options .each-elements .show-on-hover p {
  color: #616161;
}
.shopup-style.home .home-options .each-elements:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.shopup-style.home .home-options .each-elements:hover .show-on-hover {
  display: block;
}
.shopup-style.home .home-options .each-elements:hover .show-normal {
  display: none;
}
.shopup-style.home .site-body {
  overflow: hidden;
}
.shopup-style.home .site-body h1,
.shopup-style.home .site-body h2,
.shopup-style.home .site-body h3,
.shopup-style.home .site-body h4,
.shopup-style.home .site-body h5,
.shopup-style.home .site-body h6,
.shopup-style.home .site-body p {
  margin: 0px;
}
.shopup-style.home .site-body .text-center {
  text-align: center;
}
.shopup-style.home .site-body .feature-container {
  float: left;
  width: 100%;
}
.shopup-style.home .site-body.border-bottom {
  border-bottom: 1px solid #dfdfdf;
}
.shopup-style.home .site-body .container-home {
  overflow: hidden;
  box-sizing: border-box;
}
.shopup-style.home .site-body .app-screens > .flexWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse;
  text-align: center;
}
.shopup-style.home .site-body .app-screens > .flexWrap .title {
  margin: 0 0 10px 0;
}
.shopup-style.home .site-body .app-screens > .flexWrap .appinfos {
  flex: 10;
}
.shopup-style.home .site-body .app-screens > .flexWrap .appinfos .app-subtag {
  margin-bottom: 30px;
}
.shopup-style.home .site-body .app-screens > .flexWrap .appinfos a.play-link {
  width: 210px;
  height: 76px;
  background-size: 210px 66px;
  display: inline-block;
}
.shopup-style.home .site-body .app-screens > .flexWrap .screens {
  margin-bottom: 30px;
  flex: 6;
}
.shopup-style.home .site-body .app-screens > .flexWrap .screens > img {
  width: 100%;
}
@media (min-width: 768px) {
  .shopup-style.home .site-body .app-screens > .flexWrap {
    flex-direction: row;
    padding: 30px 0;
    text-align: left;
  }
  .shopup-style.home .site-body .app-screens > .flexWrap .title {
    margin: 0 70px 10px 0;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .site-body .app-screens > .flexWrap {
    flex-direction: row;
    padding: 30px 70px;
  }
}
.shopup-style.home .site-body .required-docs h3 {
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 20px;
}
.shopup-style.home .site-body .required-docs .docList {
  r: 0;
}
.shopup-style.home .site-body .required-docs .docList > div {
  /* money + identity */
  margin-bottom: 25px;
}
.shopup-style.home .site-body .required-docs .docList > div > h4 {
  font-weight: 300;
  font-size: 16px;
  margin-bottom: 10px;
  color: #212121;
}
.shopup-style.home .site-body .required-docs .docList > div .listWithIcons {
  r: 0;
}
.shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc img {
  display: none;
}
.shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc .title {
  padding-left: 45px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/f569c9633413aab564e24ceae3829558.png) no-repeat;
  background-position: 2px 4px;
  margin-bottom: 15px;
}
.shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc .hint {
  color: #777;
  font-size: 13px;
  line-height: 18px;
}
@media (min-width: 768px) {
  .shopup-style.home .site-body .required-docs .docList {
    display: flex;
  }
  .shopup-style.home .site-body .required-docs .docList > .money {
    margin-right: 12px;
  }
  .shopup-style.home .site-body .required-docs .docList > div {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .shopup-style.home .site-body .required-docs {
    padding: 30px 0;
  }
  .shopup-style.home .site-body .required-docs h3 {
    margin: 0 0 40px;
    font-weight: 600;
  }
  .shopup-style.home .site-body .required-docs .docList > .money {
    margin-right: 100px;
    padding-right: 50px;
    border-right: 2px solid #DDD;
    flex: 1;
  }
  .shopup-style.home .site-body .required-docs .docList > .identity {
    flex: 3;
  }
  .shopup-style.home .site-body .required-docs .docList > div > h4 {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .shopup-style.home .site-body .required-docs .docList > div .listWithIcons {
    display: flex;
  }
  .shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc {
    flex: 1;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc img {
    display: inline-block;
    width: 120px;
    margin-bottom: 12px;
  }
  .shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc .title {
    background: none;
    padding-left: 0;
    text-align: center;
    max-width: 80%;
  }
  .shopup-style.home .site-body .required-docs .docList > div .listWithIcons .eachDoc .title .hint {
    margin-top: 5px;
  }
}
.shopup-style.home .site-body .eloan-accordion {
  padding: 40px 15px;
}
.shopup-style.home .site-body .eloan-accordion .section-header {
  text-align: center;
}
.shopup-style.home .site-body .eloan-accordion .panel-group {
  margin-bottom: 10px;
}
.shopup-style.home .site-body .eloan-accordion .parent-header {
  display: flex;
  padding: 14px 15px;
  border-radius: 5px;
  background-color: #f9f9f9;
}
.shopup-style.home .site-body .eloan-accordion .parent-header > img {
  width: 31px;
  height: 31px;
}
.shopup-style.home .site-body .eloan-accordion .parent-header > span {
  font-size: 17px;
  margin-left: 12px;
  margin-top: 4px;
}
.shopup-style.home .site-body .eloan-accordion .child-header {
  display: flex;
  margin-left: 15px;
  padding: 10px 0;
}
.shopup-style.home .site-body .eloan-accordion .child-header > img {
  width: 32px;
  height: 32px;
}
.shopup-style.home .site-body .eloan-accordion .child-header > span {
  margin: 3px 0 0 6px;
  font-size: 17px;
}
.shopup-style.home .site-body .eloan-accordion .child-body {
  margin-left: 52px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 300;
}
.shopup-style.home .site-body .eloan-accordion .helpline {
  font-size: 17px;
  margin: 18px 0 0;
}
@media (min-width: 768px) {
  .shopup-style.home .site-body .eloan-accordion {
    padding: 44px 15px;
  }
  .shopup-style.home .site-body .eloan-accordion .section-header {
    text-align: left;
    margin-bottom: 30px;
  }
  .shopup-style.home .site-body .eloan-accordion .helpline {
    margin: 25px 0 0;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .site-body .eloan-accordion {
    padding: 75px 0;
  }
}
.shopup-style.home .site-body.testimonial-slider {
  background-color: #5c6bbf;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide {
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide > .detail {
  text-align: center;
  padding: 30px 0 65px;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide .sellerPhoto {
  display: none;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide .shopName {
  font-size: 22px;
  margin-bottom: 17px;
  margin-top: 25px;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide .shopName .newtab {
  margin-left: 5px;
}
.shopup-style.home .site-body.testimonial-slider .oneSlide .quote {
  font-size: 27px;
  line-height: 35px;
  margin-bottom: 18px;
}
.shopup-style.home .site-body.testimonial-slider .videoLink {
  color: #ffc829;
  font-size: 17px;
  vertical-align: top;
  margin: 5px 0 0 5px;
  display: inline-block;
}
.shopup-style.home .site-body.testimonial-slider .carousel-indicators {
  bottom: 24px;
  left: initial;
  right: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.shopup-style.home .site-body.testimonial-slider .carousel-indicators li {
  margin: 0 3px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.26);
}
.shopup-style.home .site-body.testimonial-slider .carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #FFF;
}
@media (min-width: 768px) {
  .shopup-style.home .site-body.testimonial-slider .oneSlide {
    justify-content: flex-start;
    align-items: flex-end;
  }
  .shopup-style.home .site-body.testimonial-slider .oneSlide > .detail {
    text-align: left;
    margin-left: 48px;
    margin-bottom: 100px;
    padding: 0;
  }
  .shopup-style.home .site-body.testimonial-slider .oneSlide .sellerPhoto {
    height: 338px;
    display: inline-block;
    margin-top: 80px;
  }
  .shopup-style.home .site-body.testimonial-slider .carousel-indicators {
    bottom: 40px;
    left: initial;
    right: 0;
    text-align: left;
    width: 49.7%;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .site-body.testimonial-slider .oneSlide {
    justify-content: center;
    align-items: center;
  }
  .shopup-style.home .site-body.testimonial-slider .oneSlide > .detail {
    width: 40%;
    margin-left: 60px;
    margin-bottom: 30px;
  }
  .shopup-style.home .site-body.testimonial-slider .oneSlide .sellerPhoto {
    height: 435px;
    margin-top: 30px;
  }
  .shopup-style.home .site-body.testimonial-slider .carousel-indicators {
    width: 45.4%;
  }
}
@media (min-width: 1200px) {
  .shopup-style.home .site-body.testimonial-slider .carousel-indicators {
    width: 49.7%;
    bottom: 68px;
  }
}
.shopup-style.home .site-body .content {
  padding: 80px 0px;
  float: left;
  width: 100%;
  background: white;
}
.shopup-style.home .site-body .content p {
  line-height: 24px;
}
.shopup-style.home .site-body .content.no-padding {
  padding: 0px;
}
.shopup-style.home .site-body .content.padding-40 {
  padding: 50px 0;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content.padding-40 {
    padding: 40px 0;
  }
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content.padding-40 {
    padding: 20px 0;
  }
}
.shopup-style.home .site-body .content .questions {
  float: left;
  width: 100%;
  padding-bottom: 0px;
  background: white;
}
.shopup-style.home .site-body .content .questions .question {
  float: left;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  cursor: pointer;
  background: white;
  transition: padding-bottom 0.2s ease-in;
  padding-bottom: 0;
  /* transition: padding-bottom 0.25s ease-in;
          transition-delay: 0.25s;*/
}
.shopup-style.home .site-body .content .questions .question:last-child {
  border-bottom: none;
}
.shopup-style.home .site-body .content .questions .question h6 {
  padding: 27px 45px;
  width: 100%;
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/ba77cde773ada6918f4e12b21cd5358f.png) no-repeat left 15px center;
  background-size: 15px;
  box-sizing: border-box;
}
.shopup-style.home .site-body .content .questions .question p {
  max-height: 0;
  transition: max-height 0.1s ease-in;
  padding-left: 45px;
  width: 100%;
  display: block;
  float: left;
  background: white;
  box-sizing: border-box;
}
.shopup-style.home .site-body .content .questions .question p span {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  font-weight: 300;
}
.shopup-style.home .site-body .content .questions .question.active {
  padding-bottom: 27px;
  transition: padding-bottom 0.25s ease-in;
}
.shopup-style.home .site-body .content .questions .question.active p {
  max-height: 500px;
  transition: max-height 0.5s ease-in;
  visibility: inherit;
}
.shopup-style.home .site-body .content .questions .question.active h6 {
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/696393b51068c03d0ff25e39694a850f.png) no-repeat left 15px center;
  background-size: 15px;
}
.shopup-style.home .site-body .content .questions .question:last-child p {
  visibility: hidden;
}
.shopup-style.home .site-body .content .questions .question.active:last-child p {
  visibility: inherit;
}
.shopup-style.home .site-body .content .offer-details {
  float: left;
  width: 100%;
}
.shopup-style.home .site-body .content .offer-details .or {
  background: #dddddd;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #fbcc1a;
  text-align: center;
  display: table;
  margin: auto;
}
.shopup-style.home .site-body .content .offer-details .or span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.shopup-style.home .site-body .content .offer-details .each-offer {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 75px;
}
.shopup-style.home .site-body .content .offer-details .each-offer:last-child {
  padding-bottom: 0;
}
.shopup-style.home .site-body .content .offer-details .each-offer:first-child {
  padding-bottom: 0;
}
.shopup-style.home .site-body .content .offer-details .each-offer .image-block {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  max-width: 100%;
  box-sizing: border-box;
  /*&.right {
              float: right;
            }*/
}
.shopup-style.home .site-body .content .offer-details .each-offer .image-block img {
  width: 100%;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .offer-details .each-offer .image-block {
    display: block;
    width: 100%;
    float: right;
    padding-top: 22px;
  }
}
.shopup-style.home .site-body .content .offer-details .each-offer .text-block {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 50px;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .offer-details .each-offer .text-block {
    display: block;
    width: 100%;
    float: right;
    padding-left: 0;
    text-align: center;
  }
}
.shopup-style.home .site-body .content .offer-details .each-offer .text-block p {
  color: #606060;
  padding-top: 22px;
  line-height: 30px;
}
.shopup-style.home .site-body .content .offer-details .each-offer .text-block.right {
  padding-right: 50px;
  padding-left: 0;
  text-align: right;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .offer-details .each-offer .text-block.right {
    padding-right: 0;
    text-align: center;
  }
}
.shopup-style.home .site-body .content .offer-details .omargin-top {
  margin-top: 30px;
}
.shopup-style.home .site-body .content .offer-details .omargin-bottom {
  margin-bottom: 30px;
}
.shopup-style.home .site-body .content .search-shops-holder {
  background: #fafafa;
  border-bottom: #dfdfdf 1px solid;
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops {
  width: 100%;
  height: 78px;
  display: table;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops {
    height: auto;
    display: block;
    padding: 15px 0;
  }
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-text {
  width: 300px;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  color: #606060;
  font-size: 18px;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops .search-text {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box {
  width: 400px;
  text-align: right;
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 1000px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box {
    width: 350px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box {
    width: 100%;
    display: block;
  }
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form {
  position: relative;
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form .search-shop {
  width: 400px;
  height: 40px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  padding-left: 15px;
  padding-right: 38px;
  font-size: 15px;
  box-sizing: border-box;
}
@media (max-width: 1000px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form .search-shop {
    width: 350px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form .search-shop {
    width: 100%;
    margin-top: 15px;
    padding-left: 15px;
    box-sizing: border-box;
  }
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form .search-submit {
  position: absolute;
  cursor: pointer;
  right: 16px;
  bottom: 10px;
  width: 19px;
  height: 20px;
  border: none;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/15f9aeeb448d7385ce044b81db3f6d07.png) no-repeat center;
}
.shopup-style.home .site-body .content .search-shops-holder .search-shops .search-box .search-form .search-submit.search-close {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/29c10642cf37c037aa9c6318f7a6c9fa.png) no-repeat center;
  background-size: 19px;
}
.shopup-style.home .site-body .content .shops .shop {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
  text-align: left;
}
.shopup-style.home .site-body .content .shops .shop:last-child {
  padding-bottom: 25px;
  border-bottom: none;
}
.shopup-style.home .site-body .content .shops .shop .each-shop {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  padding: 65px 15px;
  width: 100%;
  display: table;
}
@media (min-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop {
    width: 1500px;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block {
  float: left;
  width: 30%;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .left-block {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .left-block {
    text-align: center;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block img {
  width: 80px;
  border-radius: 4px;
  border: 1px solid rgba(216, 216, 216, 0.3);
  -webkit-background-clip: padding-box;
  /* for Safari */
  background-clip: padding-box;
  /* for IE9+, Firefox 4+, Opera, Chrome */
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .left-block img {
    width: 60px;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block h3 {
  color: #333333;
  font-weight: normal;
  margin-top: 16px;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings {
  float: left;
  margin-top: 10px;
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings {
    display: inline-block;
    margin: 10px auto 0 auto;
    width: 147px;
    float: none;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings .number {
  float: left;
  margin: 0;
  font-size: 18px;
  color: #4080ff;
  line-height: 18px;
  margin-right: 4px;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings .sprite-holder {
  float: left;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings .sprite-holder .star-ratings-sprite {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/73eb03662440defa36dab2546c76b8c5.png) repeat-x;
  background-size: 24px 36px;
  font-size: 0;
  height: 18px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 117px;
  position: relative;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .ratings .sprite-holder .star-ratings-sprite-rating {
  position: absolute;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/73eb03662440defa36dab2546c76b8c5.png) repeat-x;
  background-size: 24px 36px;
  background-position: left 0 bottom -1px;
  height: 16px;
  display: block;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block .no-rating {
  color: #acacac;
  font-weight: 500;
  font-size: 15px;
  width: 100%;
  margin-top: 16px;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .left-block a.visit {
  width: 100%;
  float: left;
  color: #03d4df;
  margin-top: 16px;
  font-weight: 500;
  font-size: 15px;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block {
  float: left;
  width: 70%;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block {
    width: 100%;
    box-sizing: border-box;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block p {
  float: left;
  width: 100%;
  color: #606060;
  font-weight: normal;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block p {
    margin-top: 16px;
    width: 58%;
  }
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block p {
    text-align: center;
    width: 100%;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder {
  width: 100%;
  float: left;
  margin-top: 20px;
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder {
    float: none;
    width: auto;
    text-align: center;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
  width: 100%;
  max-width: 185px;
  height: 146px;
  display: inline-block;
  vertical-align: middle;
  float: left;
  overflow: hidden;
  border-radius: 4px;
  margin-right: 2%;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder.no-product {
  background: #d8d8d8;
  background: #d8d8d8 url(https://d118vismjsp9sl.cloudfront.net/assets/dda4cc99dbf0043abc597b4c36ec3926.png) no-repeat center;
  background-size: 70px;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder:last-child {
  margin-right: 0;
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder.no-margin {
  margin-top: 0;
}
@media (max-width: 1200px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
    max-width: 140px;
  }
}
@media (max-width: 992px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
    max-width: 118px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
    max-width: 100px;
  }
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
    text-align: center;
    width: auto;
  }
}
@media (max-width: 480px) {
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder {
    /*margin: 0 auto;*/
    display: inline-block;
    width: 22%;
    float: none;
    text-align: center;
    margin-left: 0;
    margin-right: 2%;
    margin-top: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
    height: auto;
  }
  .shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder img {
    margin-bottom: 0;
    vertical-align: bottom;
  }
}
.shopup-style.home .site-body .content .shops .shop .each-shop .right-block .images-holder .image-holder img {
  width: 100%;
}
.shopup-style.home .site-body .content .terms {
  padding-top: 30px;
  padding-bottom: 68px;
}
.shopup-style.home .site-body .content .terms + p {
  padding-top: 76px;
}
.shopup-style.home .site-body .content .terms > p {
  padding: 50px 0 30px 0;
}
.shopup-style.home .site-body .content .terms > p.small span {
  font-size: 15px;
  color: #606060;
  line-height: 24px;
  font-weight: normal;
}
.shopup-style.home .site-body .content .terms > p ~ p {
  padding-top: 20px;
}
.shopup-style.home .site-body .content .terms > p span {
  font-weight: bold;
  color: #333333;
  font-size: 18px;
}
.shopup-style.home .site-body .content .terms > ol li {
  padding-bottom: 10px;
}
.shopup-style.home .site-body .content .terms > ol li span {
  font-size: 15px;
  color: #606060;
  line-height: 24px;
}
.shopup-style.home .site-body .content .terms ol {
  padding-left: 40px;
}
.shopup-style.home .site-body .content .terms ul {
  list-style: none;
  padding-left: 30px;
}
.shopup-style.home .site-body .content .terms ul li {
  font-size: 15px;
  color: #606060;
  line-height: 24px;
  padding-bottom: 15px;
}
.shopup-style.home .site-body .content .terms ul li ul {
  padding-top: 10px;
}
.shopup-style.home .site-body .content .privacy {
  padding-top: 30px;
  padding-bottom: 80px;
}
.shopup-style.home .site-body .content .privacy > p {
  padding-top: 10px;
}
.shopup-style.home .site-body .content .privacy > p span {
  color: #606060;
  font-size: 15px;
  line-height: 24px;
}
.shopup-style.home .site-body .content .privacy > p.head {
  padding-top: 50px;
}
.shopup-style.home .site-body .content .privacy > p.head span {
  font-size: 18px;
  color: #333333;
}
.shopup-style.home .site-body .content .methods {
  display: inline-block;
}
.shopup-style.home .site-body .content .methods .method {
  /* float: left;*/
  display: table;
  padding: 25px 0;
}
.shopup-style.home .site-body .content .methods .method:first-child {
  padding-top: 50px;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method:first-child {
    padding-top: 40px;
  }
}
.shopup-style.home .site-body .content .methods .method:last-child {
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method {
    float: left;
    display: inline-block;
    padding: 20px 0;
  }
}
.shopup-style.home .site-body .content .methods .method .left {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method .left {
    float: left;
    display: inline-block;
  }
}
@media (max-width: 1200px) {
  .shopup-style.home .site-body .content .methods .method .left .details-holder {
    padding-right: 25px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method .left .details-holder {
    padding-right: 0;
  }
}
.shopup-style.home .site-body .content .methods .method .right {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method .right {
    float: left;
    display: inline-block;
  }
}
@media (max-width: 1200px) {
  .shopup-style.home .site-body .content .methods .method .right .details-holder {
    padding-left: 25px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method .right .details-holder {
    padding-left: 0;
  }
}
.shopup-style.home .site-body .content .methods .method .details {
  width: 35%;
  height: 100%;
}
.shopup-style.home .site-body .content .methods .method .details .details-holder {
  box-sizing: border-box;
  width: 100%;
  text-align: left;
}
.shopup-style.home .site-body .content .methods .method .details .details-holder p {
  padding-top: 10px;
}
.shopup-style.home .site-body .content .methods .method .image {
  width: 65%;
}
.shopup-style.home .site-body .content .methods .method .image img {
  width: 100%;
  max-width: 652px;
}
@media (max-width: 1200px) {
  .shopup-style.home .site-body .content .methods .method .details {
    width: 40%;
  }
  .shopup-style.home .site-body .content .methods .method .image {
    width: 60%;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .site-body .content .methods .method .details {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  .shopup-style.home .site-body .content .methods .method .details .details-holder {
    text-align: center;
  }
  .shopup-style.home .site-body .content .methods .method .image {
    width: 100%;
  }
  .shopup-style.home .site-body .content .methods .method .image img {
    max-width: 100%;
  }
}
.shopup-style.home .site-body .content .supers {
  display: inline-block;
  padding-top: 40px;
  padding-bottom: 100px;
}
@media (max-width: 1000px) {
  .shopup-style.home .site-body .content .supers {
    padding-bottom: 25px;
  }
}
.shopup-style.home .site-body .content .supers .super {
  width: 50%;
  padding: 30px 0;
  float: left;
  padding-right: 20px;
  box-sizing: border-box;
  height: 295px;
}
@media (max-width: 1000px) {
  .shopup-style.home .site-body .content .supers .super {
    width: 100%;
    padding-right: 0;
    height: auto;
    padding: 20px 0;
  }
}
.shopup-style.home .site-body .content .supers .super .logo {
  float: left;
  width: 100%;
}
.shopup-style.home .site-body .content .supers .super .logo img {
  width: 90px;
}
.shopup-style.home .site-body .content .supers .super h3 {
  float: left;
  width: 100%;
  margin-top: 20px;
}
.shopup-style.home .site-body .content .supers .super p {
  margin-top: 16px;
}
.shopup-style.home .site-body .content .loan-calculator {
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  padding: 10px 10px 20px 10px;
  margin-top: 10px;
}
@media (min-width: 1000px) {
  .shopup-style.home .site-body .content .loan-calculator {
    padding-top: 33px;
    margin-top: 33px;
  }
  .shopup-style.home .site-body .content .loan-calculator .input-holder {
    padding-bottom: 33px;
  }
  .shopup-style.home .site-body .content .loan-calculator .input-holder p {
    float: left;
    width: 50%;
    text-align: center;
  }
  .shopup-style.home .site-body .content .loan-calculator .input-holder .the-input {
    float: left;
  }
  .shopup-style.home .site-body .content .loan-calculator .input-holder .select {
    width: 30%;
  }
  .shopup-style.home .site-body .content .loan-calculator .input-holder .options {
    width: 500px;
  }
  .shopup-style.home .site-body .content .loan-calculator .double-input {
    width: 70%;
    display: block;
    margin: 0 auto;
  }
  .shopup-style.home .site-body .content .loan-calculator .double-input .input-holder {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 33px;
  }
  .shopup-style.home .site-body .content .loan-calculator .double-input .input-holder p {
    width: 100%;
    float: none;
    text-align: center;
  }
  .shopup-style.home .site-body .content .loan-calculator .double-input .input-holder p span {
    width: 100%;
    font-size: 42px;
    float: none;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
    color: #1d2129;
  }
  .shopup-style.home .site-body .content .loan-calculator .savings-block {
    display: none;
  }
}
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop {
  display: block;
  padding-bottom: 33px;
}
@media (max-width: 600px) {
  .shopup-style.home .site-body .content .loan-calculator .savings-block-desktop {
    display: none;
  }
}
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop table {
  width: 80%;
  text-align: center;
  margin: 10px auto;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop table tr {
  padding: 10px 0;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop table tr th,
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop table tr td {
  padding: 12px 0;
  border-bottom: 1px solid #dfdfdf;
  border-collapse: collapse;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block-desktop table tr th {
  color: #90949c;
}
.shopup-style.home .site-body .content .loan-calculator .head {
  padding-bottom: 5px;
  width: 100%;
  margin-top: 10px;
}
.shopup-style.home .site-body .content .loan-calculator .head span {
  font-size: inherit;
}
.shopup-style.home .site-body .content .loan-calculator .head span.blue-right {
  text-align: right;
  color: #00bbd3;
  float: right;
}
.shopup-style.home .site-body .content .loan-calculator .rzslider.shopup-slider {
  margin: 10px 0;
}
.shopup-style.home .site-body .content .loan-calculator .rzslider.shopup-slider .rz-bar {
  background-color: #dfe0e4;
}
.shopup-style.home .site-body .content .loan-calculator .rzslider.shopup-slider .rz-bar.rz-selection {
  background: #00bbd3;
}
.shopup-style.home .site-body .content .loan-calculator .rzslider.shopup-slider .rz-pointer {
  background-color: #00bbd3 !important;
}
.shopup-style.home .site-body .content .loan-calculator .rzslider.shopup-slider .rz-pointer:after {
  background-color: #00bbd3 !important;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block {
  margin-top: 10px;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .savings {
  background: #e3f4df;
  text-align: center;
  padding: 5px 0;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .savings .small {
  font-size: 13px;
  color: #90949c;
  padding-right: 5px;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .savings .big {
  font-size: 17px;
  color: #42b72a;
  padding-left: 5px;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month {
  background: #f9f9f9;
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  box-sizing: border-box;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month .block {
  float: left;
  width: 33%;
  border-right: 1px solid #dfdfdf;
  margin: 4px 0;
  text-align: center;
  padding-right: 2px;
  box-sizing: border-box;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month .block:last-child {
  border-right: none;
  padding-right: 0;
  box-sizing: border-box;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month .block:first-child {
  padding-right: 4px;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month .block .heading {
  font-size: 12px;
  color: #90949c;
}
.shopup-style.home .site-body .content .loan-calculator .savings-block .month .block .amount {
  font-size: 15px;
  color: #4B4F56;
}
.shopup-style.home .site-body .content .loan-calculator .input-holder .options {
  display: inline-block;
}
.shopup-style.home .site-body .content .loan-calculator .input-holder .options .option {
  float: left;
  width: 50%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.shopup-style.home .site-body .content .loan-calculator .input-holder .options .option label {
  font-size: 15px;
}
.shopup-style.home .site-body .content .loan-calculator a.center {
  margin: 0 auto;
  text-align: center;
  width: 100px;
  display: block;
  margin-top: 10px;
}
.shopup-style.home .shopup-block {
  background: #f9f9f9;
  padding: 33px 0;
  display: inline-block;
  width: 100%;
}
.shopup-style.home .shopup-block .logos {
  float: right;
  width: 48%;
  height: 120px;
}
.shopup-style.home .shopup-block .logos .brac-shopup-logo {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/56a819b5a543316972bab0cc18086c68.png) no-repeat;
  width: 467px;
  height: 100%;
  float: right;
  background-size: 467px 60px;
  background-position: center;
}
.shopup-style.home .shopup-block .message {
  float: left;
  width: 48%;
}
.shopup-style.home .shopup-block .message p {
  line-height: 25px;
  font-size: 17px;
}
@media (max-width: 990px) {
  .shopup-style.home .shopup-block .logos {
    width: 100%;
    float: left;
    height: 60px;
  }
  .shopup-style.home .shopup-block .logos .brac-shopup-logo {
    float: none;
    width: 234px;
    margin: 0 auto;
    background-size: 234px 30px;
  }
  .shopup-style.home .shopup-block .message {
    width: 100%;
    float: left;
    text-align: center;
  }
  .shopup-style.home .shopup-block .message h4 {
    display: none;
  }
}
.shopup-style.home .info-block {
  background: #5c6bbf;
  float: left;
  width: 100%;
  color: white;
}
.shopup-style.home .info-block h1,
.shopup-style.home .info-block h2,
.shopup-style.home .info-block h3,
.shopup-style.home .info-block h4,
.shopup-style.home .info-block h5,
.shopup-style.home .info-block h6,
.shopup-style.home .info-block p {
  margin: 0;
}
.shopup-style.home .info-block p {
  line-height: 25px;
  font-size: 17px;
}
.shopup-style.home .info-block .content {
  text-align: center;
  padding: 60px 0;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content {
    padding: 50px 0;
  }
}
.shopup-style.home .info-block .content h3 {
  padding-bottom: 10px;
  font-weight: normal;
  text-transform: uppercase;
}
.shopup-style.home .info-block .content h3.regular {
  font-weight: bold;
  text-transform: none;
}
.shopup-style.home .info-block .content .sbtn {
  margin-top: 20px;
  text-transform: uppercase;
}
.shopup-style.home .info-block .content.mobile {
  float: left;
  width: 100%;
  padding-bottom: 0;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content.mobile {
    padding-top: 0;
  }
}
.shopup-style.home .info-block .content.mobile .left-block {
  width: 50%;
  padding-top: 20px;
  float: left;
  text-align: center;
}
.shopup-style.home .info-block .content.mobile .left-block img {
  width: 328px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content.mobile .left-block {
    display: none;
  }
}
.shopup-style.home .info-block .content.mobile .right-block {
  width: 50%;
  height: 100%;
  float: left;
  padding-top: 100px;
  text-align: left;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content.mobile .right-block {
    width: 100%;
    text-align: center;
    padding: 80px 0;
  }
  .shopup-style.home .info-block .content.mobile .right-block h2 {
    padding-top: 0;
  }
}
.shopup-style.home .info-block .content.mobile .right-block p {
  padding-top: 25px;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content.mobile .right-block p {
    padding-top: 10px;
    padding-bottom: 20px;
  }
}
.shopup-style.home .info-block .content.mobile .right-block a {
  display: block;
  margin-top: 25px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/cc40d0a5e7ef1e5c82d8d64d8d4f6cc3.png) no-repeat;
  background-size: 189px 60px;
  width: 189px;
  height: 60px;
}
@media (max-width: 768px) {
  .shopup-style.home .info-block .content.mobile .right-block a {
    margin: 0 auto;
  }
}
.shopup-style.home .icon {
  display: inline-block;
  background-position: left center;
  background-size: 16px;
}
.shopup-style.home .footer-wrapper {
  background: #fbfbfb;
  display: block;
  float: left;
  width: 100%;
  margin-top: 50px;
  border-top: 1px solid #e5e5e5;
}
.shopup-style.home .footer-wrapper.no-margin-top {
  margin-top: 0;
}
.shopup-style.home .footer-wrapper footer.mobile {
  width: 100%;
}
@media (min-width: 1000px) {
  .shopup-style.home .footer-wrapper footer.mobile {
    display: none;
  }
}
.shopup-style.home .footer-wrapper footer.mobile .col-sm-3 {
  width: 25%;
  float: left;
  padding: 78px 0;
}
.shopup-style.home .footer-wrapper footer.mobile.top-border {
  border-top: 1px solid #e5e5e5;
}
.shopup-style.home .footer-wrapper footer.mobile h6 {
  color: #333333;
}
.shopup-style.home .footer-wrapper footer.mobile ul {
  list-style-type: none;
}
.shopup-style.home .footer-wrapper footer.mobile ul li {
  list-style: none;
  width: 100%;
  font-size: 15px;
  margin-top: 10px;
  color: #606060;
  float: left;
}
.shopup-style.home .footer-wrapper footer.mobile ul li a:hover {
  text-decoration: none;
  color: #333333;
}
.shopup-style.home .footer-wrapper footer.mobile ul li a.icon {
  padding-left: 26px;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper footer.mobile {
    padding: 0;
    margin: 0;
    background: #fbfbfb;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3 {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: 1px solid #dfdfdf;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3 h5 {
    float: left;
    margin: 0 0 0 0;
    cursor: pointer;
    width: 100%;
    padding: 20px 15px;
    text-align: left;
    background: #fbfbfb url(https://d118vismjsp9sl.cloudfront.net/assets/d33e9fe595cd1c717d851b34f42ff232.png) no-repeat right 15px center;
    box-sizing: border-box;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3 ul {
    max-height: 0;
    display: block;
    float: left;
    width: 100%;
    background: #fbfbfb;
    transition: max-height 0.15s ease-out;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3 ul li {
    margin: 0 0 0 0;
    float: left;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 5px;
    box-sizing: border-box;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3 ul li {
    display: none;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3.selected ul {
    display: block;
    max-height: 300px;
    transition: max-height 0.25s ease-in;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3.selected ul li {
    display: inline;
  }
  .shopup-style.home .footer-wrapper footer.mobile .col-sm-3.selected h5 {
    background: #fbfbfb url(https://d118vismjsp9sl.cloudfront.net/assets/80faa160f95e8710fa96eacf744f05e8.png) no-repeat right 15px center;
    z-index: 99;
  }
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper footer.desktop {
    display: none;
  }
}
.shopup-style.home .footer-wrapper footer.desktop .content {
  width: 100%;
  padding: 90px 0 40px 0;
  float: left;
  border-bottom: 1px solid #f5f5f5;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left {
  width: 632px;
  float: left;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links {
  float: left;
  width: 100%;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links ul {
  list-style-type: none;
  float: left;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links ul li {
  list-style: none;
  float: left;
  padding: 0 12px;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links ul li:first-child {
  border-left: none;
  padding-left: 0px;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links ul li:last-child {
  border-right: none;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .links ul li a {
  font-size: 15px;
  font-weight: 500;
  color: #616161;
  font-weight: normal;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts {
  width: 100%;
  float: left;
  display: block;
  margin-top: 30px;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts ul {
  list-style-type: none;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts ul li {
  list-style: none;
  float: left;
  padding-right: 28px;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts ul li a {
  color: #616161;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts ul li a span {
  font-size: 15px;
  float: left;
}
.shopup-style.home .footer-wrapper footer.desktop .content .left .contacts ul li a span.icon {
  width: 28px;
  height: 28px;
  background-size: 28px;
  margin-right: 10px;
  margin-top: -4px;
}
.shopup-style.home .footer-wrapper footer.desktop .content .right {
  float: right;
}
.shopup-style.home .footer-wrapper footer.desktop .content .right .play-icon {
  float: right;
  width: 190px;
  height: 56px;
  background-size: 190px 56px;
}
.shopup-style.home .footer-wrapper .site-footer {
  padding: 0px 0px;
  width: 100%;
  display: inline-block;
  color: #616161;
  float: left;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer {
    padding: 0 0;
  }
}
.shopup-style.home .footer-wrapper .site-footer .container-home {
  height: 100%;
}
.shopup-style.home .footer-wrapper .site-footer .footer-content {
  width: 100%;
  padding: 40px 0 40px 0;
  display: table;
  border-top: 1px solid #dfdfdf;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer .footer-content {
    border-top: none;
    padding: 20px 0;
  }
}
.shopup-style.home .footer-wrapper .site-footer .icons {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding: 0;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer .icons {
    display: none;
  }
}
.shopup-style.home .footer-wrapper .site-footer .icons a {
  width: 32px;
  height: 32px;
  margin-left: 10px;
}
.shopup-style.home .footer-wrapper .site-footer .icons a .icon {
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
}
.shopup-style.home .footer-wrapper .site-footer .icons a .icon span {
  margin-bottom: 0;
  margin-top: 0;
}
.shopup-style.home .footer-wrapper .site-footer .language.icon {
  background-size: 18px 18px;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer .play-icon {
    display: block;
    width: 190px;
    height: 56px;
    background-size: 190px 56px;
    margin: 0 auto 10px auto;
  }
}
@media (min-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer .play-icon {
    display: none;
  }
}
.shopup-style.home .footer-wrapper .site-footer .copyright {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  color: #a7a9ab;
  padding: 0;
}
@media (max-width: 1000px) {
  .shopup-style.home .footer-wrapper .site-footer .copyright {
    display: block;
    margin: 0 auto;
    width: 200px;
    text-align: center;
  }
}
.shopup-style.home.slide-in {
  transform: translate3d(-225px, 0, 0);
}
@media (max-width: 768px) {
  .shopup-style.home .hide-on-mobile {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .shopup-style.home .hide-over-mobile {
    display: none !important;
  }
}
.shopup-style.home .shopup-pagination {
  text-align: center;
  padding: 20px 0;
}
.shopup-style.home .shopup-pagination .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.shopup-style.home .shopup-pagination .pagination > li {
  display: inline;
}
.shopup-style.home .shopup-pagination .pagination > li > a,
.shopup-style.home .shopup-pagination .pagination > li > span {
  position: relative;
  float: left;
  padding: 1px 7px;
  line-height: 1.42857143;
  color: #616161;
  text-decoration: none;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px;
}
.shopup-style.home .shopup-pagination .pagination > li:first-child > a,
.shopup-style.home .shopup-pagination .pagination > li:first-child > span {
  padding: 1px 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
}
.shopup-style.home .shopup-pagination .pagination > li:last-child > a,
.shopup-style.home .shopup-pagination .pagination > li:last-child > span {
  padding: 1px 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 0;
}
.shopup-style.home .shopup-pagination .pagination > li > a:hover,
.shopup-style.home .shopup-pagination .pagination > li > span:hover,
.shopup-style.home .shopup-pagination .pagination > li > a:focus,
.shopup-style.home .shopup-pagination .pagination > li > span:focus {
  z-index: 3;
  /*color: #23527c;*/
  /*background-color: #eee;
      border-color: #ddd;*/
}
.shopup-style.home .shopup-pagination .pagination > li:first-child > a,
.shopup-style.home .shopup-pagination .pagination > li:first-child > a:hover,
.shopup-style.home .shopup-pagination .pagination > li:first-child > span:hover,
.shopup-style.home .shopup-pagination .pagination > li:last-child > a,
.shopup-style.home .shopup-pagination .pagination > li:last-child > a:hover,
.shopup-style.home .shopup-pagination .pagination > li:last-child > span:hover {
  background: none;
  border: none;
}
.shopup-style.home .shopup-pagination .pagination > .active > a,
.shopup-style.home .shopup-pagination .pagination > .active > span,
.shopup-style.home .shopup-pagination .pagination > .active > a:hover,
.shopup-style.home .shopup-pagination .pagination > .active > span:hover,
.shopup-style.home .shopup-pagination .pagination > .active > a:focus,
.shopup-style.home .shopup-pagination .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #00bbd3;
  border-color: #00bbd3;
}
.slide-menu-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  overflow: hidden;
}
.slide-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 240px;
  height: 100%;
  background: white;
  z-index: 99;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  margin: 0 -240px 0 0;
  font-family: 'Roboto', Sans Serif, helvetica;
  overflow-y: auto;
  overflow-x: hidden;
}
.bn .slide-menu {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.slide-menu.slide-in {
  margin: 0;
}
.slide-menu .logo {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1698736a53bc877ebc94243f440fa5ac.png) no-repeat center;
  background-size: 132px;
  width: 100%;
  height: 75px;
  position: relative;
}
.slide-menu .logo .cross {
  position: absolute;
  top: 29px;
  left: -42px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/e4e9268e400887e64938ad306384cac2.png) no-repeat center;
  background-size: cover;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.slide-menu ul {
  list-style-type: none;
}
.slide-menu ul li {
  list-style: none;
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  color: #606060;
  float: left;
  padding: 26px 0 26px 32px;
  border-top: 1px solid #dfdfdf;
}
.slide-menu ul li span.text-holder {
  float: left;
}
.slide-menu ul li a.icon-holder {
  float: right;
  padding-right: 50px;
}
.slide-menu ul li a {
  text-decoration: none;
  color: #606060;
  text-transform: capitalize;
}
.slide-menu ul li a:hover {
  text-decoration: none;
  color: #333333;
}
.slide-menu ul li a span.mtext {
  float: left;
  padding-left: 10px;
}
.en .slide-menu ul li a span.mtext {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.slide-menu ul li a span.icon {
  background-size: 18px 18px;
  background-position: center;
  width: 18px;
  height: 18px;
  display: block;
  float: left;
}
.bn .shopup-style.home {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.show-mobile-ticker {
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 70px;
  z-index: 99;
  -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.4);
}
.show-mobile-ticker .logo {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 25px;
  top: 15px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/17f3819a6a6ddce3d431c872336efd39.png) no-repeat center;
  background-size: 45px 45px;
}
.show-mobile-ticker .cross {
  width: 10px;
  height: 10px;
  position: absolute;
  left: 5px;
  top: 30px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/0f8d51f0ca06f5fabbefaad82327a11b.png) no-repeat center;
  background-size: 10px 10px;
}
.reseller .show-mobile-ticker .cross {
  display: none;
}
.show-mobile-ticker .desc {
  width: 160px;
  position: absolute;
  font-size: 14px;
  left: 80px;
  top: 20px;
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.show-mobile-ticker .desc .pink {
  color: #ec407b;
}
.show-mobile-ticker .desc .blue {
  color: #5c6bbf;
}
.show-mobile-ticker .yellow-btn {
  position: absolute;
  right: 10px;
  top: 18px;
  border: none;
  border-radius: 25px;
  box-sizing: content-box;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 0 11px;
  font-family: 'Futura', Sans Serif, helvetica;
  font-size: 14px;
  line-height: 34px;
  text-overflow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #1d2129;
  background: #ffc928;
  height: 38px;
  line-height: 38px;
}
.cursor-pointer {
  cursor: pointer;
}
@media (min-width: 0px) {
  .hidden-xs-dib {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-dib {
    display: inline-block !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-dib {
    display: inline-block !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-dib {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .hidden-xs-db {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-db {
    display: block !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-db {
    display: block !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-db {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .hidden-xs-df {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-df {
    display: flex !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-df {
    display: flex !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-df {
    display: none !important;
  }
}
.site-container {
  margin: 0 auto;
  box-sizing: border-box;
}
.site-container.noPadding {
  padding: 0;
}
@media (min-width: 0px) {
  .site-container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (min-width: 940px) {
  .site-container {
    width: 770px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .site-container {
    width: 1180px;
  }
}
.site-container.fluid {
  width: 100%;
}
.Heading2_css {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.19;
  color: rgba(0, 0, 0, 0.75);
}
.Heading3_css {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.21;
  color: rgba(0, 0, 0, 0.75);
}
.Heading4_css {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.75);
}
.Heading5_css {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.56);
}
.Heading6_css {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.35);
}
.Body1_css {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
.Body2_css {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.56);
}
.Button_css {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(0, 0, 0, 0.95);
}
@media (min-width: 0px) {
  .hidden-xs-dib {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-dib {
    display: inline-block !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-dib {
    display: inline-block !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-dib {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .hidden-xs-db {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-db {
    display: block !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-db {
    display: block !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-db {
    display: none !important;
  }
}
@media (min-width: 0px) {
  .hidden-xs-df {
    display: none !important;
  }
}
@media (min-width: 940px) {
  .hidden-xs-df {
    display: flex !important;
  }
}
@media (min-width: 0px) {
  .visible-xs-df {
    display: block !important;
  }
}
@media (min-width: 940px) {
  .visible-xs-df {
    display: flex !important;
  }
}
.sprite {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/a867c548c24f95aaa2d5440b7b1e067c.png);
  background-repeat: no-repeat;
  display: inline-block;
}
.sprite.sprite-right-blue {
  background-position: 0 0;
  width: 9px;
  height: 18px;
}
.sprite.sprite-right-orange {
  background-position: -9px 0;
  width: 9px;
  height: 18px;
}
.sprite.sprite-right-pink {
  background-position: -18px 0;
  width: 9px;
  height: 18px;
}
.sprite.sprite-right-teal {
  background-position: -27px 0;
  width: 9px;
  height: 18px;
}
.sprite.sprite-right-violet {
  background-position: -36px 0;
  width: 9px;
  height: 18px;
}
.site-container {
  margin: 0 auto;
  box-sizing: border-box;
}
.site-container.noPadding {
  padding: 0;
}
@media (min-width: 0px) {
  .site-container {
    width: 100%;
    padding: 0 10px;
  }
}
@media (min-width: 940px) {
  .site-container {
    width: 770px;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .site-container {
    width: 1180px;
  }
}
.site-container.fluid {
  width: 100%;
}
.Heading2_css {
  font-weight: 500;
  font-size: 32px;
  line-height: 1.19;
  color: rgba(0, 0, 0, 0.75);
}
.Heading3_css {
  font-weight: 500;
  font-size: 28px;
  line-height: 1.21;
  color: rgba(0, 0, 0, 0.75);
}
.Heading5_css {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.56);
}
.Heading6_css {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.35);
}
.Body1_css {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
.Body2_css {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.56);
}
.Button_css {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(0, 0, 0, 0.95);
}
.header-section {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.header-section a,
.header-section .link {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
  text-decoration: none;
}
.header-section a.active,
.header-section .link.active {
  color: #3FB5B4;
}
.header-section button {
  border: 0;
  background: none;
  padding: 0;
}
@media (max-width: 939px) {
  .header-section .overlay {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00000057;
    z-index: 1;
  }
  .header-section .header {
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    padding: 0 10px;
    box-sizing: border-box;
    z-index: 2;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.14);
  }
  .header-section .pageLinks {
    position: absolute;
    background-color: #FFF;
    top: 55px;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: flex-start !important;
    padding: 10px;
    border-top: 1px solid #DDD;
    display: none !important;
  }
  .header-section .pageLinks.open {
    display: flex !important;
  }
  .header-section .pageLinks .link {
    margin: 5px 0;
  }
  .header-section button.fb-login {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    background-color: #FFF;
    padding: 10px;
    text-align: center;
    border-top: 1px solid #DDD;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, 0.13);
    z-index: 5;
  }
  .header-section button.fb-login img {
    width: 248px;
    background-color: #3c65b3;
    border-radius: 3px;
  }
}
@media (min-width: 0px) {
  .header-section {
    r: 0;
  }
  .header-section .site-container .header {
    padding: 0 10px;
    height: 55px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header-section .site-container .header .logo {
    display: inline-block;
  }
  .header-section .site-container .header .logo img {
    vertical-align: middle;
    width: 90px;
  }
  .header-section .site-container .header .navLinks {
    display: flex;
    align-items: center;
  }
  .header-section .site-container .header .navLinks button.lang {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.56);
  }
  .header-section .site-container .header .navLinks button.lang img {
    margin-right: 5px;
    width: 24px;
  }
  .header-section .site-container .header .navLinks .pageLinks {
    display: flex;
    align-items: center;
    max-height: 350px;
    overflow: hidden;
    overflow-y: auto;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown {
    text-align: left;
    flex-shrink: 0;
    outline: 0;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown .nav-dropdown {
    flex-direction: column;
    align-items: flex-start;
    display: none;
    margin-left: 10px;
    border-left: 3px solid #f7f7f7;
    padding-left: 10px;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown .nav-dropdown.open {
    display: flex;
    z-index: 1;
  }
  .header-section .site-container .header .navLinks .pageLinks button.fb-login img {
    width: 248px;
    background-color: #3c65b3;
    border-radius: 3px;
  }
  .header-section .site-container .header .navLinks .mobile-menu-button {
    margin-left: 26px;
  }
}
@media (min-width: 940px) {
  .header-section {
    padding: 0 20px;
  }
  .header-section .site-container .header {
    height: 75px;
  }
  .header-section .site-container .header .logo {
    r: 0;
  }
  .header-section .site-container .header .logo img {
    width: 117px;
  }
  .header-section .site-container .header .navLinks {
    r: 0;
  }
  .header-section .site-container .header .navLinks button.lang {
    cursor: pointer;
    outline: 0;
  }
  .header-section .site-container .header .navLinks .pageLinks {
    height: 75px;
    border-right: 1px solid #DDD;
    padding-right: 20px;
    margin-right: 20px;
    overflow: visible;
  }
  .header-section .site-container .header .navLinks .pageLinks > .link {
    margin-right: 25px;
    cursor: pointer;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown {
    background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat;
    background-position: right 0 top 11px;
    padding-right: 15px;
    position: relative;
    outline: 0;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown > span {
    vertical-align: text-bottom;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown .nav-dropdown {
    margin: 0;
    padding: 0;
    border: 0;
    flex-direction: column;
    position: absolute;
    background-color: #FFF;
    text-align: left;
    padding: 10px 20px;
    box-shadow: 0 0 6px #00000040;
    border-radius: 2px;
    top: 40px;
    right: -18px;
    white-space: nowrap;
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown .nav-dropdown:before {
    display: inline-block;
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: 18px;
    width: 8px;
    height: 8px;
    background: #FFFFFF;
    border-right: 1px solid #e9ebee;
    border-bottom: 1px solid #e9ebee;
    transform: rotate(-135deg);
  }
  .header-section .site-container .header .navLinks .pageLinks .hasDropdown .nav-dropdown .link {
    margin: 4px 0;
  }
  .header-section .site-container .header .navLinks .pageLinks button.fb-login {
    r: 0;
  }
  .header-section .site-container .header .navLinks .mobile-menu-button {
    r: 0;
  }
}
.hero-slider-section .carousel-control {
  display: none;
}
.hero-slider-section .carousel-indicators {
  text-align: right;
  left: auto;
  bottom: 16px;
  right: 7px;
  height: 0px;
  z-index: 0;
}
.hero-slider-section .carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.3);
  border: 0;
  height: 12px;
  width: 12px;
  margin: 0 0 0 8px;
}
.hero-slider-section .carousel-indicators li.active {
  background-color: #ffffff;
  height: 12px;
  width: 12px;
}
.hero-slider-section .site-container .hero-slider .oneSlide {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.hero-slider-section .site-container .hero-slider .oneSlide .site-container {
  display: flex;
  height: 100%;
}
.hero-slider-section .site-container .hero-slider .oneSlide .caption {
  align-self: flex-end;
  font-size: 19px;
  font-weight: 500;
  color: #FFF;
  text-shadow: 0 2px 4px #000;
  padding: 0 0 10px 10px;
  width: 90%;
  box-sizing: border-box;
}
@media (min-width: 0px) {
  .hero-slider-section .site-container {
    margin-top: 28px;
  }
  .hero-slider-section .site-container .hero-slider .oneSlide {
    height: 200px;
  }
}
@media (min-width: 940px) {
  .hero-slider-section .site-container {
    margin-top: 0;
  }
  .hero-slider-section .site-container .hero-slider .oneSlide {
    height: 360px;
  }
  .hero-slider-section .site-container .hero-slider .oneSlide .caption {
    align-self: center;
    text-align: left;
    font-size: 33px;
    line-height: 38px;
    width: 100%;
    padding: 0px 59% 0 0;
    text-shadow: none;
  }
  .hero-slider-section .site-container .hero-slider .carousel-indicators {
    width: 770px;
    margin: 0 auto;
    position: relative;
    bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .hero-slider-section .site-container .hero-slider .oneSlide {
    height: 500px;
  }
  .hero-slider-section .site-container .hero-slider .oneSlide .caption {
    font-size: 48px;
    line-height: 56px;
  }
  .hero-slider-section .site-container .hero-slider .carousel-indicators {
    width: 1124px;
    bottom: 45px;
  }
}
.our-services-section {
  background-color: #FFC929;
}
.our-services-section .site-container .our-services .title {
  color: rgba(0, 0, 0, 0.8);
}
.our-services-section .site-container .our-services .services-list {
  display: flex;
  flex-direction: column;
}
.our-services-section .site-container .our-services .services-list .one-service {
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
.our-services-section .site-container .our-services .services-list .one-service .name {
  color: rgba(0, 0, 0, 0.8);
}
.our-services-section .site-container .our-services .services-list .one-service .readmore {
  display: none;
  font-family: Lato;
}
.our-services-section .site-container .our-services .services-list .one-service .readmore:hover {
  text-decoration-color: #3FB5B4;
  text-decoration: underline;
}
.our-services-section .site-container .our-services .services-list .one-service .readmore img {
  position: relative;
  top: 2px;
}
@media (min-width: 0px) {
  .our-services-section .site-container .our-services .title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.56);
    padding: 22px 0 0;
    margin-bottom: 20px;
  }
  .our-services-section .site-container .our-services .services-list .one-service {
    padding: 10px 20px;
    margin-bottom: 10px;
  }
  .our-services-section .site-container .our-services .services-list .one-service .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.38;
    color: rgba(0, 0, 0, 0.35);
    color: rgba(0, 0, 0, 0.8);
    flex: 3;
    padding: 0 30px;
    margin-bottom: 10px;
  }
  .our-services-section .site-container .our-services .services-list .one-service .artwork {
    width: 67px;
    height: 56px;
    order: -1;
  }
}
@media (min-width: 940px) {
  .our-services-section .site-container .our-services .title {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    padding-top: 50px;
    margin-bottom: 35px;
  }
  .our-services-section .site-container .our-services .services-list {
    flex-direction: row;
    justify-content: space-between;
  }
  .our-services-section .site-container .our-services .services-list .one-service {
    width: 140px;
    flex-direction: column;
    padding: 22px 15px;
  }
  .our-services-section .site-container .our-services .services-list .one-service .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 1.38;
    color: rgba(0, 0, 0, 0.35);
    font-family: 'Lato';
    color: rgba(0, 0, 0, 0.8);
    flex: 1;
    padding: 0;
    margin-bottom: 20px;
    align-self: flex-start;
  }
  .our-services-section .site-container .our-services .services-list .one-service .artwork {
    width: 96px;
    height: 80px;
    order: 0;
    margin-bottom: 30px;
  }
  .our-services-section .site-container .our-services .services-list .one-service .arrowIcon {
    display: none;
  }
  .our-services-section .site-container .our-services .services-list .one-service .readmore {
    display: inline-block;
    color: #3FB5B4;
    text-decoration: none;
    letter-spacing: 2px;
    margin-top: 17px;
    font-weight: 100;
  }
}
@media (min-width: 1200px) {
  .our-services-section .site-container .our-services .title {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    padding-top: 65px;
    margin-bottom: 30px;
  }
  .our-services-section .site-container .our-services .services-list .one-service {
    width: 215px;
    padding: 22px 25px;
  }
  .our-services-section .site-container .our-services .services-list .one-service .name {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
  }
  .our-services-section .site-container .our-services .services-list .one-service .artwork {
    width: auto;
    height: auto;
  }
}
.our-services-section .site-container .our-app {
  display: flex;
}
@media (min-width: 0px) {
  .our-services-section .site-container .our-app {
    flex-direction: column;
  }
  .our-services-section .site-container .our-app .app-detail {
    margin: -8px 0 0;
    padding: 0 10px 25px;
  }
  .our-services-section .site-container .our-app .app-detail .playstore-link {
    margin: 0 0 14px;
  }
  .our-services-section .site-container .our-app .app-detail .tagline {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
  }
  .our-services-section .site-container .app-photo {
    order: -1;
    text-align: right;
  }
  .our-services-section .site-container .app-photo img {
    width: 74%;
  }
}
@media (min-width: 940px) {
  .our-services-section .site-container .our-app {
    flex-direction: row;
  }
  .our-services-section .site-container .our-app .app-detail {
    margin: 0;
    padding: 118px 0 90px;
    width: 50%;
  }
  .our-services-section .site-container .our-app .app-detail .playstore-link {
    margin: 0 0 20px;
  }
  .our-services-section .site-container .our-app .app-detail .tagline {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
  }
  .our-services-section .site-container .app-photo {
    order: 0;
    position: relative;
  }
  .our-services-section .site-container .app-photo img {
    position: absolute;
    right: 0;
    top: 40px;
    width: 458px;
  }
}
@media (min-width: 1200px) {
  .our-services-section .site-container .our-app .app-detail {
    padding: 165px 0 150px;
  }
  .our-services-section .site-container .our-app .app-detail .playstore-link {
    margin: 0 0 48px;
  }
  .our-services-section .site-container .our-app .app-detail .tagline {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    color: rgba(0, 0, 0, 0.8);
    font-weight: 100;
  }
  .our-services-section .site-container .app-photo img {
    max-width: 750px;
    width: 51%;
  }
}
.our-services-section .fade-slider {
  position: relative;
}
@media (min-width: 0px) {
  .our-services-section .fade-slider .fade-slide:nth-child(1) {
    animation-name: fading;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-duration: 10s;
  }
  .our-services-section .fade-slider .fade-slide:nth-child(1) .tagline {
    background-color: #FFC929;
  }
  .our-services-section .fade-slider .fade-slide:nth-child(2) {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    animation-name: fading;
    animation-delay: 5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-duration: 10s;
  }
  .our-services-section .fade-slider .fade-slide:nth-child(2) .tagline {
    background-color: #FFC929;
  }
}
@keyframes fading {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.sectionTitle {
  font-family: 'Lato', sans-serif;
}
@media (min-width: 0px) {
  .sectionTitle {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    color: rgba(0, 0, 0, 0.56);
    font-weight: 300;
    color: rgba(0, 0, 0, 0.75);
  }
}
@media (min-width: 940px) {
  .sectionTitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 300;
  }
}
@media (min-width: 1200px) {
  .sectionTitle {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 300;
  }
}
.cargo-slider {
  position: relative;
}
.cargo-slider .left-icon {
  position: absolute;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  left: -26px;
}
.cargo-slider .left-icon img {
  width: 46px;
  height: 46px;
  cursor: pointer;
}
.cargo-slider .cargo-rail {
  width: calc(100%);
  border: 4px solid red;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  overflow: hidden;
}
.cargo-slider .cargo-rail .cargo-moving {
  position: relative;
  left: 0px;
  display: flex;
  border: 4px dashed brown;
  transition: all 0.3s ease-in-out;
}
.cargo-slider .dots {
  position: absolute;
  z-index: 1;
}
.cargo-slider .dots i {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 0px) {
  .cargo-slider .cargo-rail {
    border: 0;
  }
  .cargo-slider .cargo-rail .cargo-moving {
    border: 0;
    background-color: #3fb5b4;
  }
  .cargo-slider .cargo-rail .left-icon {
    display: none;
  }
  .cargo-slider .dots {
    right: 20px;
    bottom: 20px;
  }
  .cargo-slider .dots i {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .cargo-slider .dots i.active {
    background-color: #ffffff;
  }
}
@media (min-width: 940px) {
  .cargo-slider .cargo-rail {
    border: 0;
    width: calc(((100vw - 770px)/2) + 770px);
  }
  .cargo-slider .cargo-rail .cargo-moving {
    background-color: transparent;
    border: 0;
  }
  .cargo-slider .cargo-rail .left-icon {
    display: flex;
  }
  .cargo-slider .dots {
    bottom: initial;
    top: -40px;
  }
  .cargo-slider .dots i {
    background-color: rgba(63, 181, 180, 0.3);
  }
  .cargo-slider .dots i.active {
    background-color: #3fb5b4;
  }
}
@media (min-width: 1200px) {
  .cargo-slider .cargo-rail {
    width: calc(((100vw - 1180px)/2) + 1180px - 8px);
  }
}
@media (min-width: 0px) {
  .home-testimonial-section {
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 940px) {
  .home-testimonial-section {
    padding-top: 140px;
    margin-bottom: -140px;
  }
}
@media (min-width: 1200px) {
  .home-testimonial-section {
    padding-top: 190px;
    margin-bottom: -190px;
  }
}
@media (min-width: 0px) {
  .home-testimonial-section .sectionTitle {
    margin: 26px 0 14px;
  }
}
@media (min-width: 940px) {
  .home-testimonial-section .sectionTitle {
    width: 70%;
    margin: 0 0 50px;
  }
}
@media (min-width: 1200px) {
  .home-testimonial-section .sectionTitle {
    width: 65%;
    margin: 0 0 38px;
  }
}
.home-testimonial-section .one-slide {
  display: flex;
  flex-direction: column;
}
.home-testimonial-section .one-slide .qouteWrap {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background-color: #3FB5B4;
}
.home-testimonial-section .one-slide .qouteWrap .quote {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.56);
  font-weight: 300;
  color: #FFF;
}
.home-testimonial-section .one-slide .qouteWrap .merchant .owner {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
  color: rgba(0, 0, 0, 0.56);
  color: #FFF;
}
.home-testimonial-section .one-slide .qouteWrap .merchant .shop {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.35);
  color: #ffc929;
  font-weight: 300;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/3dd5235784b6ac32107e248d92513277.png) no-repeat;
  background-size: 16px;
  background-position: right;
  padding-right: 21px;
}
.home-testimonial-section .one-slide .slider-img {
  r: 0;
}
.home-testimonial-section .one-slide .slider-img img {
  width: 100%;
  display: block;
}
@media (min-width: 0px) {
  .home-testimonial-section .one-slide {
    width: 100vw;
  }
  .home-testimonial-section .one-slide .qouteWrap {
    padding: 15px 15px 30px;
  }
  .home-testimonial-section .one-slide .qouteWrap .quote {
    margin-bottom: 22px;
  }
  .home-testimonial-section .one-slide .qouteWrap .merchant .owner {
    margin-bottom: 8px;
  }
}
@media (min-width: 940px) {
  .home-testimonial-section .one-slide {
    width: 625px;
    flex-direction: row-reverse;
    margin-right: 20px;
    border-radius: 10px;
    overflow: hidden;
  }
  .home-testimonial-section .one-slide .qouteWrap {
    width: 41%;
    padding: 0 25px 0 35px;
  }
  .home-testimonial-section .one-slide .qouteWrap .quote {
    margin-bottom: 16px;
  }
  .home-testimonial-section .one-slide .qouteWrap .merchant .owner {
    margin-bottom: 8px;
  }
  .home-testimonial-section .one-slide .slider-img {
    width: 59%;
  }
}
@media (min-width: 1200px) {
  .home-testimonial-section .one-slide {
    width: 980px;
  }
  .home-testimonial-section .one-slide .qouteWrap {
    padding: 0 50px;
    width: 41%;
  }
  .home-testimonial-section .one-slide .qouteWrap .quote {
    margin-bottom: 28px;
  }
  .home-testimonial-section .one-slide .qouteWrap .merchant .owner {
    margin-bottom: 8px;
  }
  .home-testimonial-section .one-slide .slider-img {
    width: 59%;
  }
}
.news-section {
  display: flex;
}
.news-section .sectionTitle {
  r: 0;
}
.news-section .newsLinks {
  r: 0;
}
.news-section .newsLinks .publishers {
  display: flex;
}
.news-section .newsLinks .publishers img {
  r: 0;
}
.news-section .newsLinks .publishers a {
  r: 0;
}
.news-section .newsLinks .publishers a img {
  r: 0;
}
.news-section .newsLinks .readmore button {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(0, 0, 0, 0.95);
  border: 1px solid #000;
  background-color: transparent;
  padding: 10px 18px;
  border-radius: 4px;
}
@media (min-width: 0px) {
  .news-section {
    padding: 30px 10px;
    background-color: #F5F3F9;
    flex-direction: column;
  }
  .news-section .sectionTitle {
    margin-bottom: 25px;
  }
  .news-section .newsLinks .publishers {
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .news-section .newsLinks .readmore {
    text-align: center;
  }
  .news-section .newsLinks .readmore button {
    display: inline-block;
    width: 100%;
    max-width: 400px;
  }
}
@media (min-width: 940px) {
  .news-section {
    padding-top: 70px;
    padding-bottom: 50px;
    background-color: #FFF;
    flex-direction: row;
    order: 1;
  }
  .news-section .sectionTitle {
    width: 34%;
  }
  .news-section .newsLinks {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-left: 40px;
  }
  .news-section .newsLinks .publishers {
    width: 100%;
    margin-bottom: 10px;
    align-items: center;
  }
  .news-section .newsLinks .readmore button {
    width: initial;
  }
}
@media (min-width: 1200px) {
  .news-section {
    padding-top: 95px;
    padding-bottom: 100px;
  }
  .news-section .sectionTitle {
    width: 33%;
  }
  .news-section .newsLinks {
    padding-left: 165px;
  }
  .news-section .newsLinks .publishers {
    margin-bottom: 22px;
  }
}
.partners-section .site-container {
  display: flex;
}
.partners-section .site-container .sectionTitle {
  r: 0;
}
.partners-section .site-container .partners {
  r: 0;
}
.partners-section .site-container .partners img {
  r: 0;
}
@media (max-width: 939px) {
  .partners-section .site-container .partners picture {
    width: 50%;
    margin: 0 0 20px;
  }
}
@media (min-width: 0px) {
  .partners-section {
    background-color: #FFF;
    padding: 40px 0;
  }
  .partners-section .site-container {
    flex-direction: column;
  }
  .partners-section .site-container .sectionTitle {
    margin-bottom: 14px;
  }
  .partners-section .site-container .partners {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media (min-width: 940px) {
  .partners-section {
    padding-top: 220px;
    padding-bottom: 65px;
    background-color: #F5F3F9;
  }
  .partners-section .site-container {
    flex-direction: row;
    align-items: center;
  }
  .partners-section .site-container .sectionTitle {
    width: 20%;
  }
  .partners-section .site-container .partners {
    flex: 1;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding-left: 63px;
  }
}
@media (min-width: 1200px) {
  .partners-section {
    padding-top: 280px;
    padding-bottom: 90px;
  }
  .partners-section .site-container .sectionTitle {
    width: 22%;
  }
  .partners-section .site-container .partners {
    padding-left: 165px;
  }
}
.footer-section {
  order: 1;
  background-color: #F5F3F9;
}
.footer-section a {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
  text-decoration: none;
}
.footer-section .footer-content {
  display: flex;
  justify-content: space-between;
}
.footer-section .footer-content .foot-title {
  font-weight: 500;
  font-size: 13px;
  line-height: 1.38;
  color: rgba(0, 0, 0, 0.35);
  font-family: 'Lato', sans-serif;
  color: #000;
}
.footer-section .footer-content .footer-col .wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.footer-section .footer-content .footer-col .wrap .listItem {
  text-decoration: none;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
.footer-section .footer-content .footer-col .wrap .listItem > img {
  float: left;
  margin-top: 3px;
}
.footer-section .footer-content .footer-col .wrap .listItem > span,
.footer-section .footer-content .footer-col .wrap .listItem > a {
  margin-left: 30px;
  display: block;
}
.footer-section .footer-content .footer-col .wrap .listItem.hasIcon.link a {
  color: #3FB5B4;
}
.footer-section .footer-content .footer-col .wrap .listItem.hasIcon.link a:hover {
  text-decoration: underline;
}
.footer-section .footer-content .footer-col .wrap .listItem.hasIcon + .hasIcon {
  margin-top: 10px;
}
.footer-section .footer-content .locationWrap {
  line-height: 1.4;
}
.footer-section .footer-content .contactWrap {
  r: 0;
}
.footer-section .footer-content .appWrap {
  text-align: right;
}
.footer-section .footer-content .appWrap img.playstore-link {
  width: 175px;
}
@media (min-width: 0px) {
  .footer-section .footer-content {
    flex-direction: column;
    padding-top: 35px;
  }
  .footer-section .footer-content .foot-title {
    margin-bottom: 20px;
  }
  .footer-section .footer-content .footer-col.locationWrap {
    margin-bottom: 10px;
  }
}
@media (min-width: 940px) {
  .footer-section .footer-content {
    flex-direction: row;
    padding-top: 62px;
  }
  .footer-section .footer-content .foot-title {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .footer-section .footer-content .footer-col {
    width: 184px;
  }
  .footer-section .footer-content .footer-col.linkWrap {
    width: 170px;
  }
  .footer-section .footer-content .footer-col.locationWrap {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .footer-section .footer-content .footer-col {
    width: 234px;
  }
}
.footer-section .footer-footer {
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  align-items: center;
  border-top: 2px solid #eeecf2;
}
.footer-section .footer-footer .copyright {
  color: rgba(192, 191, 197, 0.87);
}
.footer-section .footer-footer .social img {
  r: 0;
}
@media (min-width: 0px) {
  .footer-section .footer-footer {
    margin-top: 35px;
    margin-bottom: 63px;
  }
  .footer-section .footer-footer .social {
    display: flex;
    align-items: center;
  }
  .footer-section .footer-footer .social a {
    margin-left: 4px;
  }
}
@media (min-width: 940px) {
  .footer-section .footer-footer {
    margin-top: 25px;
    margin-bottom: 0;
  }
  .footer-section .footer-footer .social a {
    margin-left: 14px;
  }
}
#vua {
  border: 1px solid #000;
  min-height: 300px;
}
/* Text Colors */
/* Theme color */
/*Heading Sizes*/
/*Heading Alternative Color*/
/*Padding */
/*Border Colors*/
/* Seperator/Divider */
/*Color*/
/*@green-status:#4caf4f;*/
* {
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
html.canvas-overflow-hide {
  height: auto;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 12px;
  text-rendering: optimizeLegibility;
  height: 100%;
}
@media (max-width: 800px) {
  body {
    font-size: 14px;
  }
}
.wrapper {
  height: 100%;
  display: block;
  overflow: auto;
}
.bn body {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.text-green {
  color: #2f921b;
}
.text-blue {
  color: #365899;
}
.text-blue-light {
  color: #9cb4d8;
}
.text-black {
  color: #1d2129;
}
.text-abbey {
  color: #4B4F56;
}
.text-manatee {
  color: #90949c;
}
.text-silver {
  color: #c0c0c0;
}
.text-red {
  color: #E53935;
}
.text-green {
  color: #42b72a;
}
.text-yellow {
  color: #e9a826;
}
.text-teal {
  color: #00ABC0;
}
.text-orange {
  color: #F27123;
}
.bg-shypink {
  background-color: #fff9f9;
}
.bn .facebook-style {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.bn .facebook-style form input,
.bn .facebook-style form textarea,
.bn .facebook-style input,
.bn .facebook-style textarea,
.bn .facebook-style .btn {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.center {
  text-align: center;
}
.xx {
  color: red;
}
.facebook-style {
  height: 100%;
  display: block;
  overflow: auto;
  color: #4B4F56;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  /*.for(@fbtext-colors); .-each(@name) {
        .@{name} {color:@@name}
    }*/
  /* textarea.ng-invalid{
         border-color: #b94a48 !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    }*/
  /*Common Form Styles*/
  /* Search Box */
  /*** Notification Bar ***/
  /*Animations*/
  /*Dropdown and Button Group*/
  /*.dropdown .btn {
        padding: 9px;
    }*/
  /*.dropdown.large ul.dropdown-menu.dropdown-menu-right {
        top:42px;
    }*/
  /*.dropdown-menu-right {
        left: auto;
        right: 0;
    }*/
  /*.pull-right > .dropdown-menu {
        right: 0;
        left: auto;
    }*/
  /*Loading Bar*/
  /* Footer */
  /*** facebook like spinner/loader **/
  /*** //End facebook like spinner/loader **/
  /* Responsive Table */
  /*table tr:last-child {
        border-bottom: none;
    }*/
  /* Custom dialog/modal headers */
  /*
    .dialog-header-error { background-color: #6d82b8; }
    .dialog-header-wait { background-color: #6d82b8; }
    .dialog-header-notify { background-color: #6d82b8; }
    .dialog-header-confirm { background-color: #6d82b8; }
        .dialog-header-error span, .dialog-header-error h4,
        .dialog-header-wait span, .dialog-header-wait h4,
        .dialog-header-confirm span, .dialog-header-confirm h4 { color: #ffffff; }

    .ng-animate.item:not(.left):not(.right) {
      -webkit-transition: 0s ease-in-out left;
      transition: 0s ease-in-out left
    }*/
  /* Tooltip */
  /*Set alignment */
  /* Illustrations */
  /* Langing Page Ugly before pre-load Fix */
  /* ------------------------------------------------------------------ */
  /* b. Preloader
     ------------------------------------------------------------------ */
  /*-----------------------------------------------------------------*/
  /* helper */
  /* ----------------------------------------------------------------*/
  /* -------------------------------------- */
  /* Common elements in pages */
  /*Page Heading */
  /* filters */
}
.facebook-style.grey-background {
  background: #e9ebee;
}
.canvas-overflow-hide .facebook-style.grey-background {
  background: white;
}
.facebook-style .white-container {
  height: 100%;
  /* border-left: 1px solid @border-color-dark;
        border-right: 1px solid @border-color-dark;*/
  display: block;
  /*overflow: auto;*/
  margin: 0 auto;
  background: white;
}
@media (max-width: 800px) {
  .facebook-style .white-container {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .facebook-style .white-container {
    width: 800px;
  }
}
@media (min-width: 832px) {
  .facebook-style .white-container {
    width: 832px;
  }
}
.facebook-style h1 {
  font-size: 58px;
  font-weight: bold;
  line-height: 66px;
  font-weight: normal;
}
.facebook-style h2 {
  font-size: 28px;
  font-weight: normal;
}
.facebook-style h3 {
  font-size: 24px;
  line-height: 30px;
  color: #1d2129;
}
.facebook-style h4 {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 800px) {
  .facebook-style h4 {
    font-size: 22px;
    line-height: 26px;
  }
}
.facebook-style h5 {
  font-size: 18px;
  line-height: 22px;
}
.facebook-style h6 {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
@media (max-width: 800px) {
  .facebook-style h6 {
    font-size: 16px;
    line-height: 18px;
  }
}
.facebook-style p {
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
}
@media (max-width: 800px) {
  .facebook-style p {
    font-size: 16px;
    line-height: 18px;
  }
}
.facebook-style p.small {
  font-size: 12px;
  line-height: 14px;
}
@media (max-width: 800px) {
  .facebook-style p.small {
    font-size: 14px;
    line-height: 14px;
  }
}
.facebook-style p.smaller {
  font-size: 11px;
  line-height: 14px;
}
@media (max-width: 800px) {
  .facebook-style p.smaller {
    font-size: 13px;
    line-height: 14px;
  }
}
.facebook-style a {
  color: #365899;
  text-decoration: none;
}
.facebook-style a.alternative {
  color: #42b72a;
}
.facebook-style a.small {
  font-size: 11px;
}
.facebook-style a.large {
  line-height: 20px;
  font-size: 14px;
}
@media (max-width: 800px) {
  .facebook-style a.large {
    font-size: 16px;
    line-height: 18px;
  }
}
.facebook-style a.light {
  color: #4267b2;
}
.facebook-style a:hover,
.facebook-style a:active,
.facebook-style a:focus {
  text-decoration: underline;
}
.facebook-style textarea {
  font-family: 'Roboto', helvetica, arial, sans-serif !important;
  border: 1px solid #bdc7d8;
  padding: 7px;
}
.facebook-style select.countryISO {
  background: #ffffff;
  border: 1px solid #e9ebee;
  height: 36px;
  padding: 0px 2px;
  position: absolute;
  outline: none;
  color: #4b4f56;
}
.facebook-style input[type="button"]:disabled,
.facebook-style input[type="submit"]:disabled,
.facebook-style button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.facebook-style input[type=number]::-webkit-inner-spin-button,
.facebook-style input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.facebook-style form .error-message-validation {
  display: none;
}
.facebook-style form.ng-dirty input.ng-invalid,
.facebook-style form.ng-dirty textarea.ng-invalid {
  border-color: #b94a48 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/2f065f27aca7beefa84a889d42e0edf2.png) no-repeat;
  background-size: 15px 15px;
  background-position: right 5px center;
}
.facebook-style form.ng-dirty input.ng-invalid.small,
.facebook-style form.ng-dirty textarea.ng-invalid.small {
  background-position: right 2px center;
}
@media (max-width: 800px) {
  .facebook-style form.ng-dirty input.ng-invalid,
  .facebook-style form.ng-dirty textarea.ng-invalid {
    background-position: right 5px center;
  }
}
.facebook-style form.ng-dirty input.ng-invalid.ng-invalid.ng-dirty + .error-message-validation,
.facebook-style form.ng-dirty textarea.ng-invalid.ng-invalid.ng-dirty + .error-message-validation {
  color: #b94a48;
  display: inline-block;
  padding-top: 5px;
}
.facebook-style .intl-contact {
  width: auto;
  position: relative;
}
.facebook-style .intl-contact input.intl-phone-number {
  padding-left: 105px;
  margin-bottom: 0 !important;
}
.facebook-style .intl-contact .select-calling-code {
  position: absolute;
  width: 120px;
  height: 36px;
  cursor: pointer;
}
.facebook-style .intl-contact .flag {
  float: left;
  width: 24px;
  margin-top: 11px;
  padding-left: 9px;
  text-align: center;
}
.facebook-style .intl-contact .arrow {
  margin-top: -2px;
  padding-right: 5px;
  float: right;
}
.facebook-style .intl-contact .selected-calling-code {
  float: left;
  width: 58px;
  padding-left: 6px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  font-size: 14px;
  cursor: pointer;
  border-left: 0;
  border-right: 1px solid #e9ebee;
}
.facebook-style .intl-contact .country-list {
  width: 245px;
  height: 204px;
  background: #FFF;
  overflow-y: auto;
  font-size: 14px;
  text-align: left;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 6px;
  position: absolute;
  z-index: 9;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09), 0 3px 6px rgba(0, 0, 0, 0.15);
}
.facebook-style .intl-contact .country-list .country {
  padding: 6px 0 5px 9px;
  cursor: pointer;
}
.facebook-style .intl-contact .country-list .country .calling-code {
  display: inline-block;
  width: 74px;
}
.facebook-style .intl-contact .country-list .country .calling-code img {
  height: 14px;
  margin-right: 2px;
}
.facebook-style .intl-contact .country-list .country-name {
  display: inline-block;
}
.facebook-style .information input.ng-invalid.ng-dirty,
.facebook-style .information textarea.ng-invalid.ng-dirty {
  border-color: #b94a48 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/2f065f27aca7beefa84a889d42e0edf2.png) no-repeat;
  background-size: 15px 15px;
  background-position: right 2px center;
}
@media (max-width: 800px) {
  .facebook-style .information input.ng-invalid.ng-dirty,
  .facebook-style .information textarea.ng-invalid.ng-dirty {
    background-position: right 5px center;
  }
}
.facebook-style .background {
  background-color: #ffffff;
}
.facebook-style .background-alternative {
  background-color: #e9eaed;
}
.facebook-style .main-container {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  border-left: 1px solid #ced0d4;
  border-right: 1px solid #ced0d4;
  background: white;
}
.canvas-overflow-hide .facebook-style .main-container {
  border: none;
}
.facebook-style .main-container.no-padding {
  padding-left: 0;
  padding-right: 0;
}
.facebook-style .main-container.padding-top {
  padding-top: 200px;
}
.facebook-style .banner-block {
  padding-top: 10px;
  display: inline-block;
}
.facebook-style .banner-block img {
  width: 100%;
}
.canvas-overflow-hide .facebook-style .main-container {
  padding-right: 0;
  padding-left: 0;
  border: none;
}
.facebook-style .container {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 800px) {
  .facebook-style .container {
    width: 100%;
  }
  .facebook-style .main-container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    border: none;
  }
  .facebook-style .main-container.no-padding {
    width: 100%;
  }
  .facebook-style .main-container.full-width-mobile {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .canvas-overflow-hide .facebook-style .main-container.no-padding {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .facebook-style .container {
    width: 790px;
  }
  .facebook-style .main-container {
    width: 790px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .facebook-style .main-container.no-padding {
    width: 790px;
  }
  .canvas-overflow-hide .facebook-style .main-container.no-padding {
    width: 800px;
  }
}
@media (min-width: 832px) {
  .facebook-style .container {
    width: 790px;
  }
  .facebook-style .main-container {
    width: 790px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .facebook-style .main-container.no-padding {
    width: 830px;
  }
  .canvas-overflow-hide .facebook-style .main-container.no-padding {
    width: 790px;
  }
}
.facebook-style .special-btn {
  border-radius: 2px;
  background: #5ab35f;
  border: none;
  padding: 15px 15px;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 300;
  color: white;
  letter-spacing: 1.2px;
  text-decoration: none;
}
.facebook-style .special-btn:hover {
  cursor: pointer;
  background: #5ab32f;
  text-decoration: none;
}
.facebook-style button {
  padding: 0;
  margin: 0;
  border: 0;
}
.facebook-style .btn {
  border: none;
  border-radius: 2px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 9px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 9px;
  color: white;
  box-sizing: border-box;
  outline: 0;
}
.facebook-style .btn.btn-silver,
.facebook-style .btn.btn-white {
  padding: 8px 9px;
}
@media (max-width: 800px) {
  .facebook-style .btn {
    font-size: 14px;
    line-height: 16px;
  }
}
.facebook-style .btn.btn-loading {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/2e7ea5fa7d2380970644f885599bed6f.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}
.facebook-style .btn.disabled {
  opacity: 0.7;
}
.facebook-style .btn-large {
  padding: 12px 9px;
  line-height: 12px;
}
.facebook-style .btn-large.font-large {
  font-size: 14px;
}
.facebook-style .btn-large.btn-loading {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/2e7ea5fa7d2380970644f885599bed6f.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
}
@media (max-width: 800px) {
  .facebook-style .btn-large {
    line-height: 20px;
  }
}
.facebook-style .btn-large.btn-silver,
.facebook-style .btn-large.btn-white {
  padding: 11px 9px;
}
.facebook-style .btn:hover,
.facebook-style .btn:focus,
.facebook-style .btn:active {
  text-decoration: none;
}
.facebook-style .btn-back {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/6273c3c605c3a5d9846a08260b21706c.png) no-repeat;
}
.facebook-style .btn-small {
  padding: 5px 8px 2px 8px;
}
.facebook-style .btn-small-xs {
  padding: 5px 8px 5px 8px;
}
.facebook-style .btn-fat-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.facebook-style .btn-blue,
.facebook-style .btn-default {
  background-color: #4267b2;
}
.facebook-style .btn-blue.disabled,
.facebook-style .btn-default.disabled,
.facebook-style .btn-blue:disabled,
.facebook-style .btn-default:disabled {
  background-color: #DFDFDE;
  color: #A6A6A9;
}
.facebook-style .btn-green {
  background-color: #42b72a;
}
.facebook-style .btn-red {
  background-color: #f93d3d;
}
.facebook-style .btn-silver,
.facebook-style .btn-primary {
  background-color: #f6f7f8;
  border: 1px solid #e9ebee;
  border-radius: 2px;
  color: #4B4F56;
}
.facebook-style .btn-transparent {
  background-color: transparent;
  border: 1px solid #a1a1a1;
}
.facebook-style .btn-white {
  background-color: white;
  color: #4B4F56;
  border: 1px solid #e9ebee;
  padding: 8px 9px;
}
.facebook-style .text-btn {
  color: #3b5998;
  cursor: pointer;
}
.facebook-style .text-btn.text-red {
  color: #E53935;
}
.facebook-style .text-btn.text-red:hover {
  color: #e60000;
}
.facebook-style .no-underline {
  text-decoration: none;
}
.facebook-style .no-underline:hover {
  text-decoration: none;
}
.facebook-style .text-btn:hover {
  color: #3b5995;
}
.facebook-style .icon-button {
  text-align: center;
}
.facebook-style .delete-icon {
  display: block;
  width: 14px;
  height: 14px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6be340a16a78174cd7e8087077f323d2.png);
  cursor: pointer;
}
.facebook-style .delete-icon.text-btn {
  width: auto;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6be340a16a78174cd7e8087077f323d2.png) no-repeat;
  padding-left: 22px;
}
.facebook-style .delete-icon p {
  line-height: inherit;
}
.facebook-style .delete-trash-icon {
  display: block;
  width: 18px;
  height: 18px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/59fb095a94d9cabf20290feba29686dc.png);
  background-size: 18px 18px;
  cursor: pointer;
}
.facebook-style .delete-trash-icon.text-btn {
  width: auto;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/59fb095a94d9cabf20290feba29686dc.png) no-repeat;
  padding-left: 26px;
}
.facebook-style .delete-trash-icon p {
  line-height: inherit;
}
.facebook-style .btn-with-spinner img {
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.facebook-style .btn.btn-silver.btn-checkout {
  display: table !important;
  background: #f6f7f8 url(https://d118vismjsp9sl.cloudfront.net/assets/08edc62cd52688de56f74109dba0e55e.png) no-repeat left 10px center;
  overflow: hidden;
  position: relative;
  padding: 0 0;
  padding-left: 40px !important;
}
.facebook-style .btn.btn-silver.btn-checkout span.text {
  display: table-cell;
  font-size: 14px;
  border-left: 1px solid #e9ebee;
  padding-left: 8px;
  padding: 11px 9px;
  height: 100%;
}
.facebook-style .btn.btn-silver.btn-checkout span.text.green {
  background-color: #42b72a;
  color: white;
}
.facebook-style .btn.btn-silver.btn-checkout.active {
  background-color: white;
  border-color: #42b72a;
}
.facebook-style .btn.btn-silver.btn-checkout.active .count {
  position: absolute;
  left: 20px;
  top: 5px;
  background: #42b72a;
  color: white;
  font-size: 12px;
  border-radius: 4px;
  height: 16px;
  padding: 2px 2px 0 2px;
  box-sizing: border-box;
  display: block;
}
@media (max-width: 800px) {
  .facebook-style .btn.btn-silver.btn-checkout.active .count {
    padding-top: 0;
    height: 18px;
  }
}
.facebook-style .login-button-facebook.btn-with-icon {
  background: #4267b2 url(https://d118vismjsp9sl.cloudfront.net/assets/05e0f336a879ac4361085a5c42189a8c.png) no-repeat;
  background-size: 15px;
  background-position: 5px center;
}
@media (max-width: 800px) {
  .facebook-style .login-button-facebook.btn-with-icon {
    background-size: 22px;
    background-position: 8px center;
  }
}
.facebook-style form input,
.facebook-style form textarea,
.facebook-style input,
.facebook-style textarea {
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #e9ebee;
  height: 36px;
  padding-left: 9px;
  border-radius: 2px;
  box-sizing: border-box;
  color: inherit;
}
@media (max-width: 800px) {
  .facebook-style form input,
  .facebook-style form textarea,
  .facebook-style input,
  .facebook-style textarea {
    font-size: 16px;
    height: 44px;
  }
}
.facebook-style form input:focus,
.facebook-style form textarea:focus,
.facebook-style input:focus,
.facebook-style textarea:focus {
  outline: none;
}
.facebook-style form input:disabled,
.facebook-style form textarea:disabled,
.facebook-style input:disabled,
.facebook-style textarea:disabled {
  background: #f9f9f9;
}
.facebook-style form input:disabled[type="submit"]:disabled,
.facebook-style form textarea:disabled[type="submit"]:disabled,
.facebook-style input:disabled[type="submit"]:disabled,
.facebook-style textarea:disabled[type="submit"]:disabled {
  opacity: 0.7;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-blue,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-blue,
.facebook-style input:disabled[type="submit"]:disabled.btn-blue,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-blue,
.facebook-style form input:disabled[type="submit"]:disabled .btn-default,
.facebook-style form textarea:disabled[type="submit"]:disabled .btn-default,
.facebook-style input:disabled[type="submit"]:disabled .btn-default,
.facebook-style textarea:disabled[type="submit"]:disabled .btn-default {
  background-color: #4267b2;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-green,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-green,
.facebook-style input:disabled[type="submit"]:disabled.btn-green,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-green {
  background-color: #42b72a;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-red,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-red,
.facebook-style input:disabled[type="submit"]:disabled.btn-red,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-red {
  background-color: #f93d3d;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-silver,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-silver,
.facebook-style input:disabled[type="submit"]:disabled.btn-silver,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-silver,
.facebook-style form input:disabled[type="submit"]:disabled .btn-primary,
.facebook-style form textarea:disabled[type="submit"]:disabled .btn-primary,
.facebook-style input:disabled[type="submit"]:disabled .btn-primary,
.facebook-style textarea:disabled[type="submit"]:disabled .btn-primary {
  background-color: #f6f7f8;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-transparent,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-transparent,
.facebook-style input:disabled[type="submit"]:disabled.btn-transparent,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-transparent {
  background-color: transparent;
}
.facebook-style form input:disabled[type="submit"]:disabled.btn-white,
.facebook-style form textarea:disabled[type="submit"]:disabled.btn-white,
.facebook-style input:disabled[type="submit"]:disabled.btn-white,
.facebook-style textarea:disabled[type="submit"]:disabled.btn-white {
  background-color: white;
}
.facebook-style form input.small,
.facebook-style form textarea.small,
.facebook-style input.small,
.facebook-style textarea.small {
  height: 27px;
  font-size: 12px;
}
@media (max-width: 800px) {
  .facebook-style form input.small,
  .facebook-style form textarea.small,
  .facebook-style input.small,
  .facebook-style textarea.small {
    height: 34px;
    font-size: 14px;
  }
}
.facebook-style input[type="checkbox"] {
  display: none;
}
.facebook-style input[type="checkbox"] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/c37734ff686ade794ad2dc8eaff6687c.png) no-repeat;
  cursor: pointer;
}
.facebook-style input[type="checkbox"]:checked + label span {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/212beee3b65b10a52abb7409067f1b50.png) no-repeat;
}
.facebook-style input[type="radio"] {
  display: none;
}
.facebook-style input[type="radio"] + label,
.facebook-style input[type="checkbox"] + label {
  cursor: pointer;
}
.facebook-style input[type="radio"] + label span {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/d4db101000781359975998a949900bc8.png) no-repeat;
  cursor: pointer;
}
.facebook-style input[type="radio"]:checked + label span {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/77594ba414f99a990dc64d59bbc8cc11.png) no-repeat;
}
.facebook-style ul.dropdown-menu li input[type="checkbox"] + label {
  padding: 4px 8px;
  white-space: nowrap;
  display: inline-block;
}
.facebook-style ul.dropdown-menu li input[type="checkbox"] + label > span {
  margin-right: 6px;
}
.facebook-style .select {
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat right 8px center;
  height: 27px;
  overflow: hidden;
  display: inline-block;
  outline: 0;
}
@media (max-width: 800px) {
  .facebook-style .select {
    height: 34px;
  }
}
.facebook-style .select select {
  background: transparent;
  border: none;
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 13px;
  font-weight: normal;
  height: 27px;
  min-width: 40px;
  padding: 0 20px 0 8px;
  border: 1px solid #e9ebee;
  border-radius: 2px;
  outline: 0;
  -webkit-appearance: none;
}
@media (max-width: 800px) {
  .facebook-style .select select {
    font-size: 14px;
    line-height: 16px;
    height: 34px;
  }
}
.facebook-style .select select::-ms-expand {
  display: none;
}
.facebook-style .select.large {
  height: 36px;
  font-size: 14px;
}
.facebook-style ::-webkit-input-placeholder {
  font-weight: 100;
  color: #c0c0c0;
}
.facebook-style :-moz-placeholder {
  /* Firefox 18- */
  font-weight: normal;
  color: #c0c0c0;
}
.facebook-style ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: normal;
  opacity: 1;
  color: #c0c0c0;
}
.facebook-style :-ms-input-placeholder {
  font-weight: normal;
  color: #c0c0c0;
}
.facebook-style .error-block {
  background-color: #ffebe8;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/cd9678d50e84dc57d86221e1e4e47992.png);
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 11px;
  text-align: left;
  padding: 10px 10px 10px 28px;
  border: 1px solid #dd5d3a;
  color: #dd5d3a;
  margin-bottom: 10px;
}
.facebook-style .error-block.no-cross {
  background-image: none;
}
.facebook-style .success-block {
  background-color: #e8fff1;
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 11px;
  text-align: left;
  padding: 10px 10px 10px 28px;
  border: 1px solid #0d4004;
  color: #0d4004;
  margin-bottom: 10px;
}
.facebook-style .search-box {
  font-size: 14px;
}
@media (max-width: 800px) {
  .facebook-style .search-box {
    font-size: 16px;
  }
}
.facebook-style .search-box .search-box-form {
  width: 100%;
  position: relative;
}
.facebook-style .search-box .search-box-form .search-input {
  border: 1px solid #e9ebee;
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/0c7e750bd74e63b95c7ac719ad9b05a6.png) no-repeat right 9px center;
  font-size: 12px;
  border-radius: 2px;
  height: 27px;
  width: 100%;
  padding-left: 9px;
  box-sizing: border-box;
  padding-right: 30px;
}
@media (max-width: 800px) {
  .facebook-style .search-box .search-box-form .search-input {
    font-size: 14px;
    height: 34px;
  }
}
.facebook-style .notification-container {
  margin: 20px 0;
  overflow: auto;
  float: left;
  width: 100%;
}
.facebook-style .notification-bar {
  width: 100%;
  display: table;
  border-radius: 2px;
  border: 1px solid #4267b2;
  box-sizing: border-box;
  float: left;
  margin: 5px 0;
}
.facebook-style .notification-bar .icon {
  width: 40px;
  height: 100%;
  background: #4267b2 url(https://d118vismjsp9sl.cloudfront.net/assets/efc645de667259c7ffd2c533232e7094.png) no-repeat center;
  border-left-radius: 2px;
  text-align: center;
  display: table-cell;
}
.facebook-style .notification-bar .message {
  padding: 4px 10px;
  display: table-cell;
}
.facebook-style .notification-bar .message a {
  text-decoration: none;
}
@media (max-width: 568px) {
  .facebook-style .form-horizontal .form-group input {
    width: 90%;
    margin-top: 5px;
  }
  .facebook-style .form-horizontal .form-group label {
    margin-top: 5px;
    width: 90%;
  }
}
.facebook-style .animation-fade-from {
  opacity: 0;
}
.facebook-style .animation-fade-to {
  -webkit-transition: opacity 1s linear 0.2s;
  -moz-transition: opacity 1s linear 0.2s;
  -o-transition: opacity 1s linear 0.2s;
  transition: opacity 1s linear 0.2s;
  opacity: 1;
}
.facebook-style .caret {
  display: inline-block;
  width: 9px;
  height: 5px;
  border: none;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat;
  margin-left: 8px;
  vertical-align: middle;
}
.facebook-style .dropup,
.facebook-style .dropdown {
  position: relative;
  display: inline;
}
.facebook-style .dropdown-toggle:focus {
  outline: 0;
}
.facebook-style .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.facebook-style .dropdown-menu:after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-right: 1px solid #e9ebee;
  border-bottom: 1px solid #e9ebee;
  -moz-transform: rotate(deg);
  -webkit-transform: rotate(-135deg);
  /*box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);*/
}
.facebook-style .dropdown-menu-left.dropdown-menu:after {
  right: auto;
  left: 10px;
  top: -6px;
}
.facebook-style .dropdown ul.dropdown-menu {
  position: absolute;
  top: 30px;
  border-radius: 0;
  border-color: #e9ebee;
  margin: 0;
  box-sizing: border-box;
  min-width: 100%;
  /*&.dropdown-menu-right {
            right: 2px;
        }*/
}
@media (max-width: 800px) {
  .facebook-style .dropdown ul.dropdown-menu {
    top: 42px;
  }
}
.facebook-style .dropdown ul.dropdown-menu-right.dropdown-menu {
  top: 34px;
}
.facebook-style .dropdown.large ul.dropdown-menu {
  top: 38px;
}
.facebook-style .dropdown.dropdown-normal ul.dropdown-menu {
  top: 24px;
}
.facebook-style .dropdown ul.dropdown-menu li {
  font-size: 12px;
  box-sizing: border-box;
}
.facebook-style .dropdown .dropdown-bump {
  position: absolute;
  top: 24px;
  left: 7px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/ba3f069cc26ffe5805a59a73f86d6739.png) no-repeat;
  width: 21px;
  height: 8px;
  z-index: 9999;
  display: none;
}
@media (max-width: 800px) {
  .facebook-style .dropdown .dropdown-bump {
    top: 37px;
  }
}
.facebook-style .dropdown .dropdown-bump.right-align {
  left: auto;
  right: 7px;
}
.facebook-style .dropdown.large .dropdown-bump {
  top: 33px;
}
.facebook-style .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.facebook-style .dropdown-menu .divider {
  height: 1px;
  margin: 5px 10px;
  overflow: hidden;
  background-color: #e9ebee;
}
.facebook-style .dropdown-menu > li > a {
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #1d2129;
  white-space: nowrap;
  text-decoration: none;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .facebook-style .dropdown-menu > li > a {
    font-size: 14px;
    line-height: 16px;
  }
}
.facebook-style .dropdown-menu-left > li > a {
  padding: 5px 14px 5px 12px;
}
.facebook-style .dropdown-menu-right > li > a {
  padding: 5px 12px 5px 14px;
}
.facebook-style .dropdown-menu-left > li > a:hover,
.facebook-style .dropdown-menu-left > li > a:focus {
  padding: 4px 14px 4px 12px;
}
.facebook-style .dropdown-menu-right > li > a:hover,
.facebook-style .dropdown-menu-right > li > a:focus {
  padding: 4px 14px 4px 12px;
}
.facebook-style .dropdown-menu > li > a:hover,
.facebook-style .dropdown-menu > li > a:focus {
  text-decoration: none;
  background-color: #4267b2;
  border-top: 1px solid #29487d;
  border-bottom: 1px solid #29487d;
  color: white;
}
.facebook-style .dropdown-menu > .active > a,
.facebook-style .dropdown-menu > .active > a:hover,
.facebook-style .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #4267b2;
  border-top: 1px solid #29487d;
  border-bottom: 1px solid #29487d;
  color: white;
}
.facebook-style .dropdown-menu > .disabled > a,
.facebook-style .dropdown-menu > .disabled > a:hover,
.facebook-style .dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.facebook-style .dropdown-menu > .disabled > a:hover,
.facebook-style .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.facebook-style .open > .dropdown-menu {
  display: block;
}
.facebook-style .open > a {
  outline: 0;
}
.facebook-style .dropdown-menu-left {
  left: 0;
  right: auto;
}
.facebook-style .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.facebook-style .dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.facebook-style .dropup .caret,
.facebook-style .navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.facebook-style .clean.dropdown > button.btn {
  color: #4e5665;
  text-decoration: none;
  font-size: 14px;
  padding: 5px 0;
  border: none;
  box-shadow: none;
  font-weight: normal;
}
.facebook-style .clean.dropdown > button.btn .caret {
  height: 6px;
}
.facebook-style .clean.dropdown > button.btn .fb-name {
  margin-left: 8px;
}
.facebook-style .clean.dropdown > button.btn img {
  width: 20px;
  vertical-align: middle;
}
.facebook-style .clean ul.dropdown-menu {
  right: 0;
  left: auto;
}
.facebook-style .clean ul.dropdown-menu > li {
  text-align: left;
}
.facebook-style .clean ul.dropdown-menu > li > a {
  font-size: 12px;
  font-weight: normal;
}
.facebook-style .dropup .dropdown-menu,
.facebook-style .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .facebook-style .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .facebook-style .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.facebook-style .clear-both {
  clear: both;
}
.facebook-style .clearfix:before,
.facebook-style .clearfix:after {
  content: " ";
  display: table;
}
.facebook-style .clearfix:after {
  clear: both;
}
.facebook-style .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.facebook-style .pull-right {
  float: right !important;
}
.facebook-style .pull-left {
  float: left !important;
}
.facebook-style .hide {
  display: none !important;
}
.facebook-style .show {
  display: block !important;
}
.facebook-style .invisible {
  visibility: hidden;
}
.facebook-style .text-center {
  text-align: center;
}
.facebook-style .text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.facebook-style .hidden {
  display: none !important;
}
.facebook-style .affix {
  position: fixed;
}
.facebook-style .invalid-product {
  color: red;
  width: 100%;
  display: block;
}
.facebook-style .loading {
  width: 100%;
  box-sizing: border-box;
  padding-top: 20%;
  text-align: center;
  margin: 10px auto;
  display: inline-block;
}
.facebook-style .footer-container {
  width: 100%;
}
.facebook-style .footer {
  padding: 0 24px;
  width: 100%;
  border-top: 1px solid #dfdfdf;
  display: inline-block;
  color: #616161;
  margin-top: 24px;
  box-sizing: border-box;
  height: 56px;
}
.facebook-style .footer .footer-content {
  height: 100%;
  width: 100%;
  display: table;
}
@media (max-width: 800px) {
  .facebook-style .footer {
    padding: 0 24px;
  }
}
.facebook-style .footer .language {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  padding: 8px 0 5px 26px;
  cursor: pointer;
  line-height: 14px;
}
.facebook-style .footer .language.bn {
  font-family: 'Noto Sans Bengali', 'Roboto', helvetica, arial, sans-serif;
}
.facebook-style .footer .language.icon {
  background-size: 18px 18px;
  background-position: left center;
}
.facebook-style .footer .copyright {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  margin-top: 5px;
  color: #616161;
}
.canvas-overflow-hide .facebook-style .footer {
  padding: 0 5px;
}
@-moz-keyframes facebookSpinner {
  0% {
    -moz-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    opacity: 0.1;
  }
}
@-webkit-keyframes facebookSpinner {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    opacity: 0.1;
  }
}
@keyframes facebookSpinner {
  0% {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.7, 0.7);
    -ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
    opacity: 0.1;
  }
}
.facebook-style .facebook-spinner {
  width: 25px;
  height: 28px;
  margin: 10px auto;
}
.facebook-style .facebook-spinner .spinner-block {
  float: left;
  width: 7px;
  height: 28px;
  background-color: #8b9dc3;
  border: 1px solid #3b5998;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-animation-name: facebookSpinner;
  -webkit-animation-name: facebookSpinner;
  animation-name: facebookSpinner;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.facebook-style .facebook-spinner .spinner-block:not(:last-child) {
  margin-right: 2px;
}
.facebook-style .facebook-spinner .block-1 {
  -moz-animation-delay: 100ms;
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.facebook-style .facebook-spinner .block-2 {
  -moz-animation-delay: 200ms;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.facebook-style .facebook-spinner .block-3 {
  -moz-animation-delay: 300ms;
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
.facebook-style table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.facebook-style table tr {
  border-bottom: 1px solid #dfdfdf;
  vertical-align: middle;
}
.facebook-style table th {
  font-size: 11px;
  font-weight: 400;
  color: #90949c;
  padding: 14px;
  text-align: center;
}
@media (max-width: 800px) {
  .facebook-style table th {
    font-size: 12px;
  }
}
.facebook-style table td {
  font-size: 14px;
  vertical-align: middle;
  padding: 14px;
  text-align: center;
  color: #1d2129;
}
@media (max-width: 800px) {
  .facebook-style table td {
    font-size: 16px;
  }
}
@media (max-width: 350px) {
  .facebook-style table td,
  .facebook-style table th {
    padding: 14px 5px;
  }
}
.facebook-style .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  /*text-align: start;*/
  /* text-decoration: none;
      text-shadow: none;
      text-transform: none;*/
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  line-break: auto;
}
.facebook-style .tooltip.in {
  /*filter: alpha(opacity=90);
      opacity: .9;*/
}
.facebook-style .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.facebook-style .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.facebook-style .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.facebook-style .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.facebook-style .tooltip-inner {
  max-width: 280px;
  padding: 14px 12px;
  text-align: left;
  background-color: white;
  border-radius: 2px;
  color: #606060;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.facebook-style .tooltip-arrow {
  /*  position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
      color: #606060;*/
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  right: 8px;
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  margin: 0 auto;
  border-right: 1px solid #e9ebee;
  border-bottom: 1px solid #e9ebee;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
  /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);*/
}
.facebook-style [uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
.facebook-style [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
.facebook-style [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
.facebook-style [uib-popover-popup].popover.top-left > .arrow,
.facebook-style [uib-popover-popup].popover.top-right > .arrow,
.facebook-style [uib-popover-popup].popover.bottom-left > .arrow,
.facebook-style [uib-popover-popup].popover.bottom-right > .arrow,
.facebook-style [uib-popover-popup].popover.left-top > .arrow,
.facebook-style [uib-popover-popup].popover.left-bottom > .arrow,
.facebook-style [uib-popover-popup].popover.right-top > .arrow,
.facebook-style [uib-popover-popup].popover.right-bottom > .arrow,
.facebook-style [uib-popover-html-popup].popover.top-left > .arrow,
.facebook-style [uib-popover-html-popup].popover.top-right > .arrow,
.facebook-style [uib-popover-html-popup].popover.bottom-left > .arrow,
.facebook-style [uib-popover-html-popup].popover.bottom-right > .arrow,
.facebook-style [uib-popover-html-popup].popover.left-top > .arrow,
.facebook-style [uib-popover-html-popup].popover.left-bottom > .arrow,
.facebook-style [uib-popover-html-popup].popover.right-top > .arrow,
.facebook-style [uib-popover-html-popup].popover.right-bottom > .arrow,
.facebook-style [uib-popover-template-popup].popover.top-left > .arrow,
.facebook-style [uib-popover-template-popup].popover.top-right > .arrow,
.facebook-style [uib-popover-template-popup].popover.bottom-left > .arrow,
.facebook-style [uib-popover-template-popup].popover.bottom-right > .arrow,
.facebook-style [uib-popover-template-popup].popover.left-top > .arrow,
.facebook-style [uib-popover-template-popup].popover.left-bottom > .arrow,
.facebook-style [uib-popover-template-popup].popover.right-top > .arrow,
.facebook-style [uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
}
.facebook-style [uib-tooltip-popup].tooltip.top,
.facebook-style [uib-tooltip-popup].tooltip.bottom {
  left: auto;
  right: auto;
}
.facebook-style [uib-tooltip-popup].tooltip.top .tooltip-arrow,
.facebook-style [uib-tooltip-popup].tooltip.bottom .tooltip-arrow {
  top: auto;
  bottom: 0;
  left: 50%;
  right: 50%;
}
.facebook-style [uib-tooltip-popup].tooltip.top-left {
  left: auto !important;
}
.facebook-style [uib-tooltip-popup].tooltip.top-left .tooltip-arrow {
  right: 0;
  left: auto !important;
  bottom: 0;
  margin-right: 8px;
}
.facebook-style [uib-tooltip-popup].tooltip.top-right {
  left: auto !important;
}
.facebook-style [uib-tooltip-popup].tooltip.top-right .tooltip-arrow {
  left: 5px;
  margin-left: 8px;
}
.facebook-style [uib-tooltip-popup].tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  right: auto;
  margin-top: -5px;
  -moz-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
}
.facebook-style [uib-tooltip-popup].tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.facebook-style [uib-tooltip-popup].tooltip.bottom .tooltip-arrow {
  top: 0;
  bottom: auto;
  -moz-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.facebook-style [uib-tooltip-popup].tooltip.top-left {
  left: auto !important;
}
.facebook-style [uib-tooltip-popup].tooltip.top-left .tooltip-arrow {
  right: 0;
  left: auto !important;
  bottom: 0;
  margin-right: 8px;
}
.facebook-style [uib-tooltip-popup].tooltip.bottom-left {
  left: auto !important;
}
.facebook-style [uib-tooltip-popup].tooltip.bottom-left .tooltip-arrow {
  left: 0;
  right: auto !important;
  top: 0;
  margin-left: 8px;
}
.facebook-style [uib-tooltip-popup].tooltip.bottom-right {
  right: auto !important;
}
.facebook-style [uib-tooltip-popup].tooltip.bottom-right .tooltip-arrow {
  right: 0;
  left: auto !important;
  top: 0;
  margin-right: 8px;
}
.facebook-style .tooltip.top-right,
.facebook-style .tooltip.bottom-right {
  /*.tooltip-inner {
            margin-left: 70px;
        }*/
  /*.tooltip-arrow {
            margin-right: 70px !important;
        }*/
}
.facebook-style .tooltip.top-left,
.facebook-style .tooltip.bottom-left {
  /*.tooltip-arrow {
            margin-left: 0 !important;
        }*/
}
.facebook-style .tooltip.top-left .tooltip-inner,
.facebook-style .tooltip.bottom-left .tooltip-inner {
  /* margin-left: -70px;*/
}
.facebook-style .right-align {
  float: right;
}
.facebook-style .left-align {
  float: left;
}
.facebook-style .text-left {
  text-align: left;
}
.facebook-style .text-right {
  text-align: right;
}
.facebook-style .hide-on-mobile {
  display: inline-block;
}
.facebook-style .overflow-auto {
  display: block;
}
@media (min-width: 800px) {
  .facebook-style .hide-on-desktop {
    display: inline;
  }
}
@media (min-width: 800px) {
  .facebook-style .hide-on-desktop {
    display: none;
  }
  .facebook-style .hide-on-mobile {
    display: inline;
  }
}
@media (max-width: 800px) {
  .facebook-style .hide-on-mobile {
    display: none !important;
  }
}
@media (max-width: 800px) and (min-width: 592px) {
  .facebook-style .hide-on-medium {
    display: none;
  }
}
@media (max-width: 592px) {
  .facebook-style .hide-under-small {
    display: none;
  }
}
@media (min-width: 592px) {
  .facebook-style .hide-over-small {
    display: none;
  }
}
.facebook-style .basic-shopup-header {
  height: 96px;
  width: 100%;
  background-color: #f9f9f9;
  display: table;
  text-align: center;
}
.facebook-style .basic-shopup-header .logo {
  display: table-cell;
  vertical-align: middle;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1698736a53bc877ebc94243f440fa5ac.png) no-repeat center;
  background-size: 128px;
  width: 128px;
  height: 30px;
  margin: 0 auto;
}
.facebook-style .illustration {
  width: 100%;
  height: 200px;
  padding: 40px 0;
  background-size: auto 200px;
  background-position: center;
}
@media (min-width: 800px) {
  .facebook-style .illustration {
    overflow: auto;
    /* margin-top: 20px;*/
  }
}
.facebook-style .illustration.null {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/ed9ffb3c2a68c9f4b5fcff977975c59d.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.null {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.welcome {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1911f01c1cfc0c136747b6046c9eeb20.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.welcome {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.buildyourstore {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/d648a9c217704127e50bf78188c617a0.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.buildyourstore {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.allowpagepermission {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/96e3ba31a89ab5187fe64dd68ad00937.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.allowpagepermission {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.buildingyourstore {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/b9a434e9f1a3af2b72d2945f5a26b185.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.buildingyourstore {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.succcefully-build-your-store {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/03e62db8f79b91231562628c4d9d31d5.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.succcefully-build-your-store {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.reward {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/368203212cb5b50e0078ed1be50cda5e.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.reward {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.collection {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/8290590015e8b1458d0b5bf73a9c331d.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.collection {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.boost {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/f7c4d621854d58b9673a964790632017.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.boost {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.coupon {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6c029e3a55f5f0318f2f75713e908a3c.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.coupon {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.coupon-card {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/509e0e1819a9d3405610d8df56982007.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.coupon-card {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.waiting {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/12a0a2c697210ad036ebcf89e48cb607.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.waiting {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.delivery-approved {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/ca396f0c1a0a7d39c8aef126728b1581.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.delivery-approved {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.delivery-rejected {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6bf48f582ca58253dd902cafefd90279.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.delivery-rejected {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.capital {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/628d32e314989db5f5b18e86725269d3.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.capital {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.capital-approved {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/bf9fa592b7d7fddb809c68e3ac8062e5.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.capital-approved {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.capital-rejected {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6bf48f582ca58253dd902cafefd90279.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.capital-rejected {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.order {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1d3d110e0a6a6d59eb8834965d395f39.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.order {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.customer {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/205c3eea3b2889b31c67776340046055.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.customer {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.dashboard {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/114959b9877d5ff8d257ec77345bd7e0.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.dashboard {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.purchase {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/e163e1ea2483336ae13a2f658d186c20.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.purchase {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.manual {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/49c3c29fe1b56253684d1c08b41412e5.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.manual {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.login {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/60a78f8e1cdd4d692e080d74366908d0.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.login {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.search {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/7f5f6b119196228986abe664bffd1701.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.search {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.no-product {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6d12db8e3d3afb36d4b661e03a7d520a.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.no-product {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.fivehundred {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/7690cae7e36ad9e44b9fd3b24e2a004e.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.fivehundred {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.sms {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/9917e220759d2428e09f451b38a5a5d0.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.sms {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.bot {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1c07875d6b60e1d9d9322eafec191a87.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.bot {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.empty-cart {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/640162f556bda9e26968a1ee839a2e42.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.empty-cart {
    background-size: auto 150px;
  }
}
.facebook-style .illustration.shwanirbhor {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/2e56d8dcd911c38a72a9344e6ea625b1.png) no-repeat center center;
  background-size: auto 200px;
}
@media (max-width: 800px) {
  .facebook-style .illustration.shwanirbhor {
    background-size: auto 150px;
  }
}
@media (max-width: 800px) {
  .facebook-style .illustration {
    height: 150px;
    background-size: auto 150px;
  }
}
.facebook-style .empty-title {
  font-size: 22px;
}
.facebook-style .empty-block {
  padding-bottom: 40px;
  padding-top: 40px;
}
@media (max-width: 800px) {
  .facebook-style .empty-block {
    padding-top: 0;
  }
}
.facebook-style .empty-block.adding-a-page {
  padding-top: 200px;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .facebook-style .empty-block.adding-a-page {
    padding-top: 150px;
  }
}
.facebook-style .empty-block .slider-indicator {
  margin-top: 0;
}
.facebook-style .empty-block h3 {
  font-size: 22px;
}
.facebook-style .empty-block p {
  line-height: 25px;
}
.facebook-style .empty-block .empty-elements {
  text-align: center;
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 800px) {
  .facebook-style .empty-block .empty-elements {
    width: 100%;
  }
}
.facebook-style .empty-block .empty-elements h3 {
  font-size: 22px;
}
.facebook-style .empty-block .empty-elements p {
  padding-top: 9px;
}
.facebook-style .empty-block .empty-elements .btn {
  margin: 30px 5px 0 5px;
}
.facebook-style .empty-block .empty-elements span.note {
  width: 100%;
  padding: 50px 0;
  display: block;
}
.facebook-style .empty-block .empty-elements span.non-disclosure {
  width: 100%;
  max-width: 290px;
  margin: 0 auto;
  padding: 50px 0;
  display: block;
  line-height: 20px;
  font-size: 11px;
  color: #c0c0c0;
}
.facebook-style .empty-block .empty-elements .fb-login-button {
  margin: 30px auto 0 auto;
  display: block;
  margin-top: 20px;
  width: 183px;
}
.facebook-style .col-size-10 {
  width: 100%;
}
.facebook-style .col-size-9 {
  width: 90%;
}
.facebook-style .col-size-85 {
  width: 85%;
}
.facebook-style .col-size-8 {
  width: 80%;
}
.facebook-style .col-size-7 {
  width: 70%;
}
.facebook-style .col-size-6 {
  width: 60%;
}
.facebook-style .col-size-5 {
  width: 50%;
}
.facebook-style .col-size-45 {
  width: 45%;
}
.facebook-style .col-size-4 {
  width: 40%;
}
.facebook-style .col-size-35 {
  width: 35%;
}
.facebook-style .col-size-3 {
  width: 30%;
}
.facebook-style .col-size-25 {
  width: 25%;
}
.facebook-style .col-size-2 {
  width: 20%;
}
.facebook-style .col-size-15 {
  width: 15%;
}
.facebook-style .col-size-1 {
  width: 10%;
}
.facebook-style .col-size-05 {
  width: 5%;
}
.facebook-style .col-size {
  float: left;
}
.facebook-style .col-size.center {
  text-align: center;
}
.facebook-style .wrapper #preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 99999;
  height: 100%;
}
.facebook-style .wrapper #preloader #status {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  margin: -32px 0 0 -32px;
  padding: 0;
}
.facebook-style .va-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.facebook-style .top-margin-2 {
  margin-top: 2px;
}
.facebook-style .top-margin-40 {
  margin-top: 40px;
}
.facebook-style .top-margin-big {
  margin-top: 176px;
}
.facebook-style .bottom-margin-5 {
  margin-bottom: 5px;
}
.facebook-style .bottom-margin-10 {
  margin-bottom: 10px;
}
.facebook-style .bottom-margin-15 {
  margin-bottom: 15px;
}
.facebook-style .bottom-margin-20 {
  margin-bottom: 20px;
}
.facebook-style .bottom-margin-25 {
  margin-bottom: 25px;
}
.facebook-style .bottom-margin-30 {
  margin-bottom: 30px;
}
.facebook-style .bottom-margin-40 {
  margin-bottom: 40px;
}
.facebook-style .bottom-margin-big {
  margin-bottom: 176px;
}
.facebook-style .bottom-padding-50 {
  padding-bottom: 50px;
}
.facebook-style .bottom-padding-big {
  padding-bottom: 176px;
}
.facebook-style .force-height {
  min-height: calc(100vh - 100px);
}
.facebook-style .force-height-with-head {
  min-height: calc(100vh - 180px);
}
.facebook-style .force-height-with-head-reseller {
  min-height: calc(100vh - 0px);
}
.facebook-style .force-height-without-footer {
  min-height: 400px;
  min-height: calc(100vh);
}
.facebook-style .force-height-min {
  min-height: calc(100vh - 296px);
}
.facebook-style .force-height-half {
  min-height: calc(60vh);
}
.facebook-style .force-full-height {
  min-height: calc(100vh);
}
.facebook-style .force-min-height-qtr {
  min-height: calc(50vh);
}
.facebook-style .force-min-height-qtr-2 {
  min-height: calc(25vh);
}
.canvas-overflow-hide .facebook-style .force-height {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-height-with-head {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-height-without-footer {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-height-min {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-height-half {
  min-height: 200px;
}
.canvas-overflow-hide .facebook-style .force-full-height {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-min-height-qtr {
  min-height: 600px;
}
.canvas-overflow-hide .facebook-style .force-min-height-qtr-2 {
  min-height: 600px;
}
.facebook-style .full-width {
  width: 100%;
}
.facebook-style .display-table {
  display: table;
}
.facebook-style .display-inline-block {
  display: inline-block;
}
.facebook-style .info-icon {
  width: 12px;
  height: 12px;
  margin-left: 5px;
}
.facebook-style .info-icon.light {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/16c9141cc65d0a6c46dee035967a892e.png) no-repeat;
  background-position: 0px 2px;
  height: 15px;
}
.facebook-style .info-icon.dark {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/f483395f2cde7999066c11cc7c5c2bdb.png) no-repeat;
}
.facebook-style .add-pointer {
  cursor: pointer;
}
.facebook-style .red-star {
  color: red;
}
.facebook-style .language {
  cursor: pointer;
}
.facebook-style .shop-page-head {
  padding-top: 40px;
  display: table-row;
  float: left;
  width: 100%;
}
.facebook-style .shop-page-head.border-bottom {
  padding: 10px 0px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
}
.canvas-overflow-hide .facebook-style .shop-page-head.not-admin {
  padding-top: 15px;
}
@media (max-width: 800px) {
  .facebook-style .shop-page-head.invoice h5 {
    font-size: 20px;
  }
}
.facebook-style .shop-page-head .page-main-texts {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.facebook-style .shop-page-head .page-main-texts p {
  padding-top: 5px;
  display: block;
}
.facebook-style .shop-page-head .page-main-texts.individual-order {
  width: 80%;
}
.facebook-style .shop-page-head .full-width {
  width: 100%;
  margin-top: 20px;
}
.facebook-style .shop-page-head .full-width .va-helper {
  text-align: right;
}
.facebook-style .shop-page-head .va-helper {
  display: table-cell;
}
.facebook-style .shop-page-head .va-helper > span {
  display: block;
}
.facebook-style .shop-page-head .va-helper.steps p,
.facebook-style .shop-page-head .va-helper.steps-indicator p {
  width: 100px;
  text-align: right;
}
.facebook-style .shop-page-head .va-helper.login {
  display: table-cell;
  width: 100%;
  padding-right: 16px;
}
.facebook-style .shop-page-head .va-helper.login .login {
  padding: 0 8px 0 0;
  width: 100%;
  display: inline-block;
  float: left;
  text-align: right;
}
.facebook-style .shop-page-head .va-helper.login .login a {
  display: inline-block;
  width: 100%;
  padding-right: 8px;
}
.facebook-style .shop-page-head .va-helper.padding-right {
  padding-right: 10px;
}
.facebook-style .shop-page-head .margin-left {
  margin-left: 8px;
}
.facebook-style .shop-page-head .btn {
  display: table-cell;
  vertical-align: middle;
}
.facebook-style .shop-page-head .dropdown {
  display: block;
}
.facebook-style .shop-page-head .dropdown .btn {
  display: inline-block;
}
.facebook-style .shop-page-head .clean {
  margin-right: 16px;
}
.facebook-style .shop-page-head .translator {
  display: inline-block;
  margin-right: 16px;
}
.facebook-style .shop-page-head .translator p {
  padding-left: 82px;
  /*.en & {
                    padding-left: 65px;
                }*/
  background-size: 20px;
}
.facebook-style .shop-page-head .translator.en {
  padding-left: 65px;
}
.facebook-style .shop-page-head .user-dropdown {
  padding-left: 0;
}
.facebook-style .page-details-holder {
  background: #f9f9f9;
  padding: 18px 10px;
  height: 100px;
  border-bottom: 1px solid #e9ebee;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}
.canvas-overflow-hide .facebook-style .page-details-holder {
  margin-top: 10px;
  float: left;
  width: 100%;
  display: none;
}
@media (max-width: 800px) {
  .facebook-style .page-details-holder {
    height: 70px;
    padding: 18px 20px;
  }
  .facebook-style .page-details-holder h4 {
    font-size: 20px;
    line-height: 24px;
  }
}
.facebook-style .page-details-holder img {
  width: 64px;
  height: 64px;
  float: left;
}
@media (max-width: 800px) {
  .facebook-style .page-details-holder img {
    width: 45px;
    height: 45px;
  }
}
.facebook-style .page-details-holder .page-details {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
@media (max-width: 800px) {
  .facebook-style .page-details-holder .page-details {
    margin-top: 3px;
  }
}
.facebook-style .filters-holder {
  padding-top: 20px;
  *zoom: 1;
  *display: inline;
  display: inline-block;
  width: 100%;
}
.facebook-style .filters-holder .filters {
  background: #f9f9f9;
  padding: 15px 10px;
  border: 1px solid #e9ebee;
  box-sizing: border-box;
}
.facebook-style .filters-holder .filters .each-filter {
  margin-right: 8px;
}
.facebook-style .filters-holder .filters .each-filter:last-child {
  margin-right: 0;
}
.facebook-style .filters-holder .filters .calender-icon,
.facebook-style .filters-holder .filters .list-icon {
  display: inline-block;
  width: 20px;
}
.facebook-style .filters-holder .filters .calender-icon img,
.facebook-style .filters-holder .filters .list-icon img {
  width: 100%;
  display: none;
  vertical-align: middle;
}
.facebook-style .filters-holder .filters .calender-icon.active img.active,
.facebook-style .filters-holder .filters .list-icon.active img.active {
  display: inline-block;
}
.facebook-style .filters-holder .filters .calender-icon.inactive img.inactive,
.facebook-style .filters-holder .filters .list-icon.inactive img.inactive {
  display: inline-block;
  cursor: pointer;
}
.facebook-style .filters-holder .filters .calender-icon img {
  margin-bottom: 2px;
}
.facebook-style .filters-holder .filters .mode {
  r: 0;
}
.facebook-style .filters-holder .filters .search-box {
  width: 240px;
  float: right;
}
@media (max-width: 800px) {
  .facebook-style .filters-holder .filters {
    display: inline-block;
    width: 100%;
    padding: 0 10px 10px 10px;
    background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/425ea6343875f9ad515663a273d9f4bf.png);
    background-repeat: no-repeat;
    background-position: top 15px right 10px;
  }
  .facebook-style .filters-holder .filters .filter-desc {
    padding-top: 10px;
    padding-bottom: 15px;
    cursor: pointer;
  }
  .facebook-style .filters-holder .filters.active {
    padding-bottom: 0;
    background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/61a796d93c6f79a6277036676221e903.png);
    background-position: top 15px right 10px;
  }
  .facebook-style .filters-holder .filters.active .filter-desc {
    padding-bottom: 10px;
  }
  .facebook-style .filters-holder .filters.active .each-filter,
  .facebook-style .filters-holder .filters.active .search-box {
    display: none;
  }
  .facebook-style .filters-holder .filters .each-filter {
    float: left;
    margin-right: 2%;
    margin-top: 15px;
    width: 49%;
  }
  .facebook-style .filters-holder .filters .each-filter.first,
  .facebook-style .filters-holder .filters .each-filter.second {
    margin-top: 0;
  }
  .facebook-style .filters-holder .filters .each-filter.left {
    margin-left: 0;
    margin-right: 1%;
  }
  .facebook-style .filters-holder .filters .each-filter.right {
    margin-right: 0;
    margin-left: 1%;
  }
  .facebook-style .filters-holder .filters .each-filter.full {
    width: 100%;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col {
    width: 32%;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col.third {
    margin-top: 0;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col.second {
    margin-left: 1%;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col.right {
    margin-left: 0;
  }
  .facebook-style .filters-holder .filters .each-filter ul.dropdown-menu {
    width: 100%;
  }
  .facebook-style .filters-holder .filters .each-filter .btn {
    width: 100%;
    text-align: left;
  }
  .facebook-style .filters-holder .filters .each-filter .btn .caret {
    position: absolute;
    top: 14px;
    right: 8px;
  }
  .facebook-style .filters-holder .filters .search-box {
    width: 100%;
    margin-top: 15px;
    box-sizing: border-box;
  }
}
@media (max-width: 800px) {
  .facebook-style .filters-holder .filters .each-filter {
    float: left;
    margin-right: 2%;
    margin-top: 15px;
    width: 100%;
  }
  .facebook-style .filters-holder .filters .each-filter.second {
    margin-top: 15px;
  }
  .facebook-style .filters-holder .filters .each-filter.left {
    margin-left: 0;
    margin-right: 0;
  }
  .facebook-style .filters-holder .filters .each-filter.right {
    margin-right: 0;
    margin-left: 0;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col {
    width: 100%;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col.third {
    margin-top: 15px;
  }
  .facebook-style .filters-holder .filters .each-filter.three-col.second {
    margin-left: 0;
  }
  .facebook-style .filters-holder .filters .search-box {
    width: 100%;
  }
}
.facebook-style .table-column-names {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .facebook-style .table-column-names {
    display: none;
  }
}
.facebook-style .table-column-names.only-mobile {
  display: none;
}
@media (max-width: 800px) {
  .facebook-style .table-column-names.only-mobile {
    display: inherit;
  }
}
.facebook-style .table-column-names .table-column-name {
  color: #90949c;
  float: left;
  font-size: 11px;
  font-weight: 500;
}
@media (max-width: 800px) {
  .facebook-style .table-column-names .table-column-name {
    font-size: 12px;
  }
}
.facebook-style .table-column-names .table-column-name.center {
  text-align: center;
}
.facebook-style .table-column-names .table-column-name.left {
  text-align: left;
}
.facebook-style .table-column-names .table-column-name.right {
  text-align: right;
}
.facebook-style .table-column-names .table-column-name.pull-right {
  float: right;
}
.facebook-style .table-column-names-mobile {
  width: 100%;
  padding: 20px 10px;
  box-sizing: border-box;
  font-weight: 500;
}
@media (min-width: 800px) {
  .facebook-style .table-column-names-mobile {
    display: none;
  }
}
.facebook-style .table-column-names-mobile .table-column-name {
  color: #90949c;
  float: left;
  font-size: 11px;
  /*font-weight: 500;*/
}
@media (max-width: 800px) {
  .facebook-style .table-column-names-mobile .table-column-name {
    font-size: 12px;
  }
}
.facebook-style .table-column-names-mobile .table-column-name.center {
  text-align: center;
}
.facebook-style .table-column-names-mobile .table-column-name.left {
  text-align: left;
}
.facebook-style .table-column-names-mobile .table-column-name.right {
  text-align: right;
}
.facebook-style .horizontal-line {
  float: left;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
  box-sizing: border-box;
}
.facebook-style .bold {
  font-weight: bold;
}
.facebook-style .hr {
  width: 100%;
  display: inline-block;
  margin: 20px 0;
}
.facebook-style .hr hr {
  width: 44.5%;
  float: left;
  display: inline;
}
.facebook-style .hr span {
  width: 10%;
  float: left;
  margin-top: 4px;
  text-align: center;
}
.facebook-style .payment-box {
  width: 120px;
  height: 40px;
  background-color: #e9ebee;
  vertical-align: middle;
  margin: 10px auto 30px auto;
}
.facebook-style .payment-box span {
  font-size: 16px;
  padding-top: 8px;
  display: block;
  font-weight: 500;
  color: #1d2129;
}
.ratings {
  margin-top: 1px;
  position: relative;
}
.ratings .sprite-holder .star-ratings-sprite {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/73eb03662440defa36dab2546c76b8c5.png) repeat-x;
  background-size: 24px 36px;
  font-size: 0;
  height: 18px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999em;
  width: 117px;
  position: relative;
}
.ratings .sprite-holder .star-ratings-sprite .rating-point {
  float: left;
  width: 140px;
  height: auto;
  position: absolute;
}
.ratings .sprite-holder .star-ratings-sprite .rating-point .point {
  width: 24px;
  height: 18px;
  background: transparent;
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.ratings .sprite-holder .star-ratings-sprite-rating {
  position: absolute;
  margin-top: 0 !important;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/73eb03662440defa36dab2546c76b8c5.png) repeat-x;
  background-position: left 0 bottom -1px;
  background-size: 24px 36px;
  height: 16px;
  display: block;
}
.ratings .sprite-holder .given-rating {
  float: left;
  margin-top: 3px;
  margin-left: 16px;
}
/*Canvas hack*/
.canvas-overflow-hide {
  overflow: hidden;
  background-color: white;
}
/* Hide Preloader Images */
.hide-preloader {
  display: none;
}
.state-overlay {
  /*background: white;
    opacity: .1;*/
}
.info-icon.light {
  display: none !important;
}
.typeahead-demo .custom-popup-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: #f9f9f9;
}
.typeahead-demo .custom-popup-wrapper > .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686;
}
.typeahead-demo .custom-popup-wrapper > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 160px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.margin-top-100 {
  margin-top: 100px;
}
.margin-top-20 {
  margin-top: 20px;
}
.steps-indicator {
  display: inline-block;
  margin-top: 30px;
  padding-bottom: 25px;
}
@media (max-width: 800px) {
  .steps-indicator {
    padding-bottom: 0;
  }
}
.steps-indicator .step {
  float: left;
  position: relative;
}
.steps-indicator .step .circle {
  float: left;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  padding: 0;
  background: #fff;
  border: 2px solid #e9ebee;
  color: #e9ebee;
  text-align: center;
  font-size: 12px;
  line-height: 23px;
}
.steps-indicator .step .circle.active {
  border: 2px solid #ffce00;
  color: #ffce00;
}
.steps-indicator .step .circle.complete {
  width: 25px;
  height: 25px;
  border: none;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/20b8c04c15cd5f1b525ed8b91b597b04.png) no-repeat;
  background-size: 25px;
  font-size: 0;
}
.steps-indicator .step .line {
  float: left;
  width: 62px;
  height: 2px;
  background: #e9ebee;
  margin-top: 10.5px;
}
@media (max-width: 800px) {
  .steps-indicator .step .line {
    width: 52px;
  }
}
.steps-indicator .step .line.complete {
  background: #ffce00;
}
.steps-indicator .step .label {
  position: absolute;
  top: 38px;
  left: -32px;
  width: 80px;
  text-align: center;
}
@media (max-width: 800px) {
  .steps-indicator .step .label {
    display: none;
  }
}
/*
Plugin styles override: angularjs-slider
Type: Slider
https://github.com/angular-slider/angularjs-slider
*/
.rzslider.shopup-slider .rz-pointer {
  top: -9px;
  width: 20px;
  height: 20px;
  background-color: #4267b2 !important;
  box-shadow: 0 2px 8px rgba(8, 8, 8, 0.65);
}
.rzslider.shopup-slider .rz-pointer.rz-active {
  outline: 0;
}
.rzslider.shopup-slider .rz-pointer:after {
  background: #4267b2 !important;
  top: 6px;
  left: 6px;
}
.rzslider.shopup-slider .rz-bar {
  background-color: #dfe0e4;
  height: 5px;
}
.rzslider.shopup-slider .rz-bubble {
  display: none;
}
.rzslider.shopup-slider[disabled] .rz-pointer {
  background-color: #e0e0e0 !important;
}
.rzslider.shopup-slider[disabled] .rz-pointer:after {
  background: #e0e0e0 !important;
}
.rounded-table .text-tgreen {
  color: #42b72a;
}
.rounded-table .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.rounded-table .row.header {
  color: #c0c0c0;
}
.rounded-table .row.header > * {
  padding: 10px 5px;
  font-size: 12px;
}
.rounded-table .row:nth-child(2) {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.rounded-table .row:nth-child(n+2) {
  border: 1px solid #c0c0c0;
  border-bottom-width: 0;
}
.rounded-table .row:last-child {
  border-bottom-width: 1px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.rounded-table > * > * {
  /* Don't nest this. [Selector weight] */
  display: inline-block;
  padding: 15px 10px;
  text-align: center;
  line-height: 16px;
  width: 100%;
  font-size: 14px;
}
.line-separated-table .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid #dfe0e4;
  cursor: pointer;
}
.line-separated-table .row.header {
  color: #c0c0c0;
}
.line-separated-table .row.header > * {
  padding: 10px 5px;
  font-size: 12px;
}
.line-separated-table .row.header.font-11 > * {
  font-size: 11px;
}
.line-separated-table > * > * {
  /* Don't nest this. [Selector weight] */
  display: inline-block;
  padding: 18px 6px;
  text-align: center;
  line-height: 16px;
  width: 100%;
  font-size: 14px;
}
.line-separated-table.remove-last-border .active-nested-tab {
  background-color: #dfe0e4;
}
.line-separated-table.remove-last-border .inactive-nested-tab {
  background-color: none;
}
.line-separated-table.remove-last-border > .row:last-child {
  border-bottom: 0;
}
.line-separated-table .text-tgreen {
  color: #42b72a;
}
@media (max-width: 800px) {
  .line-separated-table.responsive .row:first-child {
    display: none;
  }
  .line-separated-table.responsive .row:nth-child(n+2) {
    flex-direction: column;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .line-separated-table.responsive .row:nth-child(n+2) > div {
    text-align: left;
    padding: 8px 6px;
  }
  .line-separated-table.responsive .row:nth-child(n+2) > div::before {
    content: attr(xs-label);
    display: inline-block;
    margin-right: 4px;
    font-weight: 500;
  }
}
.line-separated-inline-table .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 1px solid #dfe0e4;
  cursor: pointer;
}
.line-separated-inline-table .row.header {
  color: #c0c0c0;
}
.line-separated-inline-table .row.header > * {
  padding: 10px 5px;
  font-size: 12px;
}
.line-separated-inline-table .row.header.font-11 > * {
  font-size: 11px;
}
.line-separated-inline-table .row > * {
  /* Don't nest this. [Selector weight] */
  display: inline-block;
  padding: 18px 6px;
  text-align: center;
  line-height: 16px;
  width: 100%;
  font-size: 14px;
}
.line-separated-inline-table .row.inner-table {
  border-left: 1px solid #dfe0e4;
  border-right: 1px solid #dfe0e4;
  background: #f7f7f7;
}
.line-separated-inline-table .row.table-header-responsive {
  font-weight: bold;
}
@media (max-width: 800px) {
  .line-separated-inline-table .row.table-header-responsive {
    display: none;
  }
}
.line-separated-inline-table.remove-last-border .active-nested-tab {
  background-color: #dfe0e4;
}
.line-separated-inline-table.remove-last-border .inactive-nested-tab {
  background-color: none;
}
.line-separated-inline-table.remove-last-border .inactive-nested-tab:hover {
  background: #dfe0e4;
}
.line-separated-inline-table.remove-last-border > .row:last-child {
  border-bottom: 0;
}
.line-separated-inline-table .text-tgreen {
  color: #42b72a;
}
@media (max-width: 800px) {
  .line-separated-inline-table.responsive > .row:first-child {
    display: none;
  }
  .line-separated-inline-table.responsive .row {
    flex-direction: column;
    padding-bottom: 12px;
    margin-bottom: 10px;
  }
  .line-separated-inline-table.responsive .row > div {
    text-align: left;
    padding: 8px 6px;
  }
  .line-separated-inline-table.responsive .row > div::before {
    content: attr(xs-label);
    display: inline-block;
    margin-right: 4px;
    font-weight: 500;
  }
}
.bkash-block {
  margin-top: 5px;
  width: 100%;
  height: 40px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/0dbe0a2be5067425137c498149a08fce.jpg) no-repeat;
  background-size: 100%;
}
@media (max-width: 480px) {
  .bkash-block {
    width: 100%;
    background: url(https://d118vismjsp9sl.cloudfront.net/assets/606a67e65cadb25d16a0fc771dbc8394.jpg) no-repeat;
    background-size: 100%;
  }
}
.checkout-no-padding .bkash-block {
  margin-top: 20px;
}
.shopup-daterange {
  position: relative;
  display: inline-block;
}
.shopup-daterange input.model {
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/bc449c133b447d364816addddbcd2152.png) no-repeat right 9px center;
  background-size: 15px 15px;
  cursor: pointer;
  width: 121px;
}
.shopup-daterange .custom-date-picker-holder {
  background-color: #FFF;
  width: 490px;
  padding: 15px 0px 10px;
  border: 1px solid #DDD;
  position: absolute;
  z-index: 3;
  box-shadow: 0px 2px 3px 0px #00000012;
  top: 27px;
}
.shopup-daterange .custom-date-picker-holder .calender-set {
  height: auto;
  padding: 0 12px;
}
.shopup-daterange .custom-date-picker-holder em {
  font-size: 12px;
  font-style: normal;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender tbody .btn.active,
.shopup-daterange .custom-date-picker-holder .calender-set .calender tbody .btn:active {
  /* Normal dates */
  width: 12px;
  padding: 0;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender tbody .btn[disabled] {
  /* Disabled/Retard dates */
  cursor: not-allowed;
  color: #d4d4d4;
  background-color: #FFF;
  font-weight: 100;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender tbody .btn .text-muted {
  /* Next month dates */
  color: #afafaf;
  background-color: #FFF;
  font-weight: 100;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender .red .btn {
  /* Selected dates */
  color: #4267b2;
  font-weight: 900;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender .red .btn .text-muted {
  color: #4267b2;
  font-weight: 900;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender .red .btn.active,
.shopup-daterange .custom-date-picker-holder .calender-set .calender .red .btn:active {
  color: #fff;
  background-color: #4267b2;
}
.shopup-daterange .custom-date-picker-holder .calender-set .calender table .btn {
  text-align: center;
}
.shopup-daterange .picker-footer {
  margin: 14px 0 0;
  border-top: 1px solid #DDD;
  padding: 10px 12px 0;
}
.shopup-daterange.lean-right .custom-date-picker-holder {
  right: 0px;
}
.shopup-daterange.lean-left .custom-date-picker-holder {
  left: 0px;
}
@media (max-width: 800px) {
  .shopup-daterange {
    display: inline-block;
    width: 100%;
  }
  .shopup-daterange input.model {
    width: 100%;
  }
  .shopup-daterange .custom-date-picker-holder {
    right: 0;
    left: 0;
    width: auto;
  }
}
.product-category-picker {
  position: relative;
  user-select: none;
}
.product-category-picker .valuebox {
  position: relative;
  z-index: 2;
  background-color: #f9f9f9;
  padding: 6px 10px;
  margin: 10px 0 0;
  border: 1px solid #e9ebee;
  cursor: pointer;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat;
  background-position: right 8px center;
}
.product-category-picker.white-bg .valuebox {
  background-color: #fff;
}
.product-category-picker .dropmenu {
  position: absolute;
  border: 1px solid #f9f9f9;
  top: 25px;
  left: 0;
  right: 0;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.18);
}
.product-category-picker .dropmenu .search {
  position: relative;
  z-index: 2;
}
.product-category-picker .dropmenu .search input {
  width: 100%;
  height: 27px;
  font-size: 12px;
  border-width: 1px 0;
  border-radius: 0;
}
.product-category-picker .dropmenu .search .icon {
  position: absolute;
}
.product-category-picker .dropmenu .search .icon.magnify {
  top: 6px;
  right: 7px;
}
.product-category-picker .dropmenu .search .icon.enter {
  top: 9px;
  right: 8px;
  width: 13px;
}
.product-category-picker .dropmenu .search .icon.busy {
  top: 7px;
  right: 7px;
  width: 14px;
}
.product-category-picker .dropmenu .categories {
  position: relative;
  z-index: 2;
  background-color: #FFF;
  padding: 10px 10px;
}
.product-category-picker .dropmenu .categories .breadcrumbs {
  font-size: 11px;
  margin-bottom: 11px;
  border-bottom: 1px dashed #eaeaea;
  padding-bottom: 6px;
}
.product-category-picker .dropmenu .categories .breadcrumbs a {
  cursor: pointer;
}
.product-category-picker .dropmenu .categories .breadcrumbs a.disabled {
  color: #000;
  text-decoration: none;
  cursor: initial;
}
.product-category-picker .dropmenu .categories .list {
  r: 0;
}
.product-category-picker .dropmenu .categories .list .eachCat {
  margin: 0 0 10px;
  cursor: pointer;
}
.product-category-picker .dropmenu .categories .list .eachCat .title {
  font-size: 13px;
}
.product-category-picker .dropmenu .categories .list .eachCat .count {
  border: 1px solid #DDD;
  border-radius: 10px;
  padding: 2px 6px;
  font-size: 10px;
  margin-left: 5px;
}
.product-category-picker .dropmenu .categories .list .eachCat.isParent {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/292d7b1193765d122069d7a7456e61d2.jpg) no-repeat;
  background-position: center right;
}
.product-category-picker .dropmenu .categories .list .eachCat.results {
  margin: 0 0 10px;
}
.product-category-picker .dropmenu .categories .list .eachCat.results .title {
  font-size: 13px;
}
.product-category-picker .dropmenu .categories .list .eachCat.results .trail {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 9px;
}
.product-category-picker .dropmenu .categories .list .eachCat:hover .title {
  font-weight: 500;
}
form.ng-dirty .product-category-picker.ng-empty .valuebox {
  border-color: #b94a48;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
/*
    Angular UI Bootstrap Accordion styles (minimal)
    https://angular-ui.github.io/bootstrap/#!#accordion
*/
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: 0.35s;
  transition-timing-function: ease;
}
.collapse.in {
  display: block;
}
.collapse {
  display: none;
}
pre.sticky {
  position: fixed;
  width: 400px;
  top: 0;
  right: 0;
  height: 100%;
  overflow: auto;
  background-color: #dcdcdc;
  z-index: 1;
}
.left-right-layout {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.left-right-layout .left-aligned {
  display: flex;
  flex-flow: column wrap;
}
.left-right-layout .right-aligned {
  display: flex;
  flex-flow: column wrap;
}
.space-between {
  justify-content: space-between;
}
.right-aligned-text {
  text-align: right;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.layout-main-with-sidebar {
  display: flex;
  flex-direction: row;
}
@media (max-width: 525px) {
  .layout-main-with-sidebar {
    flex-direction: column;
  }
}
.layout-main-with-sidebar .main-content {
  max-width: 600px;
}
.circular-border {
  border-radius: 15px;
  min-width: 40px;
  border: 1px solid #CED0D4;
}
.center-align-text {
  text-align: center;
}
.lowlight {
  color: #A5A8AE;
}
.ai-center {
  align-items: center;
}
svg path.triangle-down {
  d: path("M10,20 L0,0 L20,0 Z");
}
svg path.triangle-up {
  d: path("M10,0 L0,20 L20,20 Z");
}
svg path.triangle-double-up {
  d: "M742.051,248l-4.31-4.091L733.431,248";
}
.lowlight {
  color: #A5A8AE;
}
.pr-base-hr {
  padding-right: 12px;
}
.transition-all {
  transition: all 0.2s ease-in;
}
.folded {
  max-height: 60px;
  overflow-y: hidden;
}
.expanded {
  max-height: 1000px;
  overflow-y: hidden;
}
.cursor-pointer {
  cursor: pointer;
}
.force-inline-block {
  display: inline-block !important;
}
.cursor-pointer {
  cursor: pointer;
}
.flash-message {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  font-size: 14px;
}
.flash-message span.delete-icon {
  margin-top: 3px;
}
.emphasis-blue {
  color: #4e68a4;
}
.info {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-text {
  font-weight: 700;
  color: green;
  font-size: 14px;
  display: flex;
  align-items: center;
}
.info-email a {
  color: #666;
}
.emailspan {
  color: #D44638;
}
.email-icon {
  padding-right: 10px;
}
@media (max-width: 800px) {
  .info-text {
    font-size: 12px !important;
  }
}
.log-track {
  margin: 0 40px 30px;
}
.log-track .event {
  display: flex;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/58ac58f24f50bb88489ce6f10cb869e0.png);
  background-position: 83px 4px;
  background-repeat: repeat-y;
  background-size: 2px;
  padding-bottom: 18px;
}
.log-track .event:only-child {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/58ac58f24f50bb88489ce6f10cb869e0.png);
}
.log-track .event:only-child .icon {
  background-color: #FFF;
}
.log-track .event:first-child {
  padding-top: 40px;
}
.log-track .event:first-child .icon img {
  width: 18px;
}
.log-track .event:first-child .title {
  height: 38px;
  color: #F27123;
  color: #00ABC0;
  font-size: 14px;
  line-height: 19px;
}
.log-track .event:first-child.last-event {
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 32px;
}
.log-track .event:last-child {
  padding-bottom: 0;
}
.log-track .event:last-child:not(:only-child) {
  background-image: none;
}
.log-track .event .when {
  font-size: 11px;
}
.log-track .event .when > label {
  line-height: 10px;
  display: block;
  text-align: right;
}
.log-track .event .when .time {
  margin: 0 0 4px;
  color: #616262;
}
.log-track .event .when .date {
  width: 65px;
  max-width: 65px;
  color: #A6A6A9;
}
.log-track .event .icon {
  width: 38px;
  text-align: center;
  flex-shrink: 0;
}
.log-track .event .icon img {
  width: 14px;
}
.log-track .event .title {
  line-height: 16px;
  font-size: 13px;
  color: #BBB;
  margin-top: -1px;
  /* width: 225px; */
  height: 32px;
}
.modal-busy-spinner {
  padding: 40px 0;
}
.orderTrackingBtn {
  cursor: pointer;
  margin: 5px 0 0;
}
.breakdown-modal.modal-body {
  padding: 0;
}
.breakdown-modal .pair {
  display: flex;
  border-bottom: 1px dashed #DFDFDF;
}
.breakdown-modal .pair.borderless {
  border: 0;
}
.breakdown-modal .pair .cell {
  padding: 0 18px;
  height: 45px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
}
.breakdown-modal .pair .cell:first-child {
  flex: 7;
  align-items: flex-start;
}
.breakdown-modal .pair .cell:last-child {
  flex: 3;
  align-items: flex-end;
  color: #1C2129;
  font-weight: 600;
}
.breakdown-modal .pair .cell p {
  font-size: 12px;
  color: #616262;
  line-height: 15px;
}
.breakdown-modal .pair .cell p.sub {
  color: #A6A6A9;
  font-size: 10px;
}
.breakdown-modal .pair .bold {
  color: #1C2129;
  font-weight: 600;
}
.breakdown-modal .pair .red {
  color: #EB4848 !important;
}
@media (min-width: 800px) {
  .p-tracking-public .track-wrap {
    padding: 0 0 0 190px;
  }
}
.user {
  overflow: auto;
}
.user .sign-up-holder {
  text-align: center;
  width: 360px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 400px) {
  .user .sign-up-holder {
    width: 100%;
  }
}
.user .sign-up-holder h3.padding-top {
  padding-top: 100px;
}
.user .sign-up-holder p {
  margin: 20px auto 26px 0;
  line-height: 25px;
}
.user .sign-up-holder p span {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.user .sign-up-holder .btn {
  font-size: 14px;
}
.user .sign-up-holder form {
  width: 100%;
  /* 	   		.exists-verification-code {
	text-align: left;
	.verification-code-checkbox {
		display: block!important;
		width: 15px!important;
		float: left;
		margin-bottom: 0;
	}
	.title {
		margin: 0;
		margin: 0;
		padding-top: 5px;
		margin-left: 20px;
	}
} */
}
.user .sign-up-holder form .form-group {
  width: 100%;
}
.user .sign-up-holder form .form-group.phone-number {
  position: relative;
}
.user .sign-up-holder form .form-group.phone-number .country-code {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  text-align: center;
  height: 32px;
  padding-top: 10px;
  font-size: 14px;
}
@media (max-width: 800px) {
  .user .sign-up-holder form .form-group.phone-number .country-code {
    font-size: 16px;
    padding-top: 13px;
  }
}
.user .sign-up-holder form .form-group.phone-number .change-number {
  /* position: absolute;
	   					bottom:-10px;
	   					right:0; */
  float: right;
  right: 0;
}
.user .sign-up-holder form .form-group.phone-number .change-number:hover {
  text-decoration: none;
}
.user .sign-up-holder form .form-group.phone-number .have-verification-code {
  margin-top: 10px;
  float: right;
  right: 0;
}
.user .sign-up-holder form .form-group.phone-number .have-verification-code:hover {
  text-decoration: none;
}
.user .sign-up-holder form .form-group.phone-number.verification-code {
  height: 0;
}
.user .sign-up-holder form .form-group.phone-number.verification-code.show-verification {
  height: auto;
}
.user .sign-up-holder form .form-group.phone-number.verification-code input {
  border: none;
  max-height: 0;
  transition: max-height 0.15s ease-out;
}
.user .sign-up-holder form .form-group.phone-number.verification-code input.show-verification {
  border: 1px solid #e9ebee;
  max-height: 50px;
  transition: max-height 0.25s ease-in;
}
.user .sign-up-holder form .form-group input {
  width: 100%;
  margin-bottom: 10px;
}
.user .sign-up-holder form .form-group input.phone-number {
  padding-left: 52px;
}
.user .sign-up-holder form .btn.full-width {
  width: 100%;
  margin-top: 10px;
}
.user .sign-up-holder form .reset-block {
  width: 100%;
  float: left;
  margin-top: 0;
}
.user .sign-up-holder form .reset-block a {
  width: 50%;
  margin-top: 30px;
}
@media (max-width: 500px) {
  .user .sign-up-holder form .reset-block a {
    width: 100%;
  }
}
.user .sign-up-holder form .reset-block .right {
  float: right;
  text-align: right;
  width: 200px;
}
.user .sign-up-holder form .reset-block .left {
  float: left !important;
  text-align: left;
  width: 80px;
}
.user .sign-up-holder form .reset-block .guest-checkout {
  width: 100%;
  margin-top: 20px;
}
.slider-indicator {
  width: 100%;
  margin: 40px 0;
  height: 18px;
}
@media (max-width: 800px) {
  .slider-indicator {
    margin: 40px 0 30px 0;
  }
}
.slider-indicator.one {
  margin: 0;
  padding: 40px 0;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/4f9f9f3e1c711ca60d71e518f3ece7d2.png) no-repeat center center;
  background-size: 188px 18px;
}
.slider-indicator.two {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/cd1f1129ee90d4d1ab6ddb5694ea5414.png) no-repeat center center;
  background-size: 188px 18px;
}
.slider-indicator.three {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/60ad7087e5f3c91d8dbb98e01fb886ed.png) no-repeat center center;
  background-size: 188px 18px;
}
.user .panel .btn {
  float: right;
  margin: 10px 10px 0 0;
}
.settings .not-reseller-banner {
  background-color: #6f58a4;
  background-repeat: no-repeat;
  background-position: right;
  color: #ded9ea;
  padding: 22px 45px;
}
.settings .not-reseller-banner .banner-body {
  text-align: center;
}
.settings .not-reseller-banner .banner-body h4 {
  font-size: 27px;
  font-weight: 500;
  color: #fdd301;
  margin-bottom: 8px;
}
.settings .not-reseller-banner .banner-body p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 100;
  margin-bottom: 12px;
}
.settings .not-reseller-banner .banner-body p b {
  color: #FFF;
  font-weight: 400;
}
.settings .not-reseller-banner .banner-body .btn-pink {
  font-size: 17px;
  font-weight: 100;
  color: #FFF;
  background-color: #eb407a;
  padding: 15px 40px;
  border-radius: 20px;
}
.settings .not-reseller-banner .banner-body .btn-pink:active {
  background-color: #493c7d;
}
@media (min-width: 832px) {
  .settings .not-reseller-banner {
    background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/98f33907f98d127dd0be5006136d5fd6.png);
  }
  .settings .not-reseller-banner .banner-body {
    text-align: left;
    width: 48%;
  }
}
.settings .reseller-block {
  padding-top: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  margin: 0 auto;
}
.settings .reseller-block > h3 {
  margin-bottom: 60px;
}
.settings .reseller-block .buttonWrap {
  background-color: #F5F5F5;
  margin-top: 35px;
  padding: 15px 19px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  border-radius: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.settings .reseller-block .buttonWrap p {
  margin-right: 10px;
}
@media (min-width: 800px) {
  .settings .reseller-block {
    width: 686px;
  }
  .settings .reseller-block .buttonWrap p {
    margin-right: 0;
  }
}
.settings #manage-pages {
  padding-top: 60px;
}
.settings .settings-dropdown {
  float: right;
  margin-top: 10px;
}
.settings .settings-container {
  margin: 0 auto;
}
.settings .settings-container .page-title {
  margin: 12px 0 80px;
  color: #333333;
}
.settings .settings-container .managable-list-title {
  margin: 0px 0 0px;
  color: #333333;
}
@media (min-width: 800px) {
  .settings .settings-container {
    width: 686px;
  }
}
.settings .empty-title {
  font-size: 18px;
  font-weight: 500;
}
.settings .settings-holder {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 500px) {
  .settings .settings-holder {
    width: 100%;
  }
}
.settings .settings-holder p {
  margin: 2px auto 24px;
  line-height: 25px;
}
.settings .settings-holder p.click-call {
  margin-top: -18px;
}
.settings .settings-holder.building-shop {
  padding-top: 20%;
  vertical-align: middle;
}
.settings .slider-indicator {
  margin-top: 0;
}
.settings table {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 800px) {
  .settings table {
    width: 685px;
  }
}
.settings table .page-name-hover .enter {
  width: 16px;
  height: 10px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1a7c818d1c3d44ba9918317713046657.png) no-repeat;
  background-size: 16px 10px;
  display: inline-block;
  margin-right: 5px;
}
.settings table .page-name-hover:hover {
  text-decoration: underline;
}
.settings table .page-token-th {
  width: 36px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 450px) {
  .settings table .page-token-th {
    width: 30px;
  }
}
.settings table .page-token-th .page-token-text {
  float: left;
}
@media (max-width: 800px) {
  .settings table .page-token-th .page-token-text {
    float: none;
  }
}
.settings table .page-token-th .table-tooltip {
  display: inline-block;
  float: left;
}
@media (max-width: 800px) {
  .settings table .page-token-th .table-tooltip {
    display: none;
  }
}
.settings table tbody tr:hover {
  cursor: pointer;
}
.settings table tbody tr.page-not-added {
  background: #f9f9f9;
  cursor: inherit;
}
.settings table tbody tr.page-not-added td {
  color: #90949c;
}
.settings table .action-th {
  width: 60px;
}
.settings table .btn {
  width: 56px;
  text-align: center;
  padding: 9px 6px;
}
@media (max-width: 800px) {
  .settings table .btn {
    width: 65px;
  }
}
.settings table .btn.btn-silver {
  padding: 8px 5px;
}
@media (max-width: 350px) {
  .settings table th .action {
    max-width: 80px;
  }
}
.settings table td.page-name,
.settings th.page-name {
  width: 100%;
  /* @media (max-width: 350px) { 
        min-width: 80px;
      }*/
}
@media (max-width: 450px) {
  .settings table td.page-name,
  .settings th.page-name {
    min-width: 90px;
  }
}
.settings table td.page-name img {
  vertical-align: middle;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
@media (max-width: 450px) {
  .settings table td.page-name img {
    float: left;
  }
}
.settings table td.page-name span {
  text-align: left;
}
@media (max-width: 450px) {
  .settings table td.page-name span {
    width: 75px;
    display: block;
    float: left;
    word-wrap: break-word;
  }
}
@media (max-width: 350px) {
  .settings table td.page-name span {
    width: 75px;
  }
}
.settings table td.update {
  padding: 14px 30px;
}
/*Settings Pages*/
.loadmore {
  margin: 0 auto;
  display: table;
  padding-top: 50px;
  text-align: center;
}
.loadmore .create-page-new {
  margin-top: 40px;
}
.new-page {
  width: auto;
  padding-top: 24px;
  text-align: center;
  /*  p {
      padding-bottom: 10px;
    }*/
}
.new-page .create-page-btn {
  padding-top: 12px;
  width: 124px;
  display: inline-block;
  margin-top: 10px;
}
.new-page-form {
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
}
.new-page-form input {
  width: 100%;
  margin-bottom: 10px;
}
.new-page-form input.phone {
  border: 0;
  width: 88%;
  padding-left: 4px;
}
.new-page-form .select {
  height: 34px;
  width: 100%;
  margin-bottom: 8px;
}
.new-page-form select {
  height: 34px !important;
  width: 100%;
}
.new-page-form textarea {
  min-height: 72px;
  width: 100%;
  margin-bottom: 8px;
}
.new-page-form button {
  width: 47%;
}
.new-page-form button:first-of-type {
  float: left;
}
.new-page-form button:last-of-type {
  float: right;
}
.new-page-form .dropdown-menu {
  min-width: 240px;
  width: auto !important;
  padding: 6px;
  box-shadow: none;
  display: inline-block;
}
.new-page-form .dropdown-menu:after {
  left: 8px;
  right: auto;
}
.new-page-form .image-input-wrap {
  height: 32px;
  text-align: left;
  margin-bottom: 10px;
  border: 1px solid #e9ebee;
  position: relative;
}
.new-page-form .image-input-wrap input[type="file"] {
  opacity: 0;
  background: transparent;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.new-page-form .image-input-wrap button {
  padding: 0;
  height: 26px;
  width: 94px;
  margin-right: 2px;
  margin-top: 3px;
  z-index: 0;
  position: absolute;
  right: 0;
}
.new-page-form .image-input-wrap button.progress {
  padding-left: 20px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/63f162e212858585e1d48b37966c588f.gif) no-repeat;
  background-size: 12px 12px;
  background-position: center left 4px;
}
@media (max-width: 700px) {
  .new-page-form .image-input-wrap button {
    line-height: 11px;
    font-size: 12px;
  }
}
.new-page-form .image-input-wrap label {
  color: #C9CBC9;
  font-size: 14px;
  margin-left: 9px;
  margin-top: 8px;
  float: left;
  z-index: -1;
  overflow: hidden;
  height: 17px;
}
.new-page-form .wait-for-res {
  margin-top: 125px;
}
.new-page-form form.ng-dirty input.ng-invalid {
  box-shadow: none;
  border-color: #e9ebee !important;
}
.new-page-form form.ng-dirty input.ng-invalid.act {
  border-color: #B94A48 !important;
}
.new-page-form textarea.ng-invalid {
  box-shadow: none;
  border-color: #e9ebee !important;
}
.new-page-form textarea.ng-invalid.act {
  border-color: #B94A48 !important;
}
.order-list-holder {
  padding-top: 20px;
  overflow: hidden;
}
.order-list-holder .order-list {
  width: 100%;
  float: left;
}
.order-list-holder .order-list .order {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  color: #4B4F56;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}
.order-list-holder .order-list .order.highlight {
  background: #edf2fa;
}
.order-list-holder .order-list .order:last-child {
  border-bottom: 1px solid #dfdfdf;
}
.order-list-holder .order-list .order .identity p {
  color: white;
  padding: 2px 8px;
  display: inline-block;
  border-radius: 4px;
}
.order-list-holder .order-list .order .identity span.reseller-text {
  width: 100%;
  display: block;
  margin-top: 5px;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .identity {
    width: 15%;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .identity {
    width: 100%;
    padding-bottom: 16px;
  }
}
.order-list-holder .order-list .order .order-info h6 {
  font-size: 16px;
}
.order-list-holder .order-list .order .order-info span {
  display: block;
  width: 100%;
  margin-top: 4px;
  color: #1d2129;
}
.order-list-holder .order-list .order .order-info:hover {
  text-decoration: none;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .order-info {
    width: 50%;
    padding-bottom: 16px;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .order-info {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .order-products {
    width: 35%;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .order-products {
    width: 100%;
    padding-bottom: 16px;
  }
}
.order-list-holder .order-list .order .order-products .product-images {
  width: 190px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .order-products .product-images {
    text-align: right;
    float: right;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .order-products .product-images {
    text-align: left;
    float: left;
  }
}
.order-list-holder .order-list .order .order-products .product-images .each-image {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 8px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .order-products .product-images .each-image {
    float: right;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .order-products .product-images .each-image {
    float: left;
    margin-left: 0;
    margin-right: 8px;
  }
}
.order-list-holder .order-list .order .order-products .product-images .each-image img {
  width: 100%;
}
.order-list-holder .order-list .order .order-products .product-images .each-image .plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: black 5px;
  box-shadow: -5px -4px 144px -7px rgba(0, 0, 0, 0.57);
}
.order-list-holder .order-list .order .order-products .product-images .each-image .plus span {
  position: absolute;
  top: 17px;
  left: 15px;
  font-weight: normal;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .order-products .product-images .each-image .plus span {
    font-size: 15px;
  }
}
.order-list-holder .order-list .order .total {
  text-align: center;
  color: #1d2129;
}
.order-list-holder .order-list .order .total:hover {
  text-decoration: none;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .total {
    padding-top: 16px;
    width: 50%;
    border-top: 1px solid #dfdfdf;
    float: right !important;
    text-align: right;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .total {
    width: 30%;
  }
}
.order-list-holder .order-list .order .total .line-through {
  text-decoration: line-through;
  color: red;
}
.order-list-holder .order-list .order .total .line-through .discount-on {
  color: #c0c0c0;
}
.order-list-holder .order-list .order .status {
  text-align: center;
}
@media (max-width: 800px) {
  .order-list-holder .order-list .order .status {
    padding-top: 16px;
    margin-left: 15%;
    width: 35%;
    border-top: 1px solid #dfdfdf;
    float: right !important;
    text-align: left;
  }
}
@media (max-width: 592px) {
  .order-list-holder .order-list .order .status {
    width: 70%;
    margin-left: 0;
  }
}
.order-list-holder .order-list .order .col-size {
  float: left;
  box-sizing: border-box;
}
.order-list-holder .order-list .order .btn {
  width: 70px;
}
/* Order States */
.orders .order-state {
  font-size: 10px;
  color: white;
  padding: 5px;
  border-radius: 5px;
  text-transform: capitalize;
  text-align: center;
  display: inline;
}
.order-state-red {
  background: #f93f40;
}
.order-state-green {
  background: #4268b3;
}
.order-state-yellow {
  background: #68ab38;
}
.order-state-blue {
  background: #e9a826;
}
/* Pathao Banner
******************************/
.pathao-banner-image {
  width: 100%;
  cursor: pointer;
}
.export-container {
  width: 100%;
}
.export-container p {
  padding: 10px 0px;
}
.export-container .download-title {
  padding: 20px 0px 10px 0px;
  font-size: 14px;
  color: #90949c;
}
.export-container .download-options {
  font-size: 14px;
}
.export-container .download-options .option {
  padding-right: 20px;
}
.facebook-style .export-modal {
  padding-bottom: 30px !important;
}
.facebook-style .export-modal input,
.facebook-style .export-modal textarea {
  width: 95%;
  margin-top: 8px;
}
.facebook-style .export-modal textarea {
  overflow: auto;
  resize: none;
}
.facebook-style .export-modal textarea.small {
  height: 60px;
}
.facebook-style .export-modal .form-horizontal label span {
  word-wrap: break-word;
}
.invoice-information {
  padding-bottom: 20px;
  width: 100%;
  *zoom: 1;
  display: inline;
  display: inline-block;
}
.invoice-information.no-padding-bottom {
  padding-bottom: 0;
}
@media (max-width: 800px) {
  .invoice-information p {
    font-size: 14px;
    line-height: 20px;
  }
}
.invoice-information .information-head {
  padding-top: 20px;
  padding-bottom: 20px;
}
.invoice-information .information-head.center {
  text-align: center;
}
.invoice-information .information-head.padding-top {
  padding-top: 56px;
}
.invoice-information .information-head.no-padding-bottom {
  padding-bottom: 0;
}
@media (max-width: 800px) {
  .invoice-information .information-head.no-padding-bottom-small {
    padding-bottom: 0;
  }
}
@media (max-width: 800px) {
  .invoice-information .information-head h6 {
    font-size: 15px;
  }
}
.invoice-information .information-head.individual-invoice .header {
  width: 80%;
  float: left;
}
.invoice-information .information-head.individual-invoice .remove-invoice {
  width: 20%;
  float: left;
}
.invoice-information .information-head.individual-invoice .remove-invoice .text-red {
  color: red;
  float: right;
  cursor: pointer;
  text-decoration: none;
  padding-right: 10px;
}
.invoice-information .information-head.individual-invoice .remove-invoice .right {
  float: right;
}
.invoice-information .information-head.individual-invoice .more-product {
  width: 20%;
  float: left;
}
.invoice-information .information-head.individual-invoice .more-product .right {
  float: right;
}
.invoice-information .information-list {
  float: left;
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  border: 1px solid #e9ebee;
}
.invoice-information .information-list .information {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .col-size {
    width: 100%;
  }
}
.invoice-information .information-list .information p {
  color: #333333;
  padding: 0 0 3px 0;
}
.invoice-information .information-list .information p.instruction {
  color: #4B4F56;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .main {
    box-sizing: border-box;
  }
}
.invoice-information .information-list .information.edit {
  /*background: #f9f9f9;*/
}
.invoice-information .information-list .information .label p {
  font-weight: 500;
  color: #333333;
}
.invoice-information .information-list .information .view {
  position: relative;
}
.invoice-information .information-list .information .view .l-edit {
  margin-left: 20px;
  font-size: 14px;
}
.invoice-information .information-list .information .view p {
  display: inline;
}
.invoice-information .information-list .information .edit .instruction {
  width: 100%;
}
.invoice-information .information-list .information .edit .form-holder {
  width: 100%;
  padding-top: 8px;
  float: left;
}
.invoice-information .information-list .information .edit .form-holder.full-width {
  max-width: 100%;
}
.invoice-information .information-list .information .edit .form-holder.full-width .input-holder .label {
  width: 20%;
}
.invoice-information .information-list .information .edit .form-holder.full-width .input-holder textarea {
  width: 90%;
  height: 62px;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .edit .form-holder.full-width .input-holder textarea {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .edit .form-holder {
    width: 100%;
    max-width: 100%;
  }
}
.invoice-information .information-list .information .edit .form-holder .input-holder {
  width: 100%;
  display: table;
  padding-bottom: 8px;
}
.invoice-information .information-list .information .edit .form-holder .input-holder .label {
  display: table-cell;
  width: 80px;
  text-align: left;
  padding-right: 5%;
  vertical-align: middle;
  /*&.guest-label{
								width: 25%;
							}*/
}
.invoice-information .information-list .information .edit .form-holder .input-holder .label p {
  color: #90949c;
  font-weight: normal;
}
.invoice-information .information-list .information .edit .form-holder .input-holder .label .info-icon {
  display: inline-block;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .edit .form-holder .input-holder .label {
    width: 100%;
    display: block;
    float: left;
    text-align: left;
    padding-bottom: 4px;
  }
  .invoice-information .information-list .information .edit .form-holder .input-holder .label.guest-label {
    width: 100%;
  }
}
.invoice-information .information-list .information .edit .form-holder .input-holder .input-box {
  display: table-cell;
  width: 80%;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .edit .form-holder .input-holder .input-box {
    width: 100%;
    display: block;
    float: left;
  }
}
.invoice-information .information-list .information .edit .form-holder .input-holder .input-box input {
  width: 100%;
}
@media (max-width: 800px) {
  .invoice-information .information-list .information .edit .form-holder .input-holder .input-box input {
    width: 100%;
  }
}
.invoice-information .information-list .information .edit .form-holder .input-holder .input-box textarea {
  width: 100%;
  height: 60px;
}
.invoice-information .information-list .information .edit .form-holder .submit-panel {
  width: 100%;
  padding-top: 8px;
  border-top: 1px solid #dfdfdf;
  float: left;
  text-align: right;
}
.invoice-information .information-list .information .edit .form-holder .submit-panel .btn {
  margin-left: 8px;
}
.invoice-information .information-list .information:first-child,
.invoice-information .information-list .information:last-child {
  padding: 0;
}
.invoice-information .information-list .information .col-size {
  float: left;
}
.invoice-information .invoice-buttons {
  float: right;
  width: 100%;
  padding: 30px 0 40px 0;
}
.invoice-information .invoice-buttons .btn {
  float: right;
  margin-left: 8px;
  /*@media (max-width: 330px) {
                margin-top: 20px;
            }*/
}
@media (max-width: 800px) {
  .invoice-information .invoice-buttons .btn {
    margin-left: 8px;
  }
}
@media (max-width: 380px) {
  .invoice-information .invoice-buttons .btn {
    margin-top: 20px;
  }
}
.invoice-information .invoice-buttons .fb-messenger-checkbox {
  float: left;
  margin-top: -25px;
}
@media (max-width: 800px) {
  .invoice-information .invoice-buttons .fb-messenger-checkbox {
    width: 100%;
    margin-bottom: 25px;
  }
}
.invoice-information.payment {
  padding-top: 40px;
}
.invoice-products-holder {
  overflow: hidden;
  padding-bottom: 20px;
}
.invoice-products-holder .invoice-table {
  display: inline-block;
  width: 100%;
  border: 1px solid #e9ebee;
  box-sizing: border-box;
  padding-top: 10px;
}
.invoice-products-holder .table-column-names {
  padding-top: 0;
  padding-left: 14px;
  padding-right: 14px;
}
@media (max-width: 800px) {
  .invoice-products-holder p {
    font-size: 14px;
    line-height: 20px;
  }
  .invoice-products-holder input {
    font-size: 14px;
  }
}
.invoice-products-holder .invoice-products {
  width: 100%;
  float: left;
  padding: 0 14px;
  box-sizing: border-box;
}
.invoice-products-holder .invoice-products .product {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 0;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  color: #4B4F56;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product:first-child {
    border-top: none;
  }
}
.invoice-products-holder .invoice-products .product:last-child {
  border-bottom: none;
}
.invoice-products-holder .invoice-products .product .delete {
  float: right;
  display: inline-block;
  width: auto;
  margin-top: 2px;
}
.invoice-products-holder .invoice-products .product .delete.hide-on-desktop {
  display: none;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .delete.hide-on-desktop {
    display: inline-block;
  }
}
.invoice-products-holder .invoice-products .product .name p {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.invoice-products-holder .invoice-products .product .name img {
  width: 27px;
  margin-right: 8px;
}
.invoice-products-holder .invoice-products .product .name .left {
  float: left;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .name {
    width: 90%;
  }
  .invoice-products-holder .invoice-products .product .name.border-small {
    padding-bottom: 16px;
  }
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .qty {
    padding-top: 16px;
    float: left;
    width: auto;
  }
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .options {
    width: 50%;
    padding-top: 16px;
    float: left;
    margin-left: 12px;
  }
}
.invoice-products-holder .invoice-products .product .comment {
  text-align: center;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .comment {
    width: 90%;
    text-align: left;
    margin-left: 10%;
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
  }
}
.invoice-products-holder .invoice-products .product .unit {
  text-align: center;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .unit {
    display: none;
  }
}
.invoice-products-holder .invoice-products .product .unit .discount-on {
  text-decoration: line-through;
  color: red;
}
.invoice-products-holder .invoice-products .product .unit .discount-on span {
  color: #c0c0c0;
}
.invoice-products-holder .invoice-products .product .price {
  text-align: right;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-products .product .price {
    width: auto;
    padding-top: 16px;
    float: right;
  }
  .invoice-products-holder .invoice-products .product .price p {
    margin-top: 8px;
  }
}
.invoice-products-holder .invoice-products .col-size {
  float: left;
}
.invoice-products-holder .invoice-products img {
  cursor: pointer;
}
.invoice-products-holder .invoice-prices {
  width: 100%;
  height: auto;
}
.invoice-products-holder .invoice-prices .coupon {
  width: 40%;
  height: auto;
  float: left;
  margin-top: 20px;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .coupon {
    margin-top: 0;
  }
}
@media (max-width: 592px) {
  .invoice-products-holder .invoice-prices .coupon {
    width: 100%;
  }
}
.invoice-products-holder .invoice-prices .coupon input {
  float: left;
}
@media (max-width: 592px) {
  .invoice-products-holder .invoice-prices .coupon input {
    width: 80%;
  }
}
.invoice-products-holder .invoice-prices .coupon p {
  padding-bottom: 10px;
}
.invoice-products-holder .invoice-prices .coupon .error {
  color: #e22929;
  padding-top: 5px;
  float: left;
}
.invoice-products-holder .invoice-prices .coupon .coupon-success {
  padding-top: 5px;
  color: #06cc34;
  float: left;
}
.invoice-products-holder .invoice-prices .coupon .btn-coupon {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-left: 0px;
  float: left;
}
@media (max-width: 592px) {
  .invoice-products-holder .invoice-prices .coupon .btn-coupon {
    width: 20%;
  }
}
.invoice-products-holder .invoice-prices .price-summary {
  width: 60%;
  height: auto;
  float: left;
}
@media (max-width: 592px) {
  .invoice-products-holder .invoice-prices .price-summary {
    width: 100%;
  }
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input {
  float: right;
  width: 100%;
  padding-top: 16px;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label {
  float: right;
  margin-top: 6px;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label.delivery-charge {
  text-align: right;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label.delivery-charge span.subject {
  width: 100px;
  display: block;
  text-align: left;
  margin-top: 10px;
  color: #90949c;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label.delivery-charge span.subject {
    text-align: left;
  }
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label.delivery-charge {
    text-align: left;
  }
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label {
    margin-top: 6px;
    float: left;
  }
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label .subject {
  color: #90949c;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .label input {
  width: 150px;
  margin-top: -5px;
  text-align: left;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .delivery-input-holder {
  float: right;
  width: 100px;
  padding-right: 8px;
  margin-left: 16px;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .delivery-input-holder {
    padding-right: 0;
  }
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .delivery-input-holder p {
  float: right;
  display: inline;
  margin-top: 6px;
  text-align: right;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .delivery-input-holder p {
    margin-top: 6px;
  }
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input .delivery-input-holder.seller-discount {
  padding-right: 0px;
}
.invoice-products-holder .invoice-prices .price-summary .delivery-charge-input input {
  float: right;
  width: 50px;
  text-align: right;
  padding-right: 8px;
  margin-left: 4px;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .delivery-charge-input input {
    height: 34px;
    margin-left: 12px;
  }
}
.invoice-products-holder .invoice-prices .price-summary .total-block {
  float: right;
  width: 100%;
  padding-right: 8px;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .total-block {
    padding-right: 0;
  }
}
.invoice-products-holder .invoice-prices .price-summary .total-block .label {
  float: right;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-prices .price-summary .total-block .label {
    float: left;
  }
}
.invoice-products-holder .invoice-prices .price-summary .total-block .label .subject {
  color: #90949c;
  padding-left: 10px;
}
.invoice-products-holder .invoice-prices .price-summary .total-block .total {
  width: 100px;
  float: right;
  margin-left: 20px;
  text-align: right;
}
.invoice-products-holder .invoice-prices .price-summary .total-block .total .discount-on {
  text-decoration: line-through;
  color: red;
}
.invoice-products-holder .invoice-prices .price-summary .total-block .total .discount-on span {
  color: #c0c0c0;
}
.invoice-products-holder .invoice-prices .price-summary .total-block.padding-top {
  padding-top: 16px;
}
.invoice-products-holder .payments {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #e9ebee;
  box-sizing: border-box;
}
.invoice-products-holder .payments .table-column-names {
  padding-top: 15px;
}
.invoice-products-holder .payments .payment-list .col-size {
  border-top: 1px solid #e9ebee;
  padding: 10px 0;
}
.invoice-products-holder .payments .payment-list .col-size.left {
  text-align: left;
  padding-left: 15px;
  box-sizing: border-box;
}
.invoice-products-holder .payments .payment-list .col-size.right {
  text-align: right;
  padding-right: 15px;
  box-sizing: border-box;
}
.invoice-products-holder .invoice-buttons {
  float: right;
  width: 100%;
  padding: 40px 0;
}
.invoice-products-holder .invoice-buttons .btn {
  float: right;
  margin-left: 6px;
}
@media (max-width: 800px) {
  .invoice-products-holder .invoice-buttons .btn {
    margin-left: 6px;
  }
}
@media (max-width: 380px) {
  .invoice-products-holder .invoice-buttons .btn {
    margin-top: 20px;
  }
}
.invoice-products-holder .invoice-buttons .left {
  float: left;
  margin-left: 0px;
}
.invoice-products-holder .padding-right {
  padding-right: 8px;
}
@media (max-width: 800px) {
  .invoice-products-holder .padding-right {
    padding-right: 0;
  }
}
.manual-order {
  text-align: center;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  /*.illustration {
      height:140+24px;
      background: url('../../images/illustrations/startbuildingyourpage.png') no-repeat center center;
      background-size: 140px 140px;
      background-position: center top 24px;
      }*/
}
@media (max-width: 400px) {
  .manual-order {
    width: 100%;
  }
}
.manual-order p {
  margin: 16px auto 24px auto;
}
.manual-order.building-shop {
  padding-top: 20%;
  vertical-align: middle;
}
.manual-order .manual-message-holder h3 {
  margin-top: 20px;
}
.manual-order .manual-message-holder p {
  margin-top: 20px;
}
.manual-order .manual-message-holder .link-share {
  margin-top: 20px;
  background: #f1f6ff;
  text-align: center;
  border: 1px dashed;
  border-color: #365899;
  padding: 8px 0;
}
.manual-order .manual-message-holder .link-share span {
  width: auto;
  color: #365899;
}
.manual-order .manual-message-holder .btn {
  margin-top: 60px;
}
.guest-input {
  width: 230px;
}
.status-dropdown {
  margin-right: 5px;
}
.hide {
  display: none;
}
.page-selection {
  margin: 180px auto;
  overflow: hidden;
}
.page-container {
  height: 320px;
  overflow-y: scroll;
}
.page-container ul li {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #dcdee3;
  list-style: none;
  display: table;
}
.page-container ul li span {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.page-container ul li img {
  width: 48px;
  padding: 4px 0 0 4px;
  float: left;
}
.facebook-style .product-list-holder {
  padding-top: 20px;
  /*overflow: hidden;*/
}
.facebook-style .product-list-holder .product-list {
  width: 100%;
  float: left;
}
.facebook-style .product-list-holder .product-list .product {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  color: #4B4F56;
}
.facebook-style .product-list-holder .product-list .product:last-child {
  border-bottom: 1px solid #dfdfdf;
}
.facebook-style .product-list-holder .product-list .product .progress-bar {
  width: 100%;
}
.facebook-style .product-list-holder .product-list .product .progress-bar .progress {
  width: 100%;
  height: 20px;
  background-color: #4267b2;
  padding: 0;
}
.facebook-style .product-list-holder .product-list .product.uploading {
  background: #f9f9f9;
}
.facebook-style .product-list-holder .product-list .product .edit {
  display: none;
}
.facebook-style .product-list-holder .product-list .product.edit .view {
  display: none;
}
.facebook-style .product-list-holder .product-list .product.edit .edit {
  display: inherit;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-first-block {
    width: 150px;
  }
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-second-block {
    position: absolute;
    top: 10px;
    width: 100%;
    margin-left: 150px;
  }
}
.facebook-style .product-list-holder .product-list .product .pmargintop {
  margin-top: 8px;
}
.facebook-style .product-list-holder .product-list .product .product-image {
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-image img {
  width: 100px;
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail {
  width: 116px;
  float: left;
  position: relative;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .edit-picture {
  display: none;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail:hover .edit-picture {
  display: block;
  width: 100%;
  height: 69px;
  top: 0;
  position: absolute;
  text-align: center;
  background-color: #626262;
  opacity: 0.6;
  color: white;
  font-size: 17px;
  padding-top: 45px;
  cursor: pointer;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .main-img-uploading {
  display: block;
  width: 100%;
  height: 69px;
  top: 0;
  position: absolute;
  text-align: center;
  background-color: #626262;
  opacity: 0.6;
  color: white;
  font-size: 17px;
  padding-top: 45px;
  cursor: pointer;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail img {
  width: 113px;
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-images {
  width: 36px;
  padding-right: 2px;
  padding-top: 5px;
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-images .each-image {
  width: 36px;
  height: 36px;
  position: relative;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-images .each-image img {
  width: 100%;
  position: absolute;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-images .each-image .image-delete {
  position: absolute;
  top: 3px;
  right: 3px;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/6be340a16a78174cd7e8087077f323d2.png);
  display: none;
  height: 14px;
  width: 14px;
  margin-left: 20px;
  z-index: 3;
  cursor: pointer;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-images:last-child {
  padding-right: 0;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .multiple-image-loader {
  width: 36px;
  background: #e2e2e2;
  float: left;
  margin-top: 5px;
  margin-right: 3px;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .add-more-photos {
  float: left;
  position: relative;
  display: inline-block;
  padding-top: 5px;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .add-more-photos .add-more-icon {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/06a4b12c21b238a05e4ea0e80362425c.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px;
  border: 2px dashed #dddfe2;
  border-radius: 2px;
  box-sizing: border-box;
  display: inline-block;
  height: 36px;
  position: relative;
  width: 36px;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .add-more-photos .add-more-icon .input-holder {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.facebook-style .product-list-holder .product-list .product .product-details .image-thumbnail .add-more-photos .add-more-icon .input-holder .input-box {
  bottom: 0;
  cursor: inherit;
  font-size: 1000px !important;
  height: 36px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  outline: none;
  display: inline-block;
  cursor: pointer;
}
.facebook-style .product-list-holder .product-list .product .product-details.product-details.edit .product-info,
.facebook-style .product-list-holder .product-list .product .product-details.product-details.file .product-info {
  max-width: 62%;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details.product-details.edit .product-info,
  .facebook-style .product-list-holder .product-list .product .product-details.product-details.file .product-info {
    /* max-width: 100%;*/
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .product .product-details.product-details.edit .product-info,
  .facebook-style .product-list-holder .product-list .product .product-details.product-details.file .product-info {
    max-width: 100%;
  }
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info {
  float: left;
  display: block;
  margin-left: 5px;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info h6 {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info h6 {
    font-size: 18px;
    width: 100%;
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info h6 {
    padding-top: 10px;
  }
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .full {
  width: 100%;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .half {
  width: 49%;
  margin-right: 1%;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .half.no-margin-right {
  margin-right: 0;
  float: right;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-description {
  min-height: 72px;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .buy-here-link {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  color: #ababab;
  padding-left: 10px;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info {
    /*padding-left: 15px;*/
    /*overflow: hidden;*/
    width: auto;
    float: left;
  }
  .facebook-style .product-list-holder .product-list .product .product-details .product-info .information-holder-main {
    padding-bottom: 15px;
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
    padding-top: 10px;
  }
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .invalid-span {
  color: #b94a48;
  margin-top: 3px;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info .invalid-span {
    width: 100%;
  }
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-title-invalid {
  display: none;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-title.ng-invalid.ng-dirty + .product-title-invalid {
  display: inline-block;
  width: 100%;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-price-invalid {
  display: none;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-price .main-price.discount-on {
  text-decoration: line-through;
  color: #b94a48;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-price .main-price.discount-on span {
  color: #c0c0c0;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-price.ng-invalid.ng-dirty ~ .product-price-invalid {
  display: inline-block;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-discount-price-invalid {
  display: none;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-discount-price.ng-invalid.ng-dirty ~ .product-discount-price-invalid {
  display: inline-block;
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info .product-tags.tview {
  margin-top: 20px;
  font-size: 11px;
  font-weight: 500;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details .product-info .product-tags.tview {
    font-size: 13px;
    width: 100%;
  }
}
.facebook-style .product-list-holder .product-list .product .product-details .product-info tags-input {
  margin-top: 8px;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-details {
    width: 100%;
  }
}
.facebook-style .product-list-holder .product-list .product .product-inventory .discounted {
  text-decoration: line-through;
  color: #b94a48;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .discounted span {
  color: #c0c0c0;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available.no-margin,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold.no-margin {
  margin-top: 8px;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .head,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .head {
  width: 100%;
  display: block;
  font-weight: 500;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .items,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .items {
  display: block;
  margin-top: 5px;
  max-width: 82%;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .item-options,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .item-options {
  width: 100%;
  display: block;
  float: left;
  margin-bottom: 8px;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .item-options .space-left,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .item-options .space-left {
  margin-left: 4%;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .item-options input,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .item-options input {
  width: 48%;
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .item-options input.half,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .item-options input.half {
  width: 30%;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .items-available .item-options .delete-icon,
.facebook-style .product-list-holder .product-list .product .product-inventory .items-sold .item-options .delete-icon {
  float: left;
  vertical-align: middle;
  margin-top: 5px;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .add-variants {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .add-variants a:hover {
  text-decoration: none;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product .product-inventory .add-variants {
    margin-bottom: 16px;
  }
}
.facebook-style .product-list-holder .product-list .product .product-inventory .add-variants a {
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .add-variants .info-icon {
  float: left;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .product-weight {
  margin-top: 10px;
}
.facebook-style .product-list-holder .product-list .product .product-inventory .product-weight label {
  width: 100%;
}
.facebook-style .product-list-holder .product-list .product .items-sold {
  margin-top: 10px;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product {
    width: 100%;
    padding-left: 123px;
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .product {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
}
.facebook-style .product-list-holder .product-list .publish-status span {
  margin-right: 5px;
  display: block;
  width: 26px;
  float: left;
  cursor: pointer;
}
.facebook-style .product-list-holder .product-list .publish-status span.publish-on {
  display: none;
  width: auto;
  margin-top: 5px;
}
.facebook-style .product-list-holder .product-list .publish-status img {
  width: 26px;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */
}
.facebook-style .product-list-holder .product-list .publish-status .upload-combiner {
  width: 90%;
  display: block;
  margin-top: 8px;
}
.facebook-style .product-list-holder .product-list .publish-status .upload-combiner span {
  margin-right: 0;
  width: 16px;
}
.facebook-style .product-list-holder .product-list .publish-status .reshare {
  width: 100%;
  padding-top: 8px;
}
.facebook-style .product-list-holder .product-list .publish-status .reshare a:hover {
  text-decoration: none;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .publish-status {
    width: 100%;
    padding-left: 123px;
    padding-bottom: 15px;
  }
  .facebook-style .product-list-holder .product-list .publish-status span.publish-on {
    display: inline;
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .publish-status {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
}
.facebook-style .product-list-holder .product-list .product-action .btn {
  width: 60px;
  margin-bottom: 10px;
}
.facebook-style .product-list-holder .product-list .product-action img {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.facebook-style .product-list-holder .product-list .product-action .img-left {
  padding-left: 0px;
}
.facebook-style .product-list-holder .product-list .product-action .publish-on {
  display: none;
}
.facebook-style .product-list-holder .product-list .product-action .information-holder {
  text-align: center;
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .product-action {
    width: 100%;
    padding-left: 131px;
  }
  .facebook-style .product-list-holder .product-list .product-action .information-holder {
    border-bottom: none;
    padding-bottom: 0;
    text-align: right;
  }
  .facebook-style .product-list-holder .product-list .product-action .information-holder .action-btn {
    display: inline-block;
  }
  .facebook-style .product-list-holder .product-list .product-action .information-holder .action-btn .btn {
    float: left;
    margin-left: 15px;
    margin-bottom: 0;
  }
  .facebook-style .product-list-holder .product-list .product-action .information-holder.boost {
    text-align: left;
    padding-bottom: 15px;
  }
  .facebook-style .product-list-holder .product-list .product-action .information-holder.boost .publish-on {
    display: inline;
  }
}
@media (max-width: 592px) {
  .facebook-style .product-list-holder .product-list .product-action {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
}
@media (max-width: 800px) {
  .facebook-style .product-list-holder .product-list .information-holder {
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .facebook-style .product-list-holder .product-list .information-holder.boost {
    text-align: left;
    padding-bottom: 15px;
  }
}
.facebook-style .product-list-holder .product-list .col-size {
  float: left;
  box-sizing: border-box;
}
.modal-content .variant-modifications {
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal-content .variant-modifications .product-variations .option-desc {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-content .variant-modifications .product-variations .select {
  margin-top: 10px;
  width: 300px;
}
.modal-content .variant-modifications .product-variations .select select {
  width: 300px;
}
.modal-content .variant-modifications .product-variations .primary-variants {
  background: #f9f9f9;
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  box-sizing: border-box;
}
.modal-content .variant-modifications .product-variations .primary-variants .variants {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.modal-content .variant-modifications .product-variations .primary-variants .name {
  width: 300px;
  float: left;
}
.modal-content .variant-modifications .product-variations .primary-variants .name input {
  width: 100%;
}
.modal-content .variant-modifications .product-variations .primary-variants .picture-border {
  border-width: 1px;
  border-color: #e9ebee;
  border-style: dashed;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}
.modal-content .variant-modifications .product-variations .primary-variants .picture {
  float: left;
  width: 24px;
  height: 24px;
  margin-left: 15px;
  margin-right: 15px;
}
.modal-content .variant-modifications .product-variations .primary-variants .picture img {
  width: 24px;
  height: 24px;
}
.modal-content .variant-modifications .product-variations .primary-variants .picture-action {
  float: left;
  width: 100px;
}
.modal-content .variant-modifications .product-variations .primary-variants .delete {
  float: left;
  margin-top: 3px;
  margin-left: 10px;
}
.modal-content .variant-modifications .product-variations .primary-variants .add-another-var {
  margin-top: 10px;
  float: left;
}
.modal-content .variant-modifications .product-variations .primary-variants .add-another-var .var-type {
  text-transform: lowercase;
}
.modal-content .variant-modifications .product-variations .secondary-btn {
  margin-left: 15px;
  text-align: right;
  padding-right: 15px;
}
.modal-content .variant-modifications .product-variations .secondary-btn .btn {
  margin-top: 10px;
}
.modal-content .variant-modifications .product-variations .secondary-variants {
  padding-left: 15px;
  padding-right: 15px;
}
.modal-content .variant-modifications .product-variations .secondary-variants tags-input .tags {
  padding: 2px 8px;
}
.modal-content .variant-modifications .product-options {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}
.modal-content .variant-modifications .product-options .all-options .table-column-names {
  padding-left: 0;
}
.modal-content .variant-modifications .product-options .all-options .each-option {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  /*.name {
              float:left;
              width: 40%;
            }

            .quantity {
              float: left;
              width: 20%;
              input {
                float: left;
                width: 90%;
              }
            }

            .price {
              float:left;
              width: 20%;
              input {
                width: 90%;
                float: left;
              }
            }

            .discount {
              float: left;
              width: 20%;
              input {
                float: left;
                width: 90%;
              }
            }*/
}
.modal-content .variant-modifications .product-options .all-options .each-option .object {
  float: left;
}
.modal-content .variant-modifications .product-options .all-options .each-option .object input {
  width: 95%;
  float: left;
}
.modal-content .variant-modifications .product-options .all-options .each-option .col-size {
  display: inline-block;
}
.facebook-style .product-list-holder .product-list .product .product-details.edit .multiple-images .each-image:hover img {
  opacity: 0.2;
}
.facebook-style .product-list-holder .product-list .product .product-details.edit .multiple-images .each-image:hover .image-delete {
  opacity: 1;
  display: block;
}
.products .product-message-holder {
  text-align: center;
  width: 512px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 590px) {
  .products .product-message-holder {
    width: 100%;
  }
}
.products .product-message-holder p {
  margin: 9px auto 24px auto;
}
.products .product-message-holder p.inner {
  margin-bottom: 9px;
}
.products .product-message-holder.building-shop {
  padding-top: 20%;
  vertical-align: middle;
}
@media (max-width: 610px) {
  .products .shop-page-head {
    display: block;
    width: 100%;
    text-align: center;
  }
  .products .shop-page-head .page-main-texts {
    display: block;
    width: 100%;
    display: inline-block;
    text-align: center;
  }
  .products .shop-page-head .page-main-texts h5 {
    text-align: center;
  }
  .products .shop-page-head .va-helper {
    margin-top: 10px;
    display: inline-block;
  }
}
.modal-product-upload-success {
  width: 495px;
  box-sizing: border-box;
  margin: 0 auto;
}
.modal-product-upload-success .modal-info {
  width: 460px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 40px 45px 40px;
  box-sizing: border-box;
  /* .illustration {
      height:140px+40px;
      background: url('../../images/illustrations/thank-you.png') no-repeat center center;
      background-size: 140px 140px;
      background-position: center;
    }*/
}
@media (max-width: 590px) {
  .modal-product-upload-success .modal-info {
    width: 100%;
  }
}
.modal-product-upload-success .modal-info h5 {
  color: #141823;
  line-height: 30px;
}
.modal-product-upload-success .modal-info .illustration {
  padding: 30px 0;
}
.modal-product-upload-success .modal-info p {
  color: #141823;
  line-height: 24px;
}
@media (max-width: 590px) {
  .modal-product-upload-success {
    width: 100%;
  }
}
.product .switch-holder .switch {
  width: 40px;
  height: 6px;
}
.product .switch-holder .switch small {
  width: 20px;
  height: 20px;
  top: -8px;
}
.product-switch-holder {
  align-items: center;
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  margin: 15px 0;
}
.user-product .action-container {
  overflow: auto;
}
.user-product .action-container .actions {
  float: right;
  width: 100%;
  margin: 20px 0;
  padding: 0 0;
  box-sizing: border-box;
  overflow: hidden;
}
.user-product .action-container .actions .campaigns {
  float: left;
  width: 100%;
}
.user-product .action-container .actions .campaigns .each-campaign-name {
  margin-right: 10px;
  margin-top: 10px;
  float: left;
  display: inline;
  border-radius: 4px;
  cursor: pointer;
}
.user-product .action-container .actions .campaigns .each-campaign-name.active {
  font-weight: bold;
}
.user-products {
  padding: 0 0;
  overflow: auto;
}
.user-products .item {
  margin: 14px 8px 8px 8px;
  border: 1px solid #e9ebee;
  position: relative;
}
.user-products .item.is-buying {
  border-color: #42b72a;
}
.user-products .item .card-product {
  display: block;
}
.user-products .item .card-product.slide-hide {
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s linear;
  transition: all 0.3s ease-in-out;
}
.user-products .item .photo-wrapper {
  min-height: 50px;
  background: #ffffff url(https://d118vismjsp9sl.cloudfront.net/assets/fd26e045eabd4ee3cc6b68a3c7bf0911.gif) center center no-repeat;
}
.user-products .item img.product-image-thumb {
  width: 100%;
}
.user-products .item .product-details {
  padding: 0 8px 12px 8px;
}
.user-products .item .product-details a.product-title {
  margin: 0;
  padding: 0;
}
.user-products .item .product-details a.product-title p {
  text-transform: capitalize;
  padding: 8px 0;
  display: block;
  font-weight: 500;
}
.user-products .item .product-details .main-price.discount-on {
  text-decoration: line-through;
  color: red;
}
.user-products .item .product-details .main-price.discount-on span {
  color: #c0c0c0;
}
.user-products .item .product-details .product-options {
  padding-bottom: 8px;
}
.user-products .item .product-details .product-options span {
  display: inline-block;
}
.user-products .item .product-details .product-price {
  padding-bottom: 4px;
}
.user-products .item .product-details .sold-out {
  width: 100%;
  display: block;
  margin-top: 8px;
  text-align: left;
}
.user-products .item .product-details .product-buttons {
  margin-top: 8px;
}
.user-products .item .option-selector {
  -webkit-transition: opacity 0.3s linear;
  transition: all 0.3s ease-in-out;
}
.user-products .item .option-selector .product-details .select-container .label {
  padding-top: 12px;
  padding-bottom: 12px;
}
.user-products .item .option-selector .product-details .product-buttons {
  padding-top: 32px;
}
.user-products .item .option-selector .product-details .product-buttons .btn {
  margin-right: 8px;
}
.col-0 .item {
  margin-left: 0;
}
.col-last .item {
  margin-right: 0;
}
.user-product .loading-container {
  border-top: 1px solid #e5e6e9;
}
/*Styles for deckgrid plugin*/
.deckgrid[deckgrid]::before {
  content: '4 .column.column-1-4';
  font-size: 0;
  visibility: hidden;
}
.deckgrid .column {
  float: left;
}
.deckgrid .column-1-4 {
  width: 25%;
}
.deckgrid .column-1-3 {
  width: 33.3%;
}
.deckgrid .column-1-2 {
  width: 50%;
}
.deckgrid .column-1-1 {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .deckgrid[deckgrid]::before {
    content: '3 .column.column-1-3';
  }
}
@media screen and (max-width: 592px) {
  .deckgrid[deckgrid]::before {
    content: '2 .column.column-1-2';
  }
}
@media screen and (max-width: 400px) {
  .deckgrid[deckgrid]::before {
    content: '1 .column.column-1-1';
  }
}
.helpText {
  float: left;
  width: 226px;
}
.helpText input[type=checkbox] {
  float: left;
  display: inline;
  height: 16px !important;
  width: 16px !important;
  margin: 0px 4px 0 0;
  border: 1px solid black;
  color: transparent;
}
.helpText input[type=text] {
  width: 200px !important;
  float: left;
  display: inline !important;
}
@media screen and (max-width: 350px) {
  .user-product .shop-info a.shop-name h2 {
    margin-left: 0;
  }
  .user-product .shop-info span.shopup-name {
    margin-left: 0;
  }
}
.badge {
  display: inline-block;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background-color: #afafaf;
  border-radius: 20px;
  color: #fff;
  vertical-align: middle;
}
.badge-active {
  display: inline-block;
  padding: 1px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  background-color: #489d0a;
  border-radius: 20px;
  color: #fff;
  vertical-align: middle;
}
.products-title-container {
  float: left;
  width: 100%;
}
.products-title-container .title {
  width: 50%;
  float: left;
}
.products-title-container .title h5 {
  padding-left: 0;
}
.buy-product {
  display: inline-block;
  width: 100%;
}
.buy-product .select-container {
  margin-top: 10px;
}
.buy-product .select-container .product-option {
  width: 130px;
}
.buy-product .select-container .product-quantity {
  width: 55px;
}
.buy-product .select-container p {
  margin-bottom: 10px;
}
@media screen and (max-width: 460px) {
  .buy-product .select-container .product-option {
    width: 90px;
  }
  .buy-product .select-container p {
    font-size: 14px;
  }
}
.buy-product .product-details {
  width: 50%;
  float: left;
}
.buy-product .product-details .label {
  font-weight: 500;
}
.buy-product .product-details .price p {
  display: inline;
}
.buy-product .product-details .price .main-price.discount-on {
  text-decoration: line-through;
  color: red;
}
.buy-product .product-details .price .main-price.discount-on span {
  color: #c0c0c0;
}
.buy-product .product-details .select {
  margin-top: 5px;
}
.buy-product .product-image {
  width: 166px;
  float: right;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 400px) {
  .buy-product .product-image {
    width: 129px;
  }
}
.buy-product .product-image img {
  height: 166px;
  width: 166px;
  float: right;
}
@media screen and (max-width: 400px) {
  .buy-product .product-image img {
    height: 129px;
    width: 129px;
  }
}
.buy-product .product-image .multiple-product-image {
  float: right;
  width: 100%;
  height: auto;
  text-align: center;
}
.buy-product .product-image .multiple-product-image .image {
  display: inline-block;
  margin-left: 1px;
  margin-right: 1px;
  margin-top: 5px;
  border: 2px solid white;
}
.buy-product .product-image .multiple-product-image .image img {
  display: inline;
  width: 28px;
  height: 28px;
  cursor: pointer;
  border: none;
  padding: 0;
  margin: 0;
}
.buy-product .product-image .multiple-product-image .image.active {
  border: 2px solid #4267b2;
}
@media screen and (max-width: 350px) {
  .seller-popup-buttons .hide-btn {
    display: none;
  }
}
.buyer-orders .clickable {
  cursor: pointer;
}
.buyer-invoice-products {
  padding: 10px;
  height: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
}
.buyer-invoice-products .invoice-products {
  width: 100%;
  height: auto;
  border: 1px solid #eaeaec;
  display: inline-block;
  box-sizing: border-box;
}
.buyer-invoice-products .invoice-products .center {
  text-align: center;
}
.buyer-invoice-products .invoice-products .parcel-list {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.buyer-invoice-products .invoice-products .parcel-list .parcel {
  width: 100%;
  height: 40px;
  display: inline-block;
  box-sizing: border-box;
  border-top: 1px solid #eaeaec;
  padding: 10px;
}
.buyer-invoice-products .invoice-products .parcel-list .parcel img {
  width: 40px;
  float: left;
  padding-right: 10px;
  margin-top: -7px;
}
.buyer-invoice-products .invoice-total {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.buyer-invoice-products .invoice-total .each {
  width: 100%;
  float: left;
  padding: 5px;
}
.buyer-invoice-products .invoice-total .each .title-holder {
  width: 85%;
  float: left;
}
.buyer-invoice-products .invoice-total .each .title-holder .title {
  font-weight: bold;
  float: right;
  padding-right: 10px;
}
.buyer-invoice-products .invoice-total .each .amount-holder {
  width: 15%;
  float: left;
  text-align: center;
}
.single-product-buttons {
  width: 100%;
  padding: 40px 0 30px 0;
  box-sizing: border-box;
  overflow: auto;
}
.single-product-buttons .btn.left {
  float: left;
}
.single-product-buttons .btn.right {
  float: right;
}
.product-holder {
  width: 100%;
  box-sizing: border-box;
  display: table;
  padding-bottom: 40px;
  /*@media (max-width: 800px) {
		display: block;
	}*/
}
.product-holder .multiple-images {
  width: 100%;
  padding-top: 8px;
}
.product-holder .multiple-images .multiple {
  display: table;
  margin: 0 auto;
}
.product-holder .multiple-images .multiple .single-image {
  float: left;
  margin: 0px 6px;
  cursor: pointer;
}
.product-holder .multiple-images .multiple .single-image img {
  width: 70px;
  height: 70px;
  border: 2px solid white;
}
.product-holder .multiple-images .multiple .single-image img.active {
  border: 2px solid #4267b2;
}
.product-holder .frame {
  position: relative;
  height: 420px;
  width: 420px;
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
  vertical-align: middle;
  background: #fbfbfb;
}
@media (max-width: 800px) {
  .product-holder .frame {
    background: none;
  }
}
.product-holder .frame .background-image {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.product-holder .frame img {
  top: 50%;
  bottom: 50%;
  height: 420px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .product-holder .frame img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 800px) {
  .product-holder .frame {
    width: 100%;
    height: auto;
  }
}
.product-holder .product-info {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 0 0 16px;
}
@media (max-width: 800px) {
  .product-holder .product-info {
    display: block;
    padding: 24px 0 0 0;
    float: left;
  }
}
.product-holder .product-info .title {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 8px;
}
.product-holder .product-info .in-stock {
  float: left;
  width: 100%;
  padding-bottom: 8px;
}
.product-holder .product-info .price-and-social {
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding-bottom: 12px;
  border-bottom: 1px solid #e9ebee;
}
.product-holder .product-info .price-and-social h5 {
  font-weight: 500;
}
.product-holder .product-info .price-and-social .price {
  float: left;
}
.product-holder .product-info .price-and-social .price .text-abbey .discount-on {
  text-decoration: line-through;
  color: red;
}
.product-holder .product-info .price-and-social .price .text-abbey .discount-on span {
  color: #c0c0c0;
}
.product-holder .product-info .price-and-social .social {
  float: right;
  margin-top: 12px;
}
.product-holder .product-info .descripion {
  float: left;
  padding: 12px 0;
  width: 100%;
}
.product-holder .product-info .descripion .desc-head {
  width: 100%;
  float: left;
  font-weight: 500;
}
.product-holder .product-info .descripion .desc-body {
  padding: 12px 0 8px 0;
  max-width: 570px;
  float: left;
  white-space: pre-line;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.product-holder .product-info .options {
  width: 100%;
  float: left;
  padding-bottom: 12px;
  font-size: 14px;
}
.product-holder .product-info .options.border-bottom {
  border-bottom: 1px solid #e9ebee;
}
.product-holder .product-info .product-buy {
  float: left;
}
.product-holder .product-info .product-buy .select-options,
.product-holder .product-info .product-buy .select-quantity,
.product-holder .product-info .product-buy .product-buttons {
  margin-right: 12px;
  padding: 8px 0 0 0;
}
.product-holder .product-info .product-buy .select-options .label,
.product-holder .product-info .product-buy .select-quantity .label,
.product-holder .product-info .product-buy .product-buttons .label {
  width: 60px;
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
.product-holder .product-info .product-buy .product-buttons .btn {
  width: 100%;
}
.related-products {
  width: 100%;
  float: left;
  border-top: 1px solid #e9ebee;
  padding-top: 30px;
}
.related-products .title-holder {
  width: 100%;
  padding-bottom: 16px;
}
.related-products .title-holder p {
  font-weight: 500;
}
.related-products .product {
  float: left;
  width: 185px;
  margin-right: 16px;
  padding-bottom: 12px;
  border: 1px solid #e9ebee;
  box-sizing: border-box;
}
@media (max-width: 520px) {
  .related-products .product {
    width: 100%;
    margin-right: 0;
    margin-top: 16px;
  }
}
.related-products .product:last-child {
  margin-right: 0;
}
.related-products .product .image {
  float: left;
  width: 100%;
  cursor: pointer;
  padding-bottom: 12px;
}
.related-products .product .image img {
  width: 100%;
  border: none;
}
.related-products .product .title {
  width: 100%;
  padding-bottom: 12px;
  padding-left: 12px;
  box-sizing: border-box;
  font-weight: 500;
}
.related-products .product .price {
  width: 100%;
  padding-left: 12px;
  box-sizing: border-box;
}
.secure-checkout {
  text-align: center;
  color: #1d2129;
  padding-top: 40px;
}
.secure-checkout .hide-on-mobile {
  display: block;
}
.secure-checkout p {
  margin-top: 16px;
}
.checkout-override .not-international {
  float: left;
  width: 100%;
}
@media (max-width: 800px) {
  .checkout-override .not-international {
    width: 57%;
    float: left;
    text-align: left;
    padding-left: 10px;
  }
}
.checkout-override .padding-bottom {
  padding-bottom: 25px;
}
@media (max-width: 800px) {
  .checkout-override .main-container.checkout-no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 800px) {
  .checkout-override .invoice-information {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
.checkout-override .invoice-information .information-head h6 {
  text-align: left;
  width: 100%;
  float: left;
}
.checkout-override .invoice-information .information-head h6 span {
  float: right;
}
.checkout-override .invoice-information .information-head.padding-top {
  padding-top: 30px;
}
.checkout-override .invoice-buttons {
  text-align: right;
}
.checkout-override .invoice-buttons .btn {
  float: none;
}
@media (max-width: 800px) {
  .checkout-override .invoice-table {
    border: none;
    padding-top: 0;
    border-top: 1px solid #e9ebee;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .checkout-override .invoice-table .invoice-products {
    padding: 0 0;
  }
  .checkout-override .invoice-table .invoice-products .product {
    border-top: none;
    border-bottom: 1px solid #e9ebee;
  }
  .checkout-override .invoice-table .invoice-products .product:last-child {
    border-bottom: none;
  }
  .checkout-override .invoice-table .invoice-products .product .image {
    float: left;
    width: 40%;
    height: 100%;
  }
  .checkout-override .invoice-table .invoice-products .product .image img {
    width: 100%;
    margin: 0 auto;
  }
  .checkout-override .invoice-table .invoice-products .product .col-size {
    float: left;
    width: auto;
  }
  .checkout-override .invoice-table .invoice-products .product .name {
    padding-left: 10px;
    box-sizing: border-box;
    padding-bottom: 1.2%;
  }
  .checkout-override .invoice-table .invoice-products .product .delete {
    width: 10%;
    float: right;
    text-align: right;
  }
  .checkout-override .invoice-table .invoice-products .product .delete a {
    float: right;
  }
  .checkout-override .invoice-table .invoice-products .product .selection-labels {
    float: left;
    width: 60%;
    padding-left: 10px;
    box-sizing: border-box;
    font-size: 12px;
    padding-top: 2%;
    color: #90949c;
  }
  .checkout-override .invoice-table .invoice-products .product .selection-labels .label-of-selection-qty {
    float: left;
  }
  .checkout-override .invoice-table .invoice-products .product .selection-labels .label-of-selection-var {
    float: right;
  }
  .checkout-override .invoice-table .invoice-products .product .qty {
    padding-left: 10px;
    padding-top: 1%;
    width: 25%;
  }
  .checkout-override .invoice-table .invoice-products .product .qty .select {
    width: 100%;
  }
  .checkout-override .invoice-table .invoice-products .product .qty select {
    width: 100%;
  }
  .checkout-override .invoice-table .invoice-products .product .options {
    padding-top: 1%;
    float: right;
    margin-left: 5px;
    width: 30%;
  }
  .checkout-override .invoice-table .invoice-products .product .options .select {
    width: 100%;
    background-color: #eaeaea;
    text-transform: capitalize;
  }
  .checkout-override .invoice-table .invoice-products .product .options .select select {
    text-transform: capitalize;
    width: 100%;
  }
  .checkout-override .invoice-table .invoice-products .product .options .select option {
    text-transform: capitalize;
  }
  .checkout-override .invoice-table .invoice-products .product .price {
    width: 60%;
    box-sizing: border-box;
    float: left;
    padding-top: 0;
    padding-left: 10px;
  }
  .checkout-override .invoice-table .invoice-products .product .price p {
    color: #1d2129;
    font-weight: bold;
    font-size: 16px;
    float: left;
    text-align: left;
  }
  .checkout-override .invoice-prices {
    width: 100%;
    background: #f9f9f9;
    display: inline-block;
    padding: 23px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e9ebee;
    border-top: 1px solid #e9ebee;
  }
  .checkout-override .invoice-prices p {
    font-size: 15px;
  }
  .checkout-override .invoice-prices .total-block {
    padding-top: 5px;
  }
  .checkout-override .invoice-prices .delivery-charge-input {
    padding-top: 5px;
  }
  .checkout-override .invoice-prices .delivery-charge-input .label.delivery-charge span.subject {
    display: none;
  }
  .checkout-override .information-list {
    border: none;
    border-top: 1px solid #e9ebee;
    padding: 10px 0;
    margin: 10px 0;
  }
  .checkout-override .information-list .information {
    padding-bottom: 0;
  }
  .checkout-override .information-list .information .edit .form-holder {
    padding-top: 0;
  }
  .checkout-override .information-list .information p {
    padding-top: 4px;
  }
  .checkout-override .information-list .col-size input {
    width: 100%;
    border: 1px solid #b8babc;
  }
  .checkout-override .information-list .col-size.label {
    padding-bottom: 5px;
  }
  .checkout-override .information-list .col-size.label.phone p {
    width: 50%;
    float: left;
  }
  .checkout-override .information-list .col-size.label.phone a {
    float: right;
    padding-top: 4px;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .checkout-override .invoice-table .invoice-products .product .image {
    width: 25%;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .checkout-override .invoice-table .invoice-products .product .image {
    width: 40%;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .checkout-override .invoice-table .invoice-products .product .name {
    width: 65%;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .checkout-override .invoice-table .invoice-products .product .name {
    width: 50%;
  }
}
@media (max-width: 800px) and (max-width: 360px) {
  .checkout-override .invoice-table .invoice-products .product .name p {
    width: 138px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (max-width: 800px) and (max-width: 800px) {
  .checkout-override .invoice-table .invoice-products .product .selection-labels {
    width: 75%;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .checkout-override .invoice-table .invoice-products .product .selection-labels {
    width: 60%;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .checkout-override .invoice-table .invoice-products .product .qty {
    width: 15%;
  }
}
@media (max-width: 800px) and (max-width: 600px) {
  .checkout-override .invoice-table .invoice-products .product .options {
    width: 35%;
  }
}
@media (max-width: 800px) {
  .checkout-override .invoice-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ced0d4;
    text-align: center;
    background: #e6e6e6;
    padding: 16px 0;
    -webkit-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
  }
  .checkout-override .invoice-buttons .btn {
    width: 45%;
    margin: 0;
    float: none;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media (max-width: 800px) and (max-height: 250px) {
  .checkout-override .invoice-buttons {
    display: none;
  }
}
.signup-blocks {
  padding-top: 100px;
}
@media (max-width: 800px) {
  .signup-blocks {
    padding-top: 40px;
  }
}
.signup-blocks .signup-block-container {
  width: 49%;
  float: left;
  display: inline-block;
}
.signup-blocks .signup-block-container.single-column {
  width: 100%;
  float: none;
}
.signup-blocks .signup-block-container.single-column .signup-block {
  text-align: center;
  display: block;
  margin: 0 auto;
}
.signup-blocks .signup-block-container.single-column .signup-block.left,
.signup-blocks .signup-block-container.single-column .signup-block.right {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 800px) {
  .signup-blocks .signup-block-container {
    width: 100%;
    float: none;
  }
}
.signup-blocks .signup-block-container .signup-block {
  width: 242px;
}
.signup-blocks .signup-block-container .signup-block.left {
  float: left;
  padding-left: 50px;
}
.signup-blocks .signup-block-container .signup-block.right {
  float: right;
  padding-right: 50px;
}
@media (max-width: 800px) {
  .signup-blocks .signup-block-container .signup-block {
    width: 100%;
    float: none;
    text-align: center;
  }
  .signup-blocks .signup-block-container .signup-block.left,
  .signup-blocks .signup-block-container .signup-block.right {
    padding-left: 0;
    padding-right: 0;
  }
  .signup-blocks .signup-block-container .signup-block h6,
  .signup-blocks .signup-block-container .signup-block p {
    width: 100%;
  }
}
.signup-blocks .signup-block-container .signup-block h6 {
  margin-bottom: 20px;
}
.signup-blocks .signup-block-container .signup-block p {
  margin-bottom: 14px;
  width: 100%;
}
.signup-blocks .signup-block-container .signup-block span {
  width: 100%;
  display: block;
}
.signup-blocks .signup-block-container .signup-block input {
  margin-top: 14px;
  width: 100%;
  font-size: 12px;
  max-width: 242px;
}
.signup-blocks .signup-block-container .signup-block .login-button-facebook {
  margin-top: 14px;
  width: 100%;
  max-width: 242px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;
}
@media (max-width: 420px) {
  .signup-blocks .signup-block-container .signup-block input,
  .signup-blocks .signup-block-container .signup-block .login-button-facebook {
    /*width: 100%;
					max-width: 100%;*/
  }
}
.signup-blocks .signup-block-container .fb-loading {
  margin: 0 auto;
}
.signup-blocks .vertical-divider {
  width: 1px;
  background: #e9ebee;
  height: 112px;
  float: left;
  margin-top: 20px;
}
.signup-blocks .horizontal-or-divider {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #e9ebee;
  line-height: 0.1em;
  margin: 40px 0;
}
.signup-blocks .horizontal-or-divider span {
  background: white;
  padding: 0 10px;
  color: #e9ebee;
  font-size: 14px;
}
.phone-input {
  padding-left: 52px !important;
}
.payment-info {
  width: 100%;
  border: 1px solid #e9ebee;
  box-sizing: border-box;
  display: table;
}
@media (max-width: 800px) {
  .payment-info {
    display: inline-block;
    border: none;
    border-top: 1px solid #e9ebee;
  }
}
.payment-info.inside-invoice {
  border: none;
}
.payment-info .choose-payment-method {
  display: table-cell;
  width: 525px;
  min-height: 250px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  box-sizing: border-box;
  display: inherit;
}
@media (max-width: 800px) {
  .payment-info .choose-payment-method {
    display: inline-block;
    width: 100%;
    padding-left: 14px;
    padding-right: 14px;
    float: left;
    min-height: 100px;
  }
}
.payment-info .choose-payment-method .each-method {
  margin-top: 30px;
}
.payment-info .choose-payment-method .each-method:first-child {
  margin-top: 0;
}
.payment-info .choose-payment-method .each-method .selection .method-head {
  display: inline;
  margin-left: 10px;
  text-transform: capitalize;
  cursor: pointer;
}
.payment-info .choose-payment-method .each-method .selection .method-head .text {
  display: inline;
}
.payment-info .choose-payment-method .each-method .selection .method-head .text.non-capitalize {
  text-transform: none;
}
.payment-info .choose-payment-method .each-method .selection .method-head .icon {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  margin-bottom: -8px;
}
.payment-info .choose-payment-method .each-method .selection .method-head .icon.cash {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/2deb2c9e62b4d579c15e5200358d9295.png) no-repeat;
  background-size: 24px;
}
.payment-info .choose-payment-method .each-method .selection .method-head .icon.bkash {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1b3492f6b0c7105d365e05ca50814060.png) no-repeat;
  background-size: 24px;
}
.payment-info .choose-payment-method .each-method .selection .method-head .icon.stripe {
  width: 29px;
  height: 22px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/7c9d2a6f8d911bac32f2da41be59e6f5.png) no-repeat;
  background-size: 29px 22px;
}
.payment-info .choose-payment-method .each-method .selection .method-head .icon.credit-card {
  /* width: 29px;
							height: 22px; */
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/2ecb6f1dd87506b9e1c8006c109a84d4.png) no-repeat;
  background-size: 24px;
}
.payment-info .choose-payment-method .each-method .description {
  margin-top: 10px;
  padding-left: 28px;
  display: inline-block;
}
.payment-info .choose-payment-method .each-method .description p {
  /* margin-bottom:20px;  */
}
.payment-info .choose-payment-method .each-method .description p .text-black {
  font-weight: 500;
}
.payment-info .choose-payment-method .each-method .description form.stripe-form label.card-element {
  margin-bottom: 10px;
  display: inline-block;
  padding-top: 10px;
}
.payment-info .choose-payment-method .each-method .description form.stripe-form .main-card-element {
  border: 1px solid;
  margin-right: 10px;
  padding: 7px;
  border: 1px solid #e9ebee;
}
.payment-info .choose-payment-method .each-method .description form.stripe-form .card-errors {
  padding-top: 10px;
}
.payment-info .choose-payment-method .each-method .description img {
  width: 180px;
  margin: 0 auto;
  display: block;
}
.payment-info .choose-payment-method .each-method .description .input-holder {
  width: 335px;
}
.payment-info .choose-payment-method .each-method .description .input-holder .label {
  margin-bottom: 10px;
}
.payment-info .choose-payment-method .each-method .description .input-holder input {
  width: 100%;
}
.payment-info .choose-payment-method .each-method .description .input-holder .note {
  margin-top: 10px;
  display: block;
}
@media (max-width: 800px) {
  .payment-info .choose-payment-method .each-method .description .input-holder {
    width: 95%;
  }
}
.payment-info .choose-payment-method .each-method .description .note .note-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/17caacc7a3eed225d83d6597a1f281ad.png) no-repeat;
  background-size: 20px;
  margin-bottom: -5px;
}
.payment-info .choose-payment-method .each-method .description .note .text {
  margin-left: 10px;
}
.payment-info.inside-invoice .choose-payment-method {
  width: 100%;
}
.payment-info .payment-summary {
  display: table-cell;
  background: #f9f9f9;
  width: 263px;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 800px) {
  .payment-info .payment-summary {
    display: block;
    width: 100%;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.payment-info .payment-summary .details,
.payment-info .payment-summary .total {
  display: inline;
  width: 100%;
}
.payment-info .payment-summary .details .info,
.payment-info .payment-summary .total .info {
  display: inline-block;
  width: 100%;
  padding-top: 8px;
  padding: 0px;
}
.payment-info .payment-summary .details .info:first-child,
.payment-info .payment-summary .total .info:first-child {
  margin-top: 14px;
}
.payment-info .payment-summary .details .info p,
.payment-info .payment-summary .total .info p {
  display: inline;
}
.payment-info .payment-summary .details .info p.label,
.payment-info .payment-summary .total .info p.label {
  float: left;
}
.payment-info .payment-summary .details .info p.value,
.payment-info .payment-summary .total .info p.value {
  float: right;
}
.payment-info .payment-summary .total {
  position: absolute;
  width: 233px;
  bottom: 0;
  margin: 0 auto;
  padding: 8px 0;
  box-sizing: border-box;
  border-top: 1px solid #dfdfdf;
  display: block;
}
.payment-info .payment-summary .total .info:first-child {
  margin-top: 0;
}
@media (max-width: 800px) {
  .payment-info .payment-summary .total {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}
.payment-info .payment-summary .loading-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 80px;
}
.terms-conditions {
  float: left;
  margin-top: 25px;
}
.terms-conditions p {
  font-size: 12px;
  color: #90949c;
}
@media (max-width: 800px) {
  .terms-conditions {
    width: 100%;
    margin-bottom: 25px;
  }
}
.tab-selector {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 30px 0 0 0;
  background-clip: content-box;
}
.tab-selector .tab {
  float: left;
  padding-right: 15px;
  border-bottom: 1px solid #e9ebee;
}
@media (max-width: 800px) {
  .tab-selector .tab {
    padding-right: 15px;
  }
}
@media (max-width: 800px) and (max-width: 400px) {
  .tab-selector .tab {
    padding-right: 8px;
  }
}
.tab-selector .tab:last-child {
  padding-right: 0;
}
.tab-selector .tab h6 {
  display: block;
  font-weight: 500;
}
.tab-selector .tab h6 a {
  display: block;
  padding-bottom: 8px;
  text-decoration: none;
}
.tab-selector .tab h6 a span {
  display: none;
}
.tab-selector .tab h6 a:hover {
  text-decoration: none;
}
.tab-selector .tab.active a {
  color: black;
  display: block;
  padding-bottom: 8px;
  position: relative;
  text-align: center;
}
.tab-selector .tab.active a:hover {
  text-decoration: none;
}
.tab-selector .tab.active a span {
  text-align: center;
  display: inline;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/ba3f069cc26ffe5805a59a73f86d6739.png) no-repeat bottom center;
  width: 12px;
  height: 6px;
  margin: 0 auto;
}
.information {
  width: 100%;
}
.information h6 {
  padding: 20px 0 10px 0;
  width: 100%;
}
.information p {
  width: 100%;
  padding: 0 0 10px 0;
}
.information.padding-top {
  padding-top: 20px;
}
.template-holder {
  padding-top: 0;
  overflow: hidden;
}
.template-holder > div {
  padding-top: 20px;
  display: inline-block;
  vertical-align: top;
}
@media (max-width: 800px) {
  .template-holder > div {
    display: block;
  }
}
.template-holder > div:last-of-type {
  float: right;
}
@media (max-width: 800px) {
  .template-holder > div:last-of-type {
    float: none;
  }
}
.template-holder .hint {
  padding-bottom: 5px;
}
.template-holder .template-box {
  width: 350px;
  resize: none;
  font-size: 12px;
}
.shop-photo-holder {
  padding-top: 0;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
}
.shop-photo-holder .photo {
  float: left;
  width: 50%;
}
@media (max-width: 592px) {
  .shop-photo-holder .photo {
    width: 100%;
  }
}
.shop-photo-holder .photo .title {
  font-size: 15px;
  padding-bottom: 5px;
  font-weight: 500;
}
.shop-photo-holder .photo .image-info {
  display: block;
  width: 95%;
  height: 140px;
  border: 1px dashed #e6e8eb;
  margin-top: 10px;
  text-align: center;
}
.shop-photo-holder .photo .image-info .default-img {
  width: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.shop-photo-holder .photo .image-info p {
  color: #c0c0c0;
}
.shop-photo-holder .photo .cover-image-block {
  display: block;
  width: 100%;
  height: 110px;
  margin-top: 10px;
}
.shop-photo-holder .photo .cover-image-block .cover-photo-dynamic {
  width: 95%;
  height: 100px;
  width: 100px;
}
.shop-photo-holder .photo .image-input-wrap {
  height: 26px;
  text-align: left;
  margin-bottom: 10px;
  border: 1px solid #e9ebee;
  position: relative;
  margin-top: 4px;
  width: 60%;
}
.shop-photo-holder .photo .image-input-wrap input[type='file'] {
  opacity: 0;
  background: transparent;
  position: absolute;
  cursor: pointer;
  z-index: 1;
  width: 95%;
}
.shop-photo-holder .photo .image-input-wrap button {
  padding: 0;
  height: 26px;
  width: 70px;
  z-index: 0;
  position: absolute;
  right: 0;
  border: none;
  border-left: 1px solid #e9ebee;
}
.shop-photo-holder .photo .image-input-wrap button.progress {
  padding-left: 20px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/63f162e212858585e1d48b37966c588f.gif) no-repeat;
  background-size: 12px 12px;
  background-position: center left 4px;
}
@media (max-width: 700px) {
  .shop-photo-holder .photo .image-input-wrap button {
    line-height: 11px;
    font-size: 12px;
  }
}
.shop-photo-holder .photo .image-input-wrap label {
  color: #c9cbc9;
  font-size: 14px;
  margin-left: 9px;
  margin-right: 9px;
  margin-top: 5px;
  float: left;
  z-index: -1;
  overflow: hidden;
  height: 17px;
  width: 79%;
}
.shop-settings-holder {
  padding-top: 0;
  overflow: hidden;
  border-top: 1px solid #dfdfdf;
}
.shop-settings-holder .each-settings {
  box-sizing: border-box;
  padding: 16px 8px;
  border-bottom: 1px solid #dfdfdf;
  float: left;
  width: 100%;
}
.shop-settings-holder .each-settings .delivery-input {
  width: 60px;
  text-align: center;
}
.shop-settings-holder .each-settings .description {
  padding: 0 8px 0 0;
  box-sizing: border-box;
}
.shop-settings-holder .each-settings .description span {
  float: left;
  color: #333333;
  font-weight: 500;
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .description {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .description .info-icon {
    margin-top: 3px;
  }
}
.shop-settings-holder .each-settings .example {
  padding: 0 8px 0 0;
  box-sizing: border-box;
}
.shop-settings-holder .each-settings .example span {
  word-wrap: break-word;
  line-height: 17px;
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .example {
    width: 100%;
    padding: 8px 0;
  }
}
.shop-settings-holder .each-settings .write {
  display: table;
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .write {
    width: 100%;
    box-sizing: border-box;
  }
}
.shop-settings-holder .each-settings .write .label {
  display: none;
  font-weight: 500;
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .write .label {
    display: block;
    width: 100%;
    font-size: 12px;
    padding: 6px 0;
  }
}
.shop-settings-holder .each-settings .write input,
.shop-settings-holder .each-settings .write textarea {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.shop-settings-holder .each-settings .write input.half,
.shop-settings-holder .each-settings .write textarea.half {
  width: 47%;
  margin-right: 6%;
}
.shop-settings-holder .each-settings .write input.half.no-margin,
.shop-settings-holder .each-settings .write textarea.half.no-margin {
  margin-right: 0;
}
@media (max-width: 800px) {
  .shop-settings-holder .each-settings .write input,
  .shop-settings-holder .each-settings .write textarea {
    width: 100%;
    max-width: 400px;
  }
  .shop-settings-holder .each-settings .write input.half,
  .shop-settings-holder .each-settings .write textarea.half {
    margin-right: 16px;
  }
}
.shop-settings-holder .each-settings .write textarea {
  height: 36px;
}
.discount-settings-page .shop-settings-holder .each-settings.discount input.buyer-discount-input {
  width: 90%;
}
@media (max-width: 800px) {
  .discount-settings-page .shop-settings-holder .each-settings .col-size {
    margin-top: 10px;
  }
}
.shop-settings-page .terms-acceptance {
  float: left;
}
.shop-settings-page .button-holder {
  padding: 15px 0;
  width: 100%;
  display: inline-block;
}
.shop-settings-page .button-holder .btn {
  float: right;
}
.shop-settings-page .each-settings.border-bottom {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
}
.shop-settings-page .each-settings .option-menus .selection {
  margin-top: 8px;
}
.shop-settings-page .each-settings .option-menus .selection label span {
  margin-right: 10px;
}
.discount-update {
  margin-top: 10px;
  text-align: right;
}
.team-settings-holder {
  width: 100%;
  border-top: 1px solid #dfdfdf;
}
.team-settings-holder .admin {
  width: 100%;
  float: left;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
}
.team-settings-holder .admin .name {
  padding: 16px 8px;
}
.team-settings-holder .admin .activity {
  text-align: left;
  padding: 16px 8px 16px 0;
}
.team-settings-holder .admin .actions {
  text-align: right;
  padding: 16px 8px;
}
.team-settings-holder .admin .col-size {
  box-sizing: border-box;
}
.bot-settings .team-settings-holder .col-size {
  text-align: center;
}
.bot-settings .team-settings-holder .col-size .btn {
  margin-left: 10px;
  margin-top: 10px;
}
.bot-settings .team-settings-holder .col-size p {
  margin-top: 10px;
  margin-left: 10px;
  text-align: left;
}
.bot-settings .each-settings {
  border-bottom: 1px solid #e9ebee;
  padding-bottom: 20px;
}
.payment-settings .button-holder .btn {
  margin-left: 10px;
}
.payment-settings .country {
  padding-bottom: 5px;
  display: inline-block;
}
.collection-list-holder {
  padding-top: 20px;
  overflow: hidden;
}
.collection-list-holder .collection-list {
  width: 100%;
  float: left;
}
.collection-list-holder .collection-list .collection {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  color: #4B4F56;
}
.collection-list-holder .collection-list .collection:last-child {
  border-bottom: 1px solid #e9ebee;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection.reseller .responsive-padding {
    padding-top: 10px;
  }
  .collection-list-holder .collection-list .collection.reseller .reseller-100 {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .collection-list-holder .collection-list .collection.reseller .col-size {
    float: left;
    text-align: left;
  }
  .collection-list-holder .collection-list .collection.reseller .col-size-5 {
    width: 100%;
  }
  .collection-list-holder .collection-list .collection.reseller .col-size-4 {
    width: 100%;
  }
  .collection-list-holder .collection-list .collection.reseller .responsive-padding {
    padding-top: 10px;
    float: left;
  }
  .collection-list-holder .collection-list .collection.reseller .reseller-100 {
    width: 100% !important;
  }
}
.collection-list-holder .collection-list .collection .collection-info {
  /* img {
					width: 50px;
				} */
}
.collection-list-holder .collection-list .collection .collection-info .collection-cover {
  width: 117px;
  height: 50px;
  cursor: pointer;
  float: left;
  margin-right: 10px;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection .collection-info .collection-cover {
    display: none;
  }
}
.collection-list-holder .collection-list .collection .collection-info .colletion-update-date {
  display: block;
  margin-top: 8px;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection .collection-info {
    width: 60%;
    float: left;
    border-bottom: 1px solid #e9ebee;
    height: 68px;
  }
}
@media (max-width: 592px) {
  .collection-list-holder .collection-list .collection .collection-info {
    border-bottom: none;
    width: 100%;
  }
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-products {
    width: 40%;
    float: right;
    border-bottom: 1px solid #e9ebee;
    height: 68px;
  }
}
@media (max-width: 592px) {
  .collection-list-holder .collection-list .collection-products {
    width: 100%;
    float: left;
  }
  .collection-list-holder .collection-list .collection-products.no-products {
    height: 0;
    margin-top: -8px;
  }
  .collection-list-holder .collection-list .collection-products.no-products .product-images {
    display: none;
    height: 0;
  }
  .collection-list-holder .collection-list .collection-products.no-products div {
    display: none;
  }
}
.collection-list-holder .collection-list .collection-products .product-images {
  width: 190px;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-products .product-images {
    text-align: right;
    float: right;
  }
}
@media (max-width: 592px) {
  .collection-list-holder .collection-list .collection-products .product-images {
    text-align: left;
    float: left;
  }
}
.collection-list-holder .collection-list .collection-products .product-images .each-image {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 8px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-products .product-images .each-image {
    float: right;
  }
}
@media (max-width: 592px) {
  .collection-list-holder .collection-list .collection-products .product-images .each-image {
    float: left;
    margin-left: 0;
    margin-right: 8px;
  }
}
.collection-list-holder .collection-list .collection-products .product-images .each-image img {
  width: 100%;
}
.collection-list-holder .collection-list .collection-products .product-images .each-image .plus {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: black 5px;
  box-shadow: -5px -4px 144px -7px rgba(0, 0, 0, 0.57);
}
.collection-list-holder .collection-list .collection-products .product-images .each-image .plus span {
  position: absolute;
  top: 17px;
  left: 0;
  right: 0;
  font-weight: normal;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-products .product-images .each-image .plus span {
    font-size: 15px;
  }
}
.collection-list-holder .collection-list .collection-share {
  text-align: center;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-share {
    width: 10%;
    text-align: left;
    padding-top: 16px;
  }
}
.collection-list-holder .collection-list .collection-share img {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.collection-list-holder .collection-list .collection-boost {
  text-align: center;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-boost {
    width: 30%;
    text-align: left;
    padding-top: 16px;
  }
}
.collection-list-holder .collection-list .collection-boost img {
  cursor: pointer;
  height: 18px;
  width: 18px;
}
.collection-list-holder .collection-list .collection-actions {
  text-align: center;
}
.collection-list-holder .collection-list .collection-actions .btn {
  margin-left: 8px;
  margin-bottom: 8px;
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-actions .btn {
    margin-bottom: 0;
  }
}
@media (max-width: 800px) {
  .collection-list-holder .collection-list .collection-actions {
    width: 90%;
    text-align: right;
    padding-top: 16px;
  }
}
.collection-list-holder .collection-list .collection-actions img {
  cursor: pointer;
  padding: 0px 5px;
  height: 18px;
}
.collection-list-holder .collection-list .col-size {
  float: left;
  box-sizing: border-box;
}
.collection-list-holder .collection-list .btn {
  width: 60px;
}
.collection-list-holder .collection-list .btn.not-fixed {
  width: auto;
  margin-right: 10px;
}
.facebook-style .collection-modal {
  padding-bottom: 20px !important;
}
.facebook-style .collection-modal input,
.facebook-style .collection-modal textarea {
  width: 100%;
  margin-top: 8px;
}
.facebook-style .collection-modal textarea {
  overflow: auto;
  resize: none;
}
.facebook-style .collection-modal textarea.small {
  height: 60px;
}
.facebook-style .collection-modal .form-horizontal label span {
  word-wrap: break-word;
}
.facebook-style .collection-modal .cover-photo-note {
  padding-top: 0px;
}
.facebook-style .collection-modal .collection-note {
  padding-top: 10px;
}
.facebook-style .collection-modal .image-info {
  display: block;
  width: 296px;
  height: 150px;
  border: 1px dashed #e2dede;
  margin-top: 10px;
  /* padding: 20px; */
  text-align: center;
}
.facebook-style .collection-modal .image-info .default-img {
  width: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.facebook-style .collection-modal .image-info p {
  color: #c0c0c0;
}
.facebook-style .collection-modal .cover-image-block {
  display: block;
  width: 296px;
  height: 150px;
  margin-top: 10px;
}
.facebook-style .collection-modal .cover-image-block .cover-photo {
  width: 296px;
  height: 150px;
}
.facebook-style .collection-modal .image-input-wrap {
  height: 32px;
  text-align: left;
  margin-bottom: 10px;
  border: 1px solid #e9ebee;
  position: relative;
  margin-top: 10px;
}
.facebook-style .collection-modal .image-input-wrap input[type="file"] {
  opacity: 0;
  background: transparent;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.facebook-style .collection-modal .image-input-wrap button {
  padding: 0;
  height: 32px;
  width: 70px;
  /* margin-right: 2px;
			margin-top: 3px; */
  z-index: 0;
  position: absolute;
  right: 0;
  border: none;
  border-left: 1px solid #e9ebee;
}
.facebook-style .collection-modal .image-input-wrap button.progress {
  padding-left: 20px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/63f162e212858585e1d48b37966c588f.gif) no-repeat;
  background-size: 12px 12px;
  background-position: center left 4px;
}
@media (max-width: 700px) {
  .facebook-style .collection-modal .image-input-wrap button {
    line-height: 11px;
    font-size: 12px;
  }
}
.facebook-style .collection-modal .image-input-wrap label {
  color: #C9CBC9;
  font-size: 14px;
  margin-left: 9px;
  margin-top: 8px;
  float: left;
  z-index: -1;
  overflow: hidden;
  height: 17px;
}
.reports {
  width: 100%;
  box-sizing: border-box;
  padding: 40px 0 0 0;
  display: inline-block;
}
.reports .panel {
  width: 248px;
  float: left;
  margin-left: 22px;
}
.reports .panel:first-child {
  margin-left: 0;
}
@media (max-width: 800px) {
  .reports .panel {
    width: 32%;
    margin-left: 2%;
  }
}
@media (max-width: 592px) {
  .reports .panel {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }
  .reports .panel:first-child {
    margin-top: 0;
  }
}
.reports .panel .panel-head {
  width: 100%;
  border-top: 1px solid #e9ebee;
  border-bottom: 1px solid #e9ebee;
  background-color: #f9f9f9;
}
.reports .panel .panel-head h6 {
  padding: 16px 10px;
}
@media (max-width: 592px) {
  .reports .panel .panel-head h6 {
    font-size: 17px;
  }
}
.reports .panel .panel-head h6.has-icon {
  padding-left: 40px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/60d200c5466c4768ead99ae30a72cc6b.png) no-repeat left 8px center;
  background-size: 18px;
}
@media (max-width: 592px) {
  .reports .panel .panel-head h6.has-icon {
    background-size: 20px;
  }
}
.reports .panel .panel-head h6.orders {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/60d200c5466c4768ead99ae30a72cc6b.png) no-repeat left 8px center;
  background-size: 18px;
}
@media (max-width: 592px) {
  .reports .panel .panel-head h6.orders {
    background-size: 20px;
  }
}
.reports .panel .panel-head h6.orders {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/5c5e85c9b4bf8dd697ae609fd421b8e6.png) no-repeat left 8px center;
  background-size: 18px;
}
@media (max-width: 592px) {
  .reports .panel .panel-head h6.orders {
    background-size: 20px;
  }
}
.reports .panel .panel-head h6.stars {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/a32cbf7f91916089f487254d6b60c0b7.png) no-repeat left 8px center;
  background-size: 18px;
}
@media (max-width: 592px) {
  .reports .panel .panel-head h6.stars {
    background-size: 20px;
  }
}
.reports .panel .panel-body {
  width: 100%;
  box-sizing: border-box;
}
.reports .panel .panel-body .row {
  width: 100%;
  box-sizing: border-box;
  float: left;
  padding: 10px 10px;
  border-bottom: 1px solid #e9ebee;
  letter-spacing: -0.1px;
  line-height: 1.3;
}
.reports .panel .panel-body .row span.label {
  float: left;
  text-align: left;
}
.reports .panel .panel-body .row span.value {
  float: right;
  text-align: right;
}
.best-selling {
  float: left;
  box-sizing: border-box;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 60px;
}
.best-selling .product {
  float: left;
  width: 30%;
  margin-right: 3%;
}
@media (max-width: 800px) and (min-width: 592px) {
  .best-selling .product {
    width: 45%;
  }
}
@media (max-width: 592px) {
  .best-selling .product {
    width: 100%;
    padding-bottom: 20px;
  }
  .best-selling .product:last-child {
    padding-bottom: 0;
  }
}
.best-selling .product img {
  width: 100px;
  height: 100px;
  float: left;
}
.best-selling .product .product-info {
  padding: 20px 0;
  float: left;
  padding-left: 16px;
}
.best-selling .product .product-info p {
  width: 100px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
@media (max-width: 592px) {
  .best-selling .product .product-info p {
    width: 100%;
  }
}
.best-selling .product .product-info span {
  display: block;
  padding-top: 4px;
}
.graph-holder {
  *zoom: 1;
  display: inline;
  display: inline-block;
}
.graph-holder .shop-page-head {
  padding-top: 0;
}
.sick-graph {
  width: 100%;
  height: 240px;
  *zoom: 1;
  display: inline;
  display: inline-block;
  box-sizing: border-box;
  padding: 30px 0;
  position: relative;
}
.sick-graph .ct-series-a {
  width: 100%;
  box-sizing: border-box;
}
.sick-graph .ct-series-a .ct-area,
.sick-graph .ct-series-a .ct-slice-pie {
  fill: #c4d2e7;
  fill-opacity: inherit;
}
.sick-graph .ct-labels {
  box-sizing: border-box;
}
.sick-graph .ct-series-a .ct-line {
  stroke: #768dba;
  stroke-width: 2px;
}
.sick-graph .ct-point {
  stroke-width: 6px;
  stroke: #768dba;
  cursor: pointer;
}
.sick-graph .ct-label.ct-horizontal {
  text-align: center;
}
.sick-graph .ct-label.ct-horizontal.ct-end {
  transform: translate(-50%, 0);
  display: block;
  text-align: center;
}
.sick-graph .ct-grids .ct-horizontal {
  display: none;
}
.sick-graph .ct-grids .ct-horizontal:first-child {
  display: inherit;
  stroke: #e9ebee;
  stroke-dasharray: none;
}
.sick-graph .chartist-tooltip {
  position: absolute;
  display: inline-block;
  opacity: 0;
  min-width: 130px;
  height: 76px;
  padding: 8px;
  margin-top: 0;
  background: white;
  text-align: left;
  pointer-events: none;
  z-index: 99;
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear;
  box-shadow: 1px 1px 14px 0px rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  font-size: 12px;
  border: 1px solid #b5b5b5;
}
.sick-graph .chartist-tooltip .date {
  padding-bottom: 10px;
  color: #90949c;
  width: 100%;
  display: block;
}
.sick-graph .chartist-tooltip .total-amount {
  padding-bottom: 10px;
  width: 100%;
  display: block;
  font-weight: bold;
}
.sick-graph .chartist-tooltip .total-sold {
  padding-bottom: 10px;
  width: 100%;
  display: block;
  font-weight: bold;
}
.sick-graph .chartist-tooltip.tooltip-show {
  opacity: 1;
}
.sick-graph .ct-area,
.sick-graph .ct-line {
  pointer-events: none;
}
.user-auth-state {
  background: #e9eaed;
  padding: 5px 20px;
  border-top: 1px #dcdee3 solid;
  border-bottom: 1px #dcdee3 solid;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.admin-view-switch {
  margin: 0 0;
  display: inline-block;
}
.modal-open {
  overflow: auto;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal .vertical-alignment-helper {
  display: table;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.modal .vertical-align-center {
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}
.canvas-overflow-hide .modal .vertical-align-center {
  display: block;
  margin-top: 200px;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  outline: 0;
  width: inherit;
  height: inherit;
  margin: 0 auto;
  pointer-events: all;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  position: relative;
  padding: 12px;
  background: #f9f9f9;
  border-bottom: 1px solid #eaeaec;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-header .close {
  position: absolute;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/8f20fc6eec70915e0a4a4b6f5aeccfda.png) no-repeat;
  width: 11px;
  height: 11px;
  right: 16px;
  top: 16px;
  cursor: pointer;
}
.modal-header .close::before,
.modal-header .close::after {
  content: '';
}
h4.modal-title {
  margin: 0;
  color: #141823;
  font-size: 14px;
  line-height: 18px;
}
.modal-body {
  position: relative;
  padding: 15px;
  line-height: 20px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.modal-footer.with-background {
  padding: 12px;
  background: #f9f9f9;
  border-top: 1px solid #eaeaec;
}
.modal-footer.with-border {
  border-top: 1px solid #eaeaec;
}
.modal-footer.message-input-box {
  text-align: left;
}
.modal-footer.message-input-box .full {
  width: 100%;
}
.modal-footer.message-input-box button {
  float: right;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 10px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.dialogs-default .modal-footer {
  padding: 12px;
  /* background: #f9f9f9; */
  border-top: 1px solid #eaeaec;
}
.dialog-header-notify ~ .modal-footer .btn-primary {
  background-color: #4267b2;
  color: white;
  border: none;
}
.modal-xlg-slider .close {
  position: absolute;
  top: -30px;
  right: 0;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/d7fdd15497b479a849f8bbd2726335fd.png);
  width: 10px;
  height: 10px;
  cursor: pointer;
  opacity: 0.5;
}
.modal-xlg-slider .close:hover {
  opacity: 1;
}
.modal-xlg-slider .modal-content {
  background: transparent;
  border: none;
  width: 700px;
  height: auto;
}
.modal-xlg-slider .modal-slider {
  padding: 0;
}
.modal-xlg-slider .modal-slider .slider-image {
  width: 500px;
  background-color: #fff;
  margin: 0 auto;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .modal-slide .text-center {
  display: inherit;
  text-align: center;
  height: 500px;
  line-height: 500px;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .modal-slide .text-center img {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .carousel-indicators {
  display: none;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .carousel-control.left {
  left: -70px;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .carousel-control.left .glyphicon-chevron-left:before {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1e663cc1ad518f9f53a973c390dfd67e.png);
  width: 14px;
  height: 22px;
  border-radius: 0;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .carousel-control.right {
  right: -70px;
}
.modal-xlg-slider .modal-slider .slider-image .modal-carousel .carousel-control.right .glyphicon-chevron-right:before {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/c9beae1dc7d04a8b2a51b527295d58dd.png);
  width: 14px;
  height: 22px;
  border-radius: 0;
}
.modal-xlg-slider .modal-slider .slider-image .image-details {
  text-align: center;
}
.modal-xlg-slider .modal-slider .slider-image .image-details p {
  padding: 10px;
}
.modal-xlg-slider .modal-slider .order-image {
  width: 500px;
  height: 500px;
  min-height: 500px;
  background-color: #fff;
  margin: 0 auto;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .modal-slide .text-center {
  display: inherit;
  text-align: center;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .modal-slide .text-center img {
  width: 500px;
  height: 500px;
  margin: 0 auto;
  display: inline;
  vertical-align: center;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .carousel-indicators {
  display: none;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .carousel-control.left {
  left: -70px;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .carousel-control.left .glyphicon-chevron-left:before {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1e663cc1ad518f9f53a973c390dfd67e.png);
  width: 14px;
  height: 22px;
  border-radius: 0;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .carousel-control.right {
  right: -70px;
}
.modal-xlg-slider .modal-slider .order-image .modal-carousel .carousel-control.right .glyphicon-chevron-right:before {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/c9beae1dc7d04a8b2a51b527295d58dd.png);
  width: 14px;
  height: 22px;
  border-radius: 0;
}
.modal-xlg-slider .modal-slider .order-image .image-details {
  background: #fff !important;
  text-align: center;
  margin-top: -6px;
}
.modal-xlg-slider .modal-slider .order-image .image-details p {
  padding: 10px;
  font-weight: bold;
}
@media (min-width: 800px) {
  .modal-dialog {
    /*width: 495px;*/
    margin: 30px auto;
  }
  .modal-content {
    width: 495px;
  }
  .modal-sm .modal-dialog {
    width: 326px;
  }
  .modal-sm .modal-content {
    width: 326px;
  }
  .modal-xlg .modal-dialog {
    width: 610px;
  }
  .modal-xlg .modal-content {
    width: 610px;
  }
  .modal-xxlg .modal-dialog {
    width: 748px;
  }
  .modal-xxlg .modal-content {
    width: 748px;
  }
  .modal-xsm modal-dialog {
    width: 400px;
  }
  .modal-xsm .modal-content {
    width: 400px;
  }
  .modal-custom .modal-dialog {
    width: 500px;
  }
  .modal-custom .modal-content {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 790px;
  }
}
@media (max-width: 800px) {
  .modal-dialog {
    width: 90%;
    max-width: 495px;
    margin: 30px auto;
  }
  .modal-content {
    width: 90%;
    max-width: 495px;
  }
}
.modal-body.padding-30 {
  padding-left: 30px;
}
.modal-body.edit-product-modal {
  padding: 0 0 0 0;
  display: table;
  width: 100%;
}
.modal-body.message-viewer-modal {
  padding: 0 0 0 0;
  display: table;
  width: 100%;
}
.modal-body .customer-info-holder {
  display: table-cell;
  width: 400px;
  float: left;
  height: 428px;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
}
@media (max-width: 800px) {
  .modal-body .customer-info-holder {
    width: 100%;
  }
}
.modal-body .customer-info-holder .full {
  width: 100%;
}
.modal-body .message-holder {
  display: table-cell;
  width: 100%;
  float: left;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .modal-body .message-holder {
    width: 100%;
  }
}
.modal-body .message-holder .messages-list {
  height: 352px;
  overflow-y: auto;
  padding: 12px 12px 16px 16px;
}
.modal-body .message-holder .messages-list .chat-messages {
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  flex: 1;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder {
  width: 100%;
  margin: 0 0 15px;
  display: flex;
  flex-flow: column;
  align-items: flex-end;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box {
  padding: 6px 10px;
  border-radius: 6px;
  position: relative;
  background: #f8f8f8;
  border: 2px solid #f8f8f8;
  color: #6c6c6c;
  font-size: 12px;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box .title {
  font-weight: bold;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box .attachment-holder {
  text-align: center;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box .attachment-holder .attachment {
  display: inline-block;
  padding-right: 5px;
  padding-top: 5px;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box .attachment-holder .attachment img {
  width: 50px;
  cursor: pointer;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box .dateTime {
  padding-top: 5px;
  text-align: center;
  font-size: 10px;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .message-box:after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-top: 10px solid #f8f8f8;
  border-right: none;
  bottom: -22px;
  right: 10px;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .seller {
  background: #dee4f0;
  border: 2px solid #dee4f0;
  align-self: flex-start;
}
.modal-body .message-holder .messages-list .chat-messages .message-box-holder .seller:after {
  right: auto;
  bottom: auto;
  top: -22px;
  left: 9px;
  border: 10px solid transparent;
  border-bottom: 10px solid #dee4f0;
  border-left: none;
}
.modal-body .message-input-box {
  border-top: 1px solid #eaeaec;
  padding: 20px;
  display: table-cell;
  width: 610px;
  float: left;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
  box-shadow: 0 -5px 5px -5px #eaeaec;
}
@media (max-width: 800px) {
  .modal-body .message-input-box {
    width: 100%;
  }
}
.modal-body .message-input-box .full {
  width: 100%;
}
.modal-body .message-input-box button {
  float: right;
}
.modal-body .products-holder {
  display: table-cell;
  width: 300px;
  float: left;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .modal-body .products-holder {
    width: 100%;
  }
}
.modal-body .products-holder .filters {
  border-bottom: 1px solid #dfdfdf;
  padding: 10px;
}
.modal-body .products-holder .modal-products-list {
  height: 352px;
  overflow-y: auto;
  padding: 12px 12px 16px 16px;
}
@media (max-width: 800px) {
  .modal-body .products-holder .modal-products-list {
    height: 220px;
  }
}
.modal-body .products-holder .modal-products-list .title {
  font-weight: 500;
  margin-bottom: 10px;
}
.modal-body .products-holder .modal-products-list .product {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 16px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/65b6a8e0cd15be6e3bdc877be1bfbab0.png) no-repeat right center;
}
.modal-body .products-holder .modal-products-list .product.active {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/466e99c285c6e9ed279136c8fe8619e0.png) no-repeat right center;
}
.modal-body .products-holder .modal-products-list .product .product-info img {
  width: 50px;
  float: left;
}
.modal-body .products-holder .modal-products-list .product .product-info .details {
  display: block;
  float: left;
  margin-left: 10px;
  width: 180px;
}
.modal-body .products-holder .modal-products-list .product .product-info .details span {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-body .products-holder .modal-products-list .product .product-info .details span.name {
  font-weight: 500;
}
.modal-body .products-holder .modal-products-list .product .product-info .delivery-details {
  line-height: 16px !important;
}
.modal-body .products-holder .modal-products-list .product .product-info .delivery-details p {
  width: 100%;
  font-size: 12px;
  line-height: 15px;
}
.modal-body .products-holder .modal-products-list .product .product-info.no-tick {
  background: white;
  cursor: default;
}
.modal-body .products-holder .modal-products-list.exchange-products-summary {
  height: 400px;
}
.modal-body .products-holder .modal-products-list.height-400 {
  height: 400px;
}
.modal-body .products-holder.delivery-holder {
  width: 100%;
}
.modal-body .products-holder.more-products {
  width: 100%;
}
.modal-body .products-holder.exchange-products-holder {
  width: 400px;
}
.modal-body .validation-message {
  margin-top: 66px;
}
@media (max-width: 800px) {
  .modal-body .validation-message {
    margin-top: 78px;
  }
}
.modal-body .modal-body .selected-products-holder .product {
  padding: 8px 0 5px 0;
}
.modal-body .validation_text {
  padding: 2px;
  color: red;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 800px) {
  .modal-body .validation_text {
    font-size: 18px;
    line-height: 22px;
  }
}
.modal-body .fetch-post-holder {
  display: table-cell;
  width: 100%;
  float: left;
  border-right: 1px solid #dfdfdf;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .modal-body .fetch-post-holder {
    width: 100%;
  }
}
.modal-body .fetch-post-holder .modal-post-list {
  height: 352px;
  overflow-y: auto;
  padding: 12px 12px 16px 16px;
}
.modal-body .fetch-post-holder .modal-post-list .post {
  float: left;
  width: 100%;
  display: block;
  position: relative;
  cursor: pointer;
  margin-bottom: 16px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/65b6a8e0cd15be6e3bdc877be1bfbab0.png) no-repeat right center;
}
.modal-body .fetch-post-holder .modal-post-list .post.active {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/466e99c285c6e9ed279136c8fe8619e0.png) no-repeat right center;
}
.modal-body .fetch-post-holder .modal-post-list .post .post-info img {
  width: 80px;
  height: 80px;
  float: left;
}
.modal-body .fetch-post-holder .modal-post-list .post .post-info .details {
  display: block;
  margin-left: 10px;
  margin-top: 4px;
  width: 450px;
  float: left;
}
@media (max-width: 800px) {
  .modal-body .fetch-post-holder .modal-post-list .post .post-info .details {
    width: 200px;
  }
}
@media (max-width: 400px) {
  .modal-body .fetch-post-holder .modal-post-list .post .post-info .details {
    width: 150px;
  }
}
.modal-body .fetch-post-holder .modal-post-list .post .post-info .details span {
  width: 100%;
  display: block;
}
.modal-body .fetch-post-holder .modal-post-list .post .post-info .details span.name {
  font-weight: 500;
  height: 60px;
  overflow: hidden;
}
.modal-body .boost-post-container {
  display: table-cell;
  width: 100%;
  float: left;
  border-right: 1px solid #dfdfdf;
  padding: 12px 12px 0px 12px;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 800px) {
  .modal-body .boost-post-container {
    width: 100%;
  }
}
.modal-body .boost-post-container p {
  margin-bottom: 5px;
}
.modal-body .boost-post-container textarea {
  width: 100%;
  height: 100px;
  margin-bottom: 12px;
}
.modal-body .boost-post-container input[type='number'] {
  width: 70%;
}
.modal-body .boost-post-container .icon-calender {
  position: absolute;
  left: 62%;
  padding-top: 7px;
  cursor: pointer;
}
.modal-body .invoice-details {
  display: table-cell;
  height: 290px;
  float: left;
  width: 209px;
  background: #fff;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 15px;
}
@media (max-width: 800px) {
  .modal-body .invoice-details {
    height: 135px;
    padding-top: 0;
    width: 100%;
  }
}
.modal-body .invoice-details .amount-block {
  padding-bottom: 15px;
  width: 100%;
  display: inline-block;
}
.modal-body .invoice-details .amount-block .amount {
  float: right;
}
.modal-body .invoice-details .amount-block .pen-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-bottom: -3px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/749cf0c0f66c703b103a934449fcfe4f.png) 0% 0% no-repeat;
}
.modal-body .invoice-details .amount-block input {
  float: right;
  width: 40px;
  height: 27px;
  text-align: center;
  font-size: 12px;
}
.modal-body .invoice-details .amount-block input.text-left {
  float: left;
  width: 100px;
  text-align: left;
}
.modal-body .invoice-details .amount-block .bkash-transaction-id {
  width: 100%;
  margin-top: 5px;
  text-align: left;
}
.modal-body .invoice-details .amount-block.bkash {
  margin-top: 10px;
}
.modal-body .selected-products-holder {
  display: table-cell;
  height: 390px;
  float: left;
  width: 309px;
  background: #fff;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 8px;
}
.modal-body .selected-products-holder .selected-counter {
  width: 100%;
  color: #90949c;
}
.modal-body .selected-products-holder .selected-counter span {
  display: inline-block;
  font-weight: 500;
}
.modal-body .selected-products-holder .selected-counter .count {
  float: right;
}
.modal-body .selected-products-holder .selected-counter .text {
  float: left;
}
@media (max-width: 800px) {
  .modal-body .selected-products-holder {
    width: 100%;
    height: 200px;
    margin-top: 10px;
    -webkit-box-shadow: -1px -10px 11px -6px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: -1px -10px 11px -6px rgba(0, 0, 0, 0.42);
    box-shadow: -1px -10px 11px -6px rgba(0, 0, 0, 0.42);
  }
}
.modal-body .selected-products-holder .product {
  padding: 8px 0;
  width: 100%;
  float: left;
  border-bottom: 1px solid #e9ebee;
}
.modal-body .selected-products-holder .product img {
  width: 25px;
  float: left;
}
.modal-body .selected-products-holder .product .name {
  padding-left: 8px;
  box-sizing: border-box;
  margin-top: 2px;
  float: left;
  max-width: 125px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-body .selected-products-holder .product .p-name {
  padding-left: 8px;
  box-sizing: border-box;
  margin-top: 2px;
  float: left;
  max-width: 230px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-body .selected-products-holder .product .tickmark {
  display: none;
}
.modal-body .selected-products-holder .product:hover {
  background: #f9f9f9;
}
.modal-body .selected-products-holder .product:hover .tickmark {
  display: block;
  width: 16px;
  height: 16px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/10a96fa653238b81e226f543886648ba.png) no-repeat;
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  cursor: pointer;
}
.modal-body .selected-products-holder .product .product-info {
  width: 100%;
  float: left;
  height: 25px;
  padding: 10px 5px 5px 0;
}
.modal-body .selected-products-holder .product .product-info .variant {
  width: 32%;
  float: left;
  height: 27px;
}
.modal-body .selected-products-holder .product .product-info .variant .product-quantity {
  width: 90px;
  cursor: pointer;
}
.modal-body .selected-products-holder .product .product-info .quantity {
  width: 32%;
  float: left;
}
.modal-body .selected-products-holder .product .product-info .quantity .selector {
  padding-left: 20px;
}
.modal-body .selected-products-holder .product .product-info .quantity .selector .quantity-selector {
  width: 15px;
  height: 25px;
  float: left;
  border: 1px solid #dfdfdf;
  text-align: center;
  vertical-align: middle;
  color: #dfdfdf;
  cursor: pointer;
}
@media (max-width: 800px) {
  .modal-body .selected-products-holder .product .product-info .quantity .selector .quantity-selector {
    height: 32px;
  }
}
.modal-body .selected-products-holder .product .product-info .quantity .selector .quantity-selector.left {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
}
.modal-body .selected-products-holder .product .product-info .quantity .selector .quantity-selector.right {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
}
.modal-body .selected-products-holder .product .product-info .quantity .selector #quantity-value {
  width: 25px;
  height: 22px;
  float: left;
  border: 1px solid #dfdfdf;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
}
@media (max-width: 800px) {
  .modal-body .selected-products-holder .product .product-info .quantity .selector #quantity-value {
    height: 29px;
  }
}
.modal-body .selected-products-holder .product .product-info .price {
  width: 32%;
  float: left;
  margin-left: 5px;
  text-align: left;
}
.modal-body .selected-products-holder .product .product-info .price.shwanirbhor {
  padding-left: 30px;
}
@media (max-width: 800px) {
  .modal-body .selected-products-holder .product .product-info .price {
    width: 34%;
  }
}
.modal-body .selected-products-holder .product .product-info .price span {
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}
.modal-body .selected-products-holder .product .product-info .price input {
  width: 85%;
  height: 27px;
  font-size: 12px;
  box-sizing: border-box;
  float: left;
}
@media (max-width: 800px) {
  .modal-body .selected-products-holder .product .product-info .price input {
    height: 32px;
  }
}
.modal-body .selected-products-holder .product .product-info .price.right {
  float: right;
}
.modal-body .selected-products-holder .product .product-info .price .width-50 {
  width: 50%;
}
.modal-body .selected-products-holder.exchange {
  height: 342px;
}
.modal-body .total-block {
  display: table-cell;
  height: 38px;
  float: left;
  width: 309px;
  background: #f9f9f9;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 5px;
  border-top: 1px solid #dfdfdf;
}
.modal-body .total-block.half {
  width: 209px;
  margin-top: 100px;
}
@media (max-width: 800px) {
  .modal-body .total-block.half {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .modal-body .total-block {
    width: 100%;
  }
}
.modal-body .total-block .cart-total {
  display: inline-block;
  width: 100%;
}
.modal-body .total-block .cart-total .total-label {
  float: left;
  padding-left: 5px;
  font-size: 14px;
}
.modal-body .total-block .cart-total .total-amount {
  float: right;
  padding-right: 9px;
  font-size: 14px;
}
.modal-body .total-block.right {
  float: right;
}
.modal-body span.note {
  padding-top: 20px;
  width: 100%;
  display: block;
  line-height: 20px;
  font-size: 11px;
  color: #c0c0c0;
}
.modal-body .modal-form input,
.modal-body .modal-form textarea {
  width: 95%;
  margin-top: 8px;
}
.modal-body .modal-form textarea {
  overflow: auto;
  resize: none;
}
.modal-body .modal-form textarea.small {
  height: 60px;
}
.modal-body .modal-form .each-box {
  margin-top: 20px;
}
.modal-body .modal-form .each-box label span {
  word-wrap: break-word;
}
.modal-body .modal-form .each-box span.phone {
  position: relative;
}
.modal-body .modal-form .each-box span.phone .country {
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 8px;
}
.modal-body .modal-form .each-box span.phone input {
  padding-left: 38px;
}
.modal-body .modal-form .each-box span.phone textarea {
  font-size: 12px;
  width: 100%;
}
.modal-body .modal-form .each-box .order-type {
  width: 100%;
  float: left;
}
.modal-body .modal-form .each-box .order-type label {
  margin-right: 10px;
  width: 33%;
}
@media (max-width: 495px) {
  .modal-body .modal-form .each-box .order-type label {
    width: 100%;
    display: inline-block;
    padding-top: 5px;
  }
}
.modal-body .modal-form .each-box .product-code {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-top: 10px;
  max-height: 348px;
  overflow-y: auto;
}
.modal-body .modal-form .each-box .product-code .each-code {
  margin-top: 5px;
}
.modal-body .modal-form .each-box .product-code .each-code .product-info {
  width: 38px;
  float: left;
}
.modal-body .modal-form .each-box .product-code .each-code .product-info img {
  width: 34px;
  height: 34px;
}
.modal-body .modal-form .each-box .product-code .each-code .title {
  width: 12px;
  float: left;
  text-align: end;
  font-size: 12px;
  padding-top: 5px;
}
.modal-body .modal-form .each-box .product-code .each-code .title-2nd {
  width: 17px;
  float: left;
  text-align: end;
  font-size: 12px;
  padding-top: 5px;
}
.modal-body .modal-form .each-box .product-code .each-code .input-box {
  padding: 0px 5px;
  float: left;
}
.modal-body .modal-form .each-box .product-code .each-code .input-box input {
  width: 80px;
  float: left;
  margin: 0px;
}
.modal-body .modal-form .each-box:first-child {
  margin-top: 0;
}
.modal-header.permission {
  background-color: white;
  display: flex;
  justify-content: center;
}
.modal-header.permission .modal-title {
  color: #2cb259;
  font-weight: 500;
}
.modal-header.permission .modal-title span.taka-icon {
  color: #fffdff;
  border-radius: 50%;
  background-color: #2cb259;
  padding: 0 7px;
}
.modal-body.permission {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-body.permission .modal-body-title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 8px;
}
.modal-body.permission .permission-prompt {
  border: 1px solid #eaeaea;
  border-radius: 7px;
  padding: 10px;
  min-width: 200px;
}
.modal-body.permission .permission-prompt .first-line {
  margin-bottom: 8px;
}
.modal-body.permission .permission-prompt .second-line {
  margin-bottom: 8px;
}
.modal-body.permission .permission-prompt .third-line {
  float: right;
}
.modal-body.permission .permission-prompt .third-line button {
  border: 1px solid #2196F3;
  padding: 3px 6px;
  border-radius: 3px;
}
.modal-body.permission .permission-prompt .third-line button.allow-btn {
  color: black;
}
.modal-body.permission p.modal-body-footer {
  margin-top: 10px;
  text-align: center;
}
.modal-footer.permission {
  display: flex;
  justify-content: center;
}
.modal-footer.permission button {
  min-width: 60px;
}
.pac-container {
  z-index: 1051 !important;
}
.permission-modal {
  padding-bottom: 50px;
  position: relative;
}
.permission-modal .permission-container {
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  padding: 0px 50px;
}
.permission-modal .permission-container .permission-details {
  padding-top: 20px;
}
.permission-modal .permission-container .permission-details img {
  height: 100px;
  padding-bottom: 20px;
}
.permission-modal .permission-container .permission-details a {
  color: #00bbd3;
  text-decoration: none;
  cursor: pointer;
}
.permission-modal .permission-container .permission-details a:hover {
  text-decoration: underline;
}
.permission-modal .permission-container .permission-details p {
  line-height: 25px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #948f8f;
  margin-top: 20px;
}
.permission-modal .permission-container .permission-details .permission-btn {
  width: 40%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
@media (max-width: 592px) {
  .permission-modal .permission-container .permission-details .permission-btn {
    width: 70%;
  }
}
.permission-modal .close-btn {
  background-color: #2f2929;
  height: 50px;
  width: 50px;
  position: absolute;
  border-redius: 50%;
  -webkit-border-radius: 50%;
  top: -25px;
  right: -25px;
  cursor: pointer;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
.permission-modal .close-btn img {
  width: 30px;
  margin-top: 10px;
}
.delivery-filter {
  width: 32%;
}
.delivery-filter .left {
  float: left;
}
.delivery-filter .right {
  float: right;
}
@media (max-width: 592px) {
  .delivery-filter {
    width: 100%;
    margin-bottom: 5px !important;
  }
}
.filter {
  width: 90px;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-top: 1px;
}
.filter .left {
  float: left;
}
.filter .right {
  float: right;
}
@media (max-width: 800px) {
  .filter {
    margin-top: -1px !important;
  }
}
@media (max-width: 495px) {
  .filter {
    width: 100%;
  }
}
.search-filter {
  width: 75% !important;
  margin-left: -5px;
}
@media (max-width: 800px) {
  .search-filter {
    width: 79% !important;
    margin-top: 5px;
  }
}
@media (max-width: 495px) {
  .search-filter {
    margin-left: 0px;
    width: 100% !important;
    margin-top: 5px;
  }
}
.import-delivery-options {
  padding: 30px 20px;
}
.import-delivery-options p {
  margin-bottom: 10px;
  line-height: 150%;
}
.import-delivery-options a {
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  margin-left: 5px;
}
.import-delivery-options img {
  width: 12px;
  height: 18px;
}
.import-delivery-options .upload {
  cursor: pointer;
  font-size: 14px;
  margin-top: 10px;
}
.import-delivery-options .import-title {
  padding: 20px 0px 20px 0px;
  font-size: 14px;
  color: #90949c;
}
.import-delivery-options .import-options {
  font-size: 14px;
}
.import-delivery-options .import-options .option {
  margin-right: 10px;
}
/* Include this file in your html if you are using the CSP mode. */
.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}
.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}
.uib-datepicker .uib-title {
  width: 100%;
  font-weight: 500;
}
.uib-day button,
.uib-month button,
.uib-year button {
  min-width: 100%;
}
.uib-left,
.uib-right {
  width: 100%;
}
.uib-datepicker-popup.dropdown-menu {
  display: block;
  float: none;
  margin: 0;
}
.uib-datepicker-popup.dropdown-menu tr {
  border-bottom: none;
}
.uib-datepicker-popup.dropdown-menu .uib-title {
  padding: 8px;
  width: 100%;
}
.uib-datepicker-popup.dropdown-menu .uib-title.btn {
  background: white;
  color: #4B4F56;
}
.uib-datepicker-popup.dropdown-menu .pull-right,
.uib-datepicker-popup.dropdown-menu .pull-left {
  background: white;
}
.uib-datepicker-popup.dropdown-menu .uib-day,
.uib-datepicker-popup.dropdown-menu .uib-month,
.uib-datepicker-popup.dropdown-menu .uib-year {
  /*.text-muted {
        padding: 3px;
      }*/
}
.uib-datepicker-popup.dropdown-menu .uib-day button.btn,
.uib-datepicker-popup.dropdown-menu .uib-month button.btn,
.uib-datepicker-popup.dropdown-menu .uib-year button.btn {
  padding: 3px;
  width: 100%;
  background: white;
  color: #4B4F56;
}
.uib-datepicker-popup.dropdown-menu .uib-day button.btn.active,
.uib-datepicker-popup.dropdown-menu .uib-month button.btn.active,
.uib-datepicker-popup.dropdown-menu .uib-year button.btn.active {
  color: white;
  background: #365899;
}
.uib-datepicker-popup.dropdown-menu .uib-month button.btn {
  padding: 5px 3px;
}
.uib-button-bar {
  padding: 10px 9px 2px;
}
.uib-time input {
  width: 50px;
}
.uib-datepicker-popup .uib-datepicker {
  padding-right: 5px;
}
.uib-datepicker-popup .uib-daypicker tr th {
  padding: 2px;
  text-align: center;
}
.uib-datepicker-popup .uib-daypicker tr td {
  padding: 2px;
}
.uib-datepicker-popup .btn,
.uib-monthpicker .btn {
  padding: 0;
  margin: 2px;
}
.uib-monthpicker .uib-months td {
  padding: 2px;
}
.uib-years td {
  padding: 2px;
}
.uib-datepicker-popup .uib-button-bar .btn {
  padding: 2px 4px;
}
.datetimepicker-wrapper input {
  border: 1px solid #bdc7d8;
  padding: 5px;
}
.uib-datepicker .uib-title {
  width: 77%;
}
.uib-daypicker thead tr th button.btn.uib-left,
.uib-monthpicker thead tr th button.btn.uib-left,
.uib-yearpicker thead tr th button.btn.uib-left {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/6273c3c605c3a5d9846a08260b21706c.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 9px;
  width: 25px;
  height: 22px;
}
.uib-daypicker thead tr th button.btn.uib-right,
.uib-monthpicker thead tr th button.btn.uib-right,
.uib-yearpicker thead tr th button.btn.uib-right {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/1b176866732bfa2d5136a8fb1644ee9d.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 9px;
  width: 25px;
  height: 22px;
}
.uib-daypicker tbody .btn {
  width: 10px;
}
.uib-increment,
.uib-decrement {
  text-align: center;
}
.uib-increment .btn {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/daae30c129ea20e3b4704f870c12d268.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 6px;
  height: 9px;
  padding: 2px;
  border: none;
}
.uib-decrement .btn {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/0ce79ef3534564417e193d3eda4e7313.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 6px;
  height: 9px;
  padding: 2px;
  border: none;
}
.datetimepicker-wrapper [ng-model=hours],
.datetimepicker-wrapper [ng-model=minutes] {
  width: 25px !important;
  text-align: center;
}
.datetimepicker-wrapper .btn-default {
  background-color: white;
  border: 1px solid #DBDBE4;
  color: black;
}
table.uib-daypicker:focus {
  outline-color: white;
}
.calendar-filter {
  background: #e9eaed;
  padding: 10px;
}
.calendar-filter span.calendar-block {
  display: inline-block;
}
.calendar-filter span.calendar-block span.calendar-block-type-name {
  width: 30px;
}
@media (max-width: 800px) {
  .calendar-filter span.calendar-block span.calendar-block-type-name {
    display: inline-block;
    margin-right: 5px;
  }
}
.uib-daypicker:focus {
  outline: 0;
}
.custom-date-picker-holder {
  width: 100%;
}
.custom-date-picker-holder .calender-set {
  height: 250px;
}
@media (max-width: 800px) {
  .custom-date-picker-holder .calender-set {
    height: 270px;
  }
}
.custom-date-picker-holder .calender-set .calender {
  width: 47%;
  float: left;
}
.custom-date-picker-holder .calender-set .calender input:disabled {
  border: 1px solid #e9ebee;
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/bc449c133b447d364816addddbcd2152.png) no-repeat right 9px center;
  background-size: 15px 15px;
}
.custom-date-picker-holder .calender-set .calender .picker-left {
  margin-left: 0px;
}
.custom-date-picker-holder .calender-set .calender .btn {
  font-weight: normal;
}
.custom-date-picker-holder .calender-set .calender .btn-default {
  background-color: rgba(255, 255, 255, 0);
  color: #737373;
  padding: 2px;
}
.custom-date-picker-holder .calender-set .calender .btn-default.active,
.custom-date-picker-holder .calender-set .calender .btn-default:active {
  color: #fff;
  background-color: #4267b2;
  height: 18px;
  width: 20px;
}
.custom-date-picker-holder .calender-set .calender .input-date {
  width: 100%;
  border-color: #f3f3f3;
  color: #c0c0c0;
  height: 30px;
}
.custom-date-picker-holder .calender-set .calender table {
  margin-top: 10px;
}
.custom-date-picker-holder .calender-set .calender table thead .btn-default {
  color: #1d2129;
}
.custom-date-picker-holder .calender-set .calender table tr {
  border: none;
}
.custom-date-picker-holder .calender-set .calender table tr td {
  padding: 2px;
}
.custom-date-picker-holder .calender-set .calender table tr td.active td.active:hover {
  background-color: red;
}
.custom-date-picker-holder .calender-set .calender table th {
  padding: 0px;
  width: 32px;
  color: #737373;
}
@media (max-width: 592px) {
  .custom-date-picker-holder .calender-set .calender {
    width: 100%;
  }
}
.custom-date-picker-holder .calender-set .single-calender {
  width: 100%;
  float: left;
}
.custom-date-picker-holder .calender-set .single-calender input:disabled {
  border: 1px solid #e9ebee;
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/bc449c133b447d364816addddbcd2152.png) no-repeat right 9px center;
  background-size: 15px 15px;
}
.custom-date-picker-holder .calender-set .single-calender .picker-left {
  margin-left: 0px;
}
.custom-date-picker-holder .calender-set .single-calender .btn {
  font-weight: normal;
}
.custom-date-picker-holder .calender-set .single-calender .btn-default {
  background-color: rgba(255, 255, 255, 0);
  color: #737373;
  padding: 2px;
}
.custom-date-picker-holder .calender-set .single-calender .btn-default.active,
.custom-date-picker-holder .calender-set .single-calender .btn-default:active {
  color: #fff;
  background-color: #4267b2;
  height: 18px;
  width: 20px;
}
.custom-date-picker-holder .calender-set .single-calender .input-date {
  width: 100%;
  border-color: #f3f3f3;
  color: #c0c0c0;
  height: 30px;
}
.custom-date-picker-holder .calender-set .single-calender table {
  margin-top: 10px;
}
.custom-date-picker-holder .calender-set .single-calender table thead .btn-default {
  color: #1d2129;
}
.custom-date-picker-holder .calender-set .single-calender table tr {
  border: none;
}
.custom-date-picker-holder .calender-set .single-calender table tr td {
  padding: 2px;
}
.custom-date-picker-holder .calender-set .single-calender table tr td.active td.active:hover {
  background-color: red;
}
.custom-date-picker-holder .calender-set .single-calender table th {
  padding: 0px;
  width: 32px;
  color: #737373;
}
@media (max-width: 592px) {
  .custom-date-picker-holder .calender-set .single-calender {
    width: 100%;
  }
}
.custom-date-picker-holder .calender-set .uib-daypicker thead tr th button.btn.uib-right {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/5ade64418ebb39f79ad36f9c44ee82db.png);
}
.custom-date-picker-holder .calender-set .uib-daypicker thead tr th button.btn.uib-left {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/18f2a876c83eeb3d7f1789c9ef2947f7.png);
}
.custom-date-picker-holder .calender-set .margin-calender {
  margin-right: 4%;
}
.custom-date-input {
  width: 100%;
  position: relative;
  margin-left: 0px;
}
.custom-date-input h5 {
  text-align: center;
  margin-bottom: 5px;
}
.custom-date-input-right {
  margin-left: 0px;
}
.custom-date-input .search-input {
  border: 1px solid #e9ebee;
  background: white url(https://d118vismjsp9sl.cloudfront.net/assets/bc449c133b447d364816addddbcd2152.png) no-repeat right 9px center;
  background-size: 15px 15px;
  font-size: 12px;
  border-radius: 2px;
  height: 27px;
  width: 100%;
  padding-left: 9px;
  box-sizing: border-box;
  padding-right: 30px;
}
.text-muted {
  color: #dedede;
}
span.sr-only {
  display: none;
}
@media (max-width: 592px) {
  .hidecalendar {
    display: none;
  }
}
.left-align {
  float: left;
}
.all-filters {
  background: #e9eaed;
  margin-top: 10px;
}
.all-filters h5 {
  padding: 10px 10px 0 10px;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/daae30c129ea20e3b4704f870c12d268.png) no-repeat;
  background-position: right 10px top 12px;
}
.all-filters h5.active {
  padding: 10px 10px 10px 10px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/0ce79ef3534564417e193d3eda4e7313.png) no-repeat;
  background-position: right 10px top 12px;
}
.item-filter {
  width: 100%;
  display: inline-block;
  padding: 10px 10px;
  box-sizing: border-box;
  margin-top: 10px;
  background: #f2f2f2;
}
.item-filter .item-filters {
  float: left;
  width: 80%;
  margin-right: 5%;
}
.item-filter .item-filters .each-item-filter-name {
  padding: 5px;
  color: #9197a3;
  border: 1px solid #9197a3;
  background: #f9f9f9;
  margin-right: 10px;
  margin-top: 10px;
  float: left;
  display: inline;
  border-radius: 2px;
  cursor: pointer;
}
.item-filter .item-filters .each-item-filter-name.active {
  background: #3b5998;
  color: white;
}
@media (max-width: 800px) {
  .all-filters {
    margin-top: 50px;
  }
}
.customer-list-holder {
  padding-top: 20px;
  overflow: hidden;
}
.customer-list-holder .customer-list {
  width: 100%;
  float: left;
}
.customer-list-holder .customer-list .customer {
  position: relative;
  float: left;
  width: 100%;
  padding: 16px 10px;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  color: #4B4F56;
}
.customer-list-holder .customer-list .customer:last-child {
  border-bottom: 1px solid #e9ebee;
}
.customer-list-holder .customer-list .customer .customer-info .img-holder {
  float: left;
  width: 50px;
  height: 50px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/d43072a4a7b3998430d6818500f8127c.png) no-repeat center;
  margin-right: 16px;
  border: none;
}
.customer-list-holder .customer-list .customer .customer-info .img-holder img {
  width: 100%;
}
.customer-list-holder .customer-list .customer .customer-info a {
  color: #1d2129;
  text-decoration: none;
}
.customer-list-holder .customer-list .customer .customer-info .customer-address {
  display: block;
  margin-top: 4px;
  margin-left: 66px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 800px) {
  .customer-list-holder .customer-list .customer .customer-info .customer-address {
    white-space: normal;
    overflow: initial;
    text-overflow: initial;
  }
}
@media (max-width: 800px) {
  .customer-list-holder .customer-list .customer .customer-info {
    width: 100%;
    float: left;
    padding-bottom: 12px;
  }
}
.customer-list-holder .customer-list .customer .customer-order {
  text-align: center;
}
.customer-list-holder .customer-list .customer .customer-amount {
  text-align: right;
}
.customer-list-holder .customer-list .customer .customer-order-info {
  margin: 0;
  margin-left: 66px;
  width: calc(100% - 66px);
  float: left;
  border-top: 1px solid #e9ebee;
  padding: 16px 0 0 0;
}
.customer-list-holder .customer-list .customer .customer-order-info .customer-o {
  float: left;
  text-align: left;
  width: 50%;
}
.customer-list-holder .customer-list .customer .customer-order-info .customer-a {
  float: right;
  width: 50%;
  text-align: right;
}
.customer-list-holder .customer-list .customer .col-size {
  float: left;
  box-sizing: border-box;
}
/*Navigation*/
.facebook-style .navigation-container {
  border-bottom: 1px solid #e9ebee;
}
@media (max-width: 800px) {
  .facebook-style .navigation-container {
    border-bottom: none;
  }
}
.facebook-style .navigation-container .clean.dropdown > .btn {
  font-weight: 500;
}
nav.nav {
  width: 650px;
  display: inline-block;
}
@media (max-width: 800px) {
  nav.nav {
    width: 100%;
  }
}
nav.nav ul {
  float: left;
  width: 100%;
  position: relative;
  list-style-type: none;
  padding: 0 0;
  margin: 0;
  border: none;
  height: 40px;
}
nav.nav > ul > li {
  list-style: none;
  float: left;
  padding: 15px 0 0 0;
  margin: 0 0 0 0;
}
.nav > ul > li {
  position: relative;
}
.nav > ul > li:hover > .nav-drop {
  display: inline-block;
}
.nav > ul > li .nav-drop {
  display: none;
  position: absolute;
  top: 42px;
  left: 0;
  z-index: 2;
}
.nav > ul > li .nav-drop > .list {
  display: inline-block;
  border: 1px solid #e9ebee;
  border-radius: 3px;
  background-color: #fff;
  padding: 6px 0;
}
.nav > ul > li .nav-drop > .list > .item {
  display: inline-block;
  padding: 4px 10px;
  white-space: nowrap;
  font-size: 14px;
  cursor: pointer;
  color: #141823;
  font-weight: 300;
}
.nav > ul > li .nav-drop > .list > .item:hover,
.nav > ul > li .nav-drop > .list > .item:active,
.nav > ul > li .nav-drop > .list > .item:focus {
  font-weight: 400;
  text-decoration: none;
}
.nav > ul > li .nav-drop > .list > .item.active,
.nav > ul > li .nav-drop > .list > .item.selected {
  font-weight: 400;
  color: #4e68a4;
}
.nav-small ul.dropdown-menu > li .list {
  display: inline-block;
  width: 100%;
  padding-left: 30px;
}
.nav-small ul.dropdown-menu > li .list .item {
  display: inline-block;
  width: 100%;
  margin: 0px 0;
  border-left: 3px solid #e9ebee;
  padding: 6px 9px;
  font-size: 15px;
}
.nav-small ul.dropdown-menu > li .list .item.active {
  border-color: #4e68a4;
  font-weight: 500;
}
/* nav.nav > ul > li span {
   display: block;
   padding: 0 10px 0 10px;
   margin: 0 0 0 0;
} */
nav.nav > ul > li.v-divider {
  float: left;
  height: 10px;
  width: 1px;
  background: #e9ebee;
  margin-top: 10px;
}
nav.nav > ul > li:nth-last-child(1) {
  border-right: none;
}
nav.nav > ul > li > a {
  display: block;
  color: #1d2129;
  text-decoration: none;
  font-size: 14px;
  padding: 0 0 8px 0;
  box-sizing: border-box;
  font-weight: 500;
  margin: 0 7px;
}
nav.nav > ul > li.active > a,
nav.nav ul > li > a:hover {
  text-decoration: none;
  border-bottom: 3px solid #4e68a4;
}
nav.nav ul > li > a:hover {
  border-bottom: 3px solid #c4d2e7;
}
nav.nav > ul > li.active > a {
  font-weight: bold;
}
nav.nav ul > li > a:hover {
  color: #4B4F56;
}
nav.nav > ul > li.active > a:hover {
  font-weight: bold;
  color: #1d2129;
  border-bottom: 3px solid #4e68a4;
}
@media (max-width: 550px) {
  nav.nav > ul > li > a {
    min-width: 100px;
    font-size: 11px;
  }
}
.navigation-container .dropdown {
  position: relative;
  display: inline-table;
  width: 100px;
  float: right;
  margin-top: 10px;
}
.navigation-container .dropdown > button.btn {
  font-weight: 500;
}
@media (max-width: 800px) {
  .navigation-container .dropdown {
    display: none;
    border-bottom: 1px solid #e9ebee;
  }
}
/* Nav Small */
.nav-small {
  width: 100%;
  box-sizing: border-box;
}
nav.nav .nav-small ul.dropdown-menu {
  padding: 0 0;
  top: 1px;
  height: inherit;
  border-top: none;
  border-left: none;
  border-right: none;
}
nav.nav .nav-small ul.dropdown-menu:after {
  display: none;
}
nav.nav .nav-small ul.dropdown-menu .divider {
  margin: 0;
}
nav.nav .nav-small ul.dropdown-menu > li > a {
  padding: 10px 20px;
  text-align: left;
  font-size: 16px;
  color: #4B4F56;
}
nav.nav .nav-small ul.dropdown-menu > li.selected > a {
  font-weight: bold;
  color: #1d2129;
}
nav.nav .nav-small ul.dropdown-menu > li > a:hover {
  padding: 8px 20px;
  border-top: 2px solid #29487d;
  border-bottom: 2px solid #29487d;
  color: white;
  font-weight: normal;
}
.nav-small .dropdown {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin-top: 0;
}
.nav-small .dropdown > button.btn {
  width: 100%;
  box-sizing: border-box;
  padding: 12px 0;
  text-align: left;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/50a41ad4faacdc181f86d9424daf4839.png) no-repeat left 10px center;
  border: none;
  box-shadow: none;
  font-size: 16px;
  font-weight: normal;
  font-weight: bold;
  color: #1d2129;
}
.nav-small .dropdown > button.btn .nav-selected-page {
  margin-left: 40px;
}
@media (max-width: 800px) {
  .nav-small .dropdown > button.btn {
    background: url(https://d118vismjsp9sl.cloudfront.net/assets/50a41ad4faacdc181f86d9424daf4839.png) no-repeat left 20px center;
  }
  .nav-small .dropdown > button.btn .nav-selected-page {
    margin-left: 50px;
  }
}
@media (min-width: 800px) {
  .nav-small {
    display: none;
  }
}
.pagination-holder {
  text-align: center;
  padding: 20px 0;
}
.pagination-holder .pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination-holder .pagination > li {
  display: inline;
}
.pagination-holder .pagination > li > a,
.pagination-holder .pagination > li > span {
  position: relative;
  float: left;
  padding: 1px 4px;
  line-height: 1.42857143;
  color: #4267b2;
  text-decoration: none;
  margin-left: 4px;
  margin-right: 4px;
  border-radius: 2px;
}
.pagination-holder .pagination > li:first-child > a,
.pagination-holder .pagination > li:first-child > span {
  padding: 1px 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: 0;
}
.pagination-holder .pagination > li:last-child > a,
.pagination-holder .pagination > li:last-child > span {
  padding: 1px 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-right: 0;
}
.pagination-holder .pagination > li > a:hover,
.pagination-holder .pagination > li > span:hover,
.pagination-holder .pagination > li > a:focus,
.pagination-holder .pagination > li > span:focus {
  z-index: 3;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination-holder .pagination > li:first-child > a,
.pagination-holder .pagination > li:first-child > a:hover,
.pagination-holder .pagination > li:first-child > span:hover,
.pagination-holder .pagination > li:last-child > a,
.pagination-holder .pagination > li:last-child > a:hover,
.pagination-holder .pagination > li:last-child > span:hover {
  background: none;
  border: none;
}
.pagination-holder .pagination > .active > a,
.pagination-holder .pagination > .active > span,
.pagination-holder .pagination > .active > a:hover,
.pagination-holder .pagination > .active > span:hover,
.pagination-holder .pagination > .active > a:focus,
.pagination-holder .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #4267b2;
  border-color: #4267b2;
}
tags-input {
  display: block;
}
tags-input input {
  width: 100%;
}
tags-input *,
tags-input *:before,
tags-input *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}
tags-input .host:active {
  outline: none;
}
tags-input .tags {
  padding: 4px 8px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid #e9ebee;
  height: 100%;
}
tags-input .tags:focus {
  outline: none;
}
tags-input .tags.focused {
  outline: none;
  /*-webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);*/
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  color: #4B4F56;
  font-weight: normal;
  font-size: 12px;
  height: 20px;
  line-height: 16px;
  border: 1px solid #9cb4d8;
  border-radius: 3px;
  background: #e9ebee;
}
tags-input .tags .tag-item.selected {
  /*background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);*/
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #9cb4d8;
}
tags-input .tags .tag-item .remove-button:active {
  color: #ff0000;
}
tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 2px;
  float: left;
  height: 20px;
  font-size: 12px;
  width: 60px;
}
tags-input .tags .input.invalid-tag {
  color: #ff0000;
}
tags-input .tags .input::-ms-clear {
  display: none;
}
tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
tags-input[disabled] .host:focus {
  outline: none;
}
tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}
tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}
tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}
tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}
tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}
tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 4px 0;
  z-index: 999;
  width: 100%;
  background-color: white;
  border: 1px solid #e9ebee;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 12px;
  color: #000;
  background-color: #fff;
}
tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #4267b2;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #29487d;
}
tags-input .autocomplete .suggestion-item em {
  font: 500 bold 12px;
  color: #000;
  background-color: #fff;
}
.support-container.sbtn {
  bottom: 0;
  right: 40px;
  background-color: #ea426d;
  color: #FFF;
  width: 100px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  position: fixed;
}
.support-container.sbtn span {
  font-size: inherit;
}
@media (max-width: 800px) {
  .support-container.sbtn {
    display: none;
  }
}
@media (max-height: 600px) {
  .support-container.sbtn {
    display: none;
  }
}
@media (max-width: 1200px) {
  .support-container.sbtn {
    right: 30px;
  }
}
.support-container.sbtn .support {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
  padding-top: 25%;
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadein {
  -webkit-animation-name: fadein;
  animation: fadein 0.3s;
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeout {
  -webkit-animation-name: fadeout;
  animation: fadeout 0.3s;
}
.support-box-container {
  position: fixed;
  z-index: 1;
  bottom: 50px;
  right: 40px;
  background-color: #fff;
  height: 465px;
  width: 338px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2%;
  -webkit-border-radius: 2%;
  -moz-border-radius: 2%;
}
.support-box-container .loader-support {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: white;
}
.support-box-container .loader-support #loading-bar-spinner.spinner {
  left: 50%;
  margin-left: -20px;
  top: 50%;
  margin-top: -20px;
  position: absolute;
  z-index: 19 !important;
  animation: loading-bar-spinner 400ms linear infinite;
}
.support-box-container .loader-support #loading-bar-spinner.spinner .spinner-icon {
  width: 40px;
  height: 40px;
  border: solid 4px transparent;
  border-top-color: #00C8B1 !important;
  border-left-color: #00C8B1 !important;
  border-radius: 50%;
}
@keyframes loading-bar-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.support-box-container .main-support {
  display: inline-block;
  position: absolute;
  z-index: 999;
}
@media (max-width: 1200px) {
  .support-box-container {
    height: 465px;
    right: 30px;
  }
}
.support-box-container .support-box {
  width: 302px;
  padding: 18px;
  float: left;
  position: absolute;
}
.support-box-container .support-box .question {
  font-size: 18px;
  color: #333333;
  font-weight: bold;
  margin: 12px 0;
}
.support-box-container .support-box .subtitle {
  width: 264px;
  color: #606060;
  letter-spacing: 0.5px;
  font-size: 15px;
  margin: 12px 0;
}
.support-box-container .support-box .attachment .attach-textbox {
  width: 70%;
  float: left;
}
.support-box-container .support-box .attachment .attach-textbox .upload-textbox {
  background-color: #fff;
}
.support-box-container .support-box .attachment .fileUpload {
  position: relative;
  overflow: hidden;
  width: 30%;
  height: 40px;
  float: left;
  font-weight: bold;
}
.support-box-container .support-box .attachment .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}
.support-box-container .support-box input {
  font-family: 'Roboto', helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #d3d3d3;
  height: 40px;
  width: 100%;
  padding: 12px;
  border-radius: 2px;
  box-sizing: border-box;
  color: inherit;
  margin-bottom: 12px;
}
.support-box-container .support-box textarea {
  resize: none;
}
.support-box-container .support-box .comments {
  font-family: Roboto, helvetica, arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #d3d3d3;
  height: 36px;
  padding: 10px;
  border-radius: 2px;
  box-sizing: border-box;
  color: inherit;
  width: 100%;
  height: 80px;
  margin-bottom: 12px;
}
.support-box-container .support-box .btn-support {
  border: none;
  border-radius: 2px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 9px;
  font-size: 14px;
  font-weight: bold;
  line-height: 9px;
  color: #fff;
  box-sizing: border-box;
  outline: 0;
  width: 100%;
  background-color: #fbd233;
  height: 40px;
  margin-top: 10px;
}
.support-box-container .support-box .btn-upload {
  border: none;
  position: relative;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  white-space: nowrap;
  padding: 9px;
  font-size: 14px;
  font-weight: 500;
  line-height: 9px;
  color: #ababab;
  box-sizing: border-box;
  outline: 0;
  width: 100%;
  background-color: #f3f3f3;
  padding-top: 15px;
  border-top-right-radius: 2px;
  -webkit-top-right-border-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-bottom-right-border-radius: 2px;
  font-weight: bold;
}
.shopup-style.home .features h3 {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .shopup-style.home .features h3 {
    font-size: 26px;
  }
}
.shopup-style.home .features .feature-menu {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-menu {
    display: none;
  }
}
.shopup-style.home .features .feature-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
}
.shopup-style.home .features .feature-menu ul {
  list-style-type: none;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
}
.shopup-style.home .features .feature-menu ul li {
  list-style: none;
  display: inline-block;
}
.shopup-style.home .features .feature-menu ul li a {
  display: inline-block;
  padding: 24px;
  font-size: 17px;
}
.shopup-style.home .features .feature-menu ul li a.selected,
.shopup-style.home .features .feature-menu ul li a:hover {
  color: #00bbd3;
  border-bottom: 2px solid #00bbd3;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-menu ul li a {
    padding: 16px 10px;
  }
}
.shopup-style.home .features .feature-block {
  width: 100%;
  text-align: left;
  display: inline-block;
  padding-bottom: 40px;
  color: #4B4F56;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block {
    padding-bottom: 0;
  }
  .shopup-style.home .features .feature-block:first-child {
    border-top: 1px solid #dfdfdf;
  }
}
.shopup-style.home .features .feature-block.none {
  display: none;
}
.shopup-style.home .features .feature-block.block {
  display: block;
}
.shopup-style.home .features .feature-block h3 {
  margin-top: 70px;
  margin-bottom: 40px;
}
.shopup-style.home .features .feature-block h3.middle {
  margin-left: 33%;
  padding-left: 10px;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block h3.middle {
    margin-left: 50%;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block h3.middle {
    margin-left: 0;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block h3 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;
    background: white url(https://d118vismjsp9sl.cloudfront.net/assets/ba77cde773ada6918f4e12b21cd5358f.png) no-repeat left;
    background-size: 20px;
    padding-left: 36px;
    cursor: pointer;
  }
  .shopup-style.home .features .feature-block h3.middle {
    padding-left: 36px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col-holder {
    float: left;
    display: none;
  }
  .shopup-style.home .features .feature-block.active h3 {
    background: white url(https://d118vismjsp9sl.cloudfront.net/assets/696393b51068c03d0ff25e39694a850f.png) no-repeat left;
    background-size: 20px;
    color: #00bbd3;
  }
  .shopup-style.home .features .feature-block.active .col-holder {
    display: block;
  }
}
.shopup-style.home .features .feature-block .tutorial-block {
  text-align: left;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 40px;
}
.shopup-style.home .features .feature-block .tutorial-block h4 {
  margin-top: 70px;
  margin-bottom: 40px;
}
@media (max-width: 592px) {
  .shopup-style.home .features .feature-block .tutorial-block h4 {
    margin-top: 40px;
  }
}
.shopup-style.home .features .feature-block .tutorial-block p {
  font-size: 17px;
  font-weight: 400;
}
.shopup-style.home .features .feature-block .tutorial-block:last-child {
  border-bottom: none;
}
.shopup-style.home .features .feature-block .tutorial-block .header-title {
  font-size: 17px;
  padding: 10px;
  line-height: 200%;
  font-style: normal;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder {
  width: 100%;
  margin-top: 40px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-image {
  width: 60%;
  float: left;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-image img {
  width: 95%;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-image .right {
  float: right;
}
@media (max-width: 990px) {
  .shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-image {
    width: 100%;
  }
  .shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-image img {
    width: 100%;
  }
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text {
  width: 40%;
  float: left;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul {
  list-style-type: none;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul li {
  width: 87%;
  display: inline-block;
  background-size: 16px 16px;
  background-position-y: 14px;
  list-style: none;
  padding: 15px 20px 15px 40px;
  cursor: pointer;
  margin-bottom: 2px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul li a .title {
  font-size: 15px;
  line-height: 200%;
  margin-top: -8px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul li a .title.link {
  padding-top: 10px;
  padding-left: 28px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul li a.selected,
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text ul li a:hover {
  display: inline-block;
  width: 100%;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature {
  /*padding-top: 15px;
                        padding-bottom: 15px;*/
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature.left {
  padding-right: 40px;
  padding-left: 40px;
}
@media (max-width: 990px) {
  .shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature.left {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature.right {
  padding-left: 40px;
  padding-right: 20px;
}
@media (max-width: 990px) {
  .shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature.right {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature img {
  float: left;
  width: 16px;
  height: auto;
  padding-right: 12px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature p {
  font-size: 15px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature.active {
  background-color: #f3eded;
  cursor: pointer;
  border-radius: 4px;
}
.shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text .each-feature:hover {
  background-color: #f3eded;
  cursor: pointer;
  border-radius: 4px;
}
@media (max-width: 990px) {
  .shopup-style.home .features .feature-block .tutorial-block .tutorial-holder .tutorial-text {
    width: 100%;
    padding-top: 10px;
  }
}
.shopup-style.home .trableshoot {
  width: 100%;
}
.shopup-style.home .trableshoot h3 {
  text-align: center;
  margin-bottom: 20px;
}
.shopup-style.home .trableshoot .questions {
  width: 100%;
  text-align: left;
  float: left;
  margin-bottom: 50px;
}
.shopup-style.home .trableshoot .questions .trableshoot-question {
  width: 50%;
  text-align: left;
  float: left;
}
@media (max-width: 768px) {
  .shopup-style.home .trableshoot .questions .trableshoot-question {
    width: 100%;
  }
}
.shopup-style.home .trableshoot .questions .trableshoot-question .question-answer {
  padding: 10px 20px;
}
.shopup-style.home .features h3 {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .shopup-style.home .features h3 {
    font-size: 26px;
  }
}
.shopup-style.home .features .feature-menu {
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  text-align: center;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-menu {
    display: none;
  }
}
.shopup-style.home .features .feature-menu.fixed {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  z-index: 999;
  margin: 0 auto;
  text-align: center;
}
.shopup-style.home .features .feature-menu ul {
  list-style-type: none;
  display: inline-block;
  margin: 0 0 0 0;
  padding: 0;
}
.shopup-style.home .features .feature-menu ul li {
  list-style: none;
  display: inline-block;
}
.shopup-style.home .features .feature-menu ul li a {
  display: inline-block;
  padding: 24px;
  font-size: 17px;
}
.shopup-style.home .features .feature-menu ul li a.selected,
.shopup-style.home .features .feature-menu ul li a:hover {
  color: #00bbd3;
  border-bottom: 2px solid #00bbd3;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-menu ul li a {
    padding: 16px 10px;
  }
}
.shopup-style.home .features .feature-block {
  text-align: left;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block {
    padding-bottom: 0;
  }
  .shopup-style.home .features .feature-block:first-child {
    border-top: 1px solid #dfdfdf;
  }
}
.shopup-style.home .features .feature-block:last-child {
  border-bottom: none;
}
.shopup-style.home .features .feature-block h3 {
  margin-top: 70px;
  margin-bottom: 40px;
}
.shopup-style.home .features .feature-block h3.middle {
  margin-left: 33%;
  padding-left: 10px;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block h3.middle {
    margin-left: 50%;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block h3.middle {
    margin-left: 0;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block h3 {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;
    background: white url(https://d118vismjsp9sl.cloudfront.net/assets/ba77cde773ada6918f4e12b21cd5358f.png) no-repeat left;
    background-size: 20px;
    padding-left: 36px;
    cursor: pointer;
  }
  .shopup-style.home .features .feature-block h3.middle {
    padding-left: 36px;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col-holder {
    float: left;
    display: none;
    /*max-height: 0;
					transition: all 0.10s ease-in;*/
  }
  .shopup-style.home .features .feature-block.active h3 {
    background: white url(https://d118vismjsp9sl.cloudfront.net/assets/696393b51068c03d0ff25e39694a850f.png) no-repeat left;
    background-size: 20px;
    color: #00bbd3;
  }
  .shopup-style.home .features .feature-block.active .col-holder {
    display: block;
    /*max-height: 1200px;
						transition: all 0.10s ease-in;*/
  }
}
.shopup-style.home .features .feature-block .col {
  float: left;
  width: 33%;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col {
    width: 100%;
  }
}
.shopup-style.home .features .feature-block .col .each-feature {
  width: 100%;
  float: left;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  min-height: 185px;
  text-align: left;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col .each-feature {
    min-height: 0;
    padding: 16px 10px 16px 0;
  }
}
.shopup-style.home .features .feature-block .col .each-feature.two-height {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col .each-feature.two-height {
    display: none;
  }
}
.shopup-style.home .features .feature-block .col .each-feature.negative {
  margin-top: -100px;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col .each-feature.negative {
    margin-top: 0;
  }
}
.shopup-style.home .features .feature-block .col .each-feature p {
  padding-top: 20px;
}
.shopup-style.home .features .feature-block .col .each-feature img {
  float: left;
  text-align: left;
}
@media (max-width: 1200px) {
  .shopup-style.home .features .feature-block .col .each-feature img {
    width: 100%;
  }
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col .each-feature img {
    width: auto;
  }
}
.shopup-style.home .features .feature-block .col .each-feature.show-on-tablet {
  /*@media (max-width: 768px) {
					 		display: none;
						}*/
}
@media (min-width: 992px) {
  .shopup-style.home .features .feature-block .col .each-feature.show-on-tablet {
    display: none;
  }
}
.shopup-style.home .features .feature-block .col .each-feature.hide-on-tablet {
  /*@media (min-width: 768px) {
					 		display: none;
						}*/
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col .each-feature.hide-on-tablet {
    display: none;
  }
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col .each-feature.show-on-mobile {
    display: block;
  }
}
.shopup-style.home .features .feature-block .col.col-2 .each-feature,
.shopup-style.home .features .feature-block .col.col-3 .each-feature {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .col.col-2 .each-feature,
  .shopup-style.home .features .feature-block .col.col-3 .each-feature {
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col.col-3 {
    display: none;
  }
}
.shopup-style.home .features .feature-block .col.col-50 {
  width: 66%;
  text-align: center;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col.col-50 {
    width: 50%;
  }
}
.shopup-style.home .features .feature-block .col.col-50 .two-height {
  margin-left: auto;
  margin-right: auto;
}
.shopup-style.home .features .feature-block .col.col-50 .two-height img {
  text-align: center;
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
@media (max-width: 992px) {
  .shopup-style.home .features .feature-block .col.col-50 .two-height img {
    width: 100%;
  }
}
.shopup-style.home .features .feature-block .full-col {
  width: 100%;
  text-align: center;
}
@media (max-width: 768px) {
  .shopup-style.home .features .feature-block .full-col {
    display: none;
  }
}
.shopup-style.home .features .feature-block .full-col img {
  width: 100%;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  left: -19%;
}
.carousel-control.left .sr-only {
  display: none;
}
.carousel-control.right {
  right: -15%;
  left: auto;
}
.carousel-control.right .sr-only {
  display: none;
}
@media screen and (min-width: 1400px) {
  .carousel-control.left {
    left: -15.5%;
  }
  .carousel-control.left .sr-only {
    display: none;
  }
}
@media screen and (max-width: 1400px) {
  .carousel-control.left {
    left: -18.5%;
  }
  .carousel-control.left .sr-only {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  .carousel-control.left {
    left: -20.5%;
  }
  .carousel-control.left .sr-only {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .carousel-control.left {
    left: -22%;
  }
  .carousel-control.left .sr-only {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .carousel-control.left {
    left: -27.5%;
  }
  .carousel-control.left .sr-only {
    display: none;
  }
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50px;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-chevron-right:before {
  content: " ";
  display: block;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/3456a39919b48d348930230fc488911f.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.carousel-control .glyphicon-chevron-left:before {
  content: " ";
  display: block;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/61ec575678c0c826f75c3c10fdb22031.png) no-repeat center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .carousel-control .glyphicon-chevron-right:before,
  .carousel-control .glyphicon-chevron-left:before {
    background: none;
  }
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: #dbdbdb;
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators li span {
  display: none;
}
.carousel-indicators .active {
  width: 17px;
  height: 17px;
  margin: 0;
  background-color: #fbcc1a;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: -40px;
  }
}
@media screen and (max-width: 768px) {
  .carousel-indicators {
    bottom: -40px;
  }
}
.boost-list-holder {
  overflow: hidden;
}
.boost-list-holder .boost-list-table {
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list-table {
    padding: 0px;
  }
}
.boost-list-holder .boost-list {
  width: 100%;
  float: left;
  /*.boost-list-table{
			width: 100%;
			padding: 20px 10px;
			box-sizing: border-box;
		}*/
}
.boost-list-holder .boost-list .boost {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  color: #fff;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list .boost {
    padding: 10px 10px 0px 10px;
  }
}
.boost-list-holder .boost-list .boost:last-child {
  border-bottom: 1px solid #e9ebee;
}
.boost-list-holder .boost-list .boost .element {
  color: #4B4F56;
  float: left;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
  /*&.mobile-view-action{

					width: 100%;
					float: left;
					border-top: 1px solid #e9ebee;
					padding-top: 10px;
					.single-action{
						width: 30%;
						float: left;
					}
					.action{
						width: 40%;
						float: left;
						.right{
							float: right;
							label {
								//display: table-cell;
								vertical-align: middle;
							}
						}
						img {
							@media (max-width: 800px) {
								//display: table-cell;
								vertical-align: middle;
								margin-right: 2px;
							}
						}

					}
				}*/
}
.boost-list-holder .boost-list .boost .element img {
  height: 18px;
  width: 18px;
  cursor: pointer;
}
.boost-list-holder .boost-list .boost .element a {
  color: #4B4F56;
  font-size: 14px;
  text-decoration: none;
}
.boost-list-holder .boost-list .boost .element a.text-btn {
  font-size: 12px;
  margin-top: 5px;
  width: 100%;
  display: block;
  color: #3b5998;
  cursor: pointer;
}
.boost-list-holder .boost-list .boost .element a.text-btn.text-red {
  color: #E53935;
}
.boost-list-holder .boost-list .boost .element a.text-btn.text-red:hover {
  color: #e60000;
}
.boost-list-holder .boost-list .boost .element .info {
  font-size: 12px;
  padding-right: 10px;
  word-break: break-all;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list .boost .element .info {
    font-size: 14px;
  }
}
.boost-list-holder .boost-list .boost .element .status {
  text-transform: capitalize;
}
.boost-list-holder .boost-list .boost .element .title {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list .boost .element {
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
  }
}
.boost-list-holder .boost-list .boost .element.mobile-view-action {
  width: 100%;
  float: left;
  border-top: 1px solid #e9ebee;
  padding-top: 10px;
  display: table;
}
@media (min-width: 800px) {
  .boost-list-holder .boost-list .boost .element.mobile-view-action {
    display: none;
  }
}
.boost-list-holder .boost-list .boost .element.mobile-view-action .single-action {
  width: 25%;
  /*float: left;*/
  display: table-cell;
  vertical-align: middle;
}
.boost-list-holder .boost-list .boost .element.mobile-view-action .action {
  width: 40%;
  float: right;
}
.boost-list-holder .boost-list .boost .element.mobile-view-action .action .right {
  float: right;
}
.boost-list-holder .boost-list .boost .element.mobile-view-action .action .right label {
  vertical-align: middle;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list .boost .element.mobile-view-action .action img {
    vertical-align: middle;
    margin-right: 2px;
  }
}
.boost-list-holder .boost-list .boost .center {
  text-align: center;
}
@media (max-width: 800px) {
  .boost-list-holder .boost-list .boost .center {
    text-align: left;
  }
}
.boost-create {
  width: 465px;
  padding-top: 80px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .boost-create {
    width: 100%;
  }
}
.boost-create h5 {
  /*padding-bottom: 10px;*/
}
.boost-create .subtitle {
  padding: 10px 0px;
  line-height: 1.6;
  width: 338px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .boost-create .subtitle {
    display: none;
  }
}
.boost-create .boost-form {
  padding-top: 20px;
}
.boost-create .boost-form input[type='number'] {
  -moz-appearance: textfield;
}
.boost-create .boost-form input::-webkit-outer-spin-button,
.boost-create .boost-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.boost-create .boost-form .boost-input {
  width: 100%;
  margin-bottom: 8px;
  position: relative;
  clear: both;
}
.boost-create .boost-form .boost-input .error-message-validation {
  text-align: left;
  float: left;
}
.boost-create .boost-form .boost-input input[type="number"] {
  width: 100%;
}
.boost-create .boost-form .boost-input .icon-calender {
  position: absolute;
  right: 10px;
  padding-top: 5px;
  cursor: pointer;
}
@media (max-width: 800px) {
  .boost-create .boost-form .boost-input .icon-calender {
    padding-top: 10px;
  }
}
.boost-create .boost-form .boost-input .supporting-text {
  padding-right: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: right;
}
.boost-create .boost-form .instruction {
  width: 100%;
  height: 80px;
}
.boost-create .boost-form input[type=text],
.boost-create .boost-form input[type=number],
.boost-create .boost-form input[type=url] {
  width: 100%;
}
.boost-create .form-button {
  margin-top: 30px;
}
.boost-create .form-button .right {
  float: right;
}
.boost-create .form-button .space {
  margin-left: 5px;
}
.boost-create .boost-post-image h6 {
  margin-top: 25px;
  margin-bottom: 5px;
}
.boost-create .boost-post-image img {
  margin-top: 10px;
}
.boost-create .boost-post-image a {
  font-size: 14px;
  font-weight: bold;
}
.boost-create .pixel-settings-inputs {
  padding: 10px;
  background-color: #f6f6f6;
  border: 1px solid #e9ebee;
  text-align: left;
  clear: both;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.boost-create .pixel-settings-inputs p {
  width: 100%;
}
.boost-create .pixel-settings-inputs .selections {
  width: 240px;
  float: left;
}
@media (max-width: 800px) {
  .boost-create .pixel-settings-inputs .selections {
    width: 100%;
  }
}
.boost-create .pixel-settings-inputs .selections .selection {
  display: inline-block;
  float: left;
  margin-top: 10px;
  width: 100%;
}
.boost-create .pixel-settings-inputs .selections .selection .select-text {
  margin-left: 5px;
  display: inline;
}
.boost-create .pixel-settings-inputs .progress {
  width: 175px;
  padding: 10px;
  float: right;
  border: 1px dashed #e9ebee;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .boost-create .pixel-settings-inputs .progress {
    width: 100%;
    margin-top: 20px;
  }
}
.boost-create .pixel-settings-inputs .progress span.note {
  font-size: 11px;
  margin-bottom: 10px;
  float: left;
  padding-top: 0;
}
.boost-create .pixel-settings-inputs .progress div.progress-bar {
  width: 100%;
  height: 9px;
  border-radius: 5px;
  background-color: #e2e2e2;
  position: relative;
  float: left;
  /*@media (max-width: 800px) {
					width: 50%;
				}*/
}
.boost-create .pixel-settings-inputs .progress div.progress-bar .green {
  height: 9px;
  left: 0;
  top: 0;
  background: #42b72a;
  border-radius: 5px;
}
.boost-create .pixel-settings-inputs .progress span.to-go {
  margin-top: 10px;
  color: #90949c;
  display: inline-block;
  width: 100%;
}
.boost-create .note {
  clear: both;
  display: block;
  padding-top: 40px;
}
.payment-info-wrapper {
  width: 410px;
  padding: 80px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 800px) {
  .payment-info-wrapper {
    width: 100%;
    padding: 40px 0;
  }
}
.payment-info-wrapper .payment-gateway-icon {
  width: 48px;
  height: 42px;
  margin: 10px auto;
}
.payment-info-wrapper .payment-gateway-icon.bkash {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/1b3492f6b0c7105d365e05ca50814060.png);
  /*width: 100%;
			height: 100%;*/
}
.payment-info-wrapper h5 {
  margin: 15px auto;
  text-align: center;
  color: #1d2129;
}
.payment-info-wrapper .description {
  margin: 15px 0;
}
.payment-info-wrapper .description span {
  font-weight: bold;
}
.payment-info-wrapper .wallet-info {
  margin: 20px auto;
}
.payment-info-wrapper .tx-id-holder span {
  width: 100%;
  display: block;
}
.payment-info-wrapper .tx-id-holder input {
  width: 95%;
  margin: 10px auto;
}
@media (max-width: 800px) {
  .payment-info-wrapper .tx-id-holder input {
    width: 100%;
  }
}
.payment-info-wrapper .buttons {
  margin: 30px 0;
}
.payment-info-wrapper .buttons .btn {
  margin-left: 5px;
  margin-right: 5px;
}
.boost-option {
  width: 100%;
  height: 130px;
}
.boost-option .option {
  width: 100%;
  float: left;
  padding-bottom: 15px;
}
.boost-option .option .price {
  font-weight: bold;
}
.boost-option .option.note {
  margin-top: 50px;
}
.self-boosting {
  width: 100%;
  float: left;
  padding: 20px 0px;
}
.self-boosting .boosting-details {
  width: 70%;
  float: left;
}
@media screen and (max-width: 492px) {
  .self-boosting .boosting-details {
    width: 100%;
  }
}
.self-boosting .boosting-details input {
  width: 390px;
}
@media screen and (max-width: 492px) {
  .self-boosting .boosting-details input {
    width: 100%;
    font-size: 12px;
  }
}
.self-boosting .boosting-details .margin-top-10 {
  margin-top: 10px;
}
.self-boosting .boosting-details .margin-top-20 {
  margin-top: 20px;
}
.self-boosting .boosting-details .promotion {
  padding: 10px 0px;
}
.self-boosting .boosting-details .promotion .title {
  font-size: 14px;
}
.self-boosting .boosting-details .promotion .input-box {
  padding-top: 10px;
  width: 100%;
  font-size: 14px;
}
.self-boosting .boosting-details .promotion .input-box .option {
  padding-right: 15px;
}
.self-boosting .boosting-details .promotion .input-box .tag-input {
  width: 390px;
  font-size: 14px;
}
@media screen and (max-width: 492px) {
  .self-boosting .boosting-details .promotion .input-box .tag-input {
    width: 100%;
  }
}
.self-boosting .boosting-details .promotion .input-box .tag-input input {
  font-size: 14px;
}
.self-boosting .boosting-details .promotion .note {
  margin-top: 10px;
  color: #b7b6b6;
  font-size: 12px;
}
.self-boosting .boosting-details .promotion .gender-btn {
  width: 239px;
  border: 1px solid #e9ebee;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  height: 38px;
  margin-top: 10px;
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container {
  width: 79px;
  height: 39px;
  border-right: 1px solid #e9ebee;
  float: left;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container .text-container {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container.no-border {
  border: none;
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container:hover {
  background-color: #dcdcdc;
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container:active {
  background-color: #dcdcdc;
}
.self-boosting .boosting-details .promotion .gender-btn .btn-container.active {
  background-color: #dcdcdc;
}
.self-boosting .boosting-details .promotion .age-selector {
  width: 100%;
  margin-top: 10px;
  height: 30px;
}
.self-boosting .boosting-details .promotion .age-selector .separation {
  width: 10px;
  float: left;
  margin-top: 10px;
}
.self-boosting .boosting-details .promotion .age-selector .separation .divider {
  margin-top: 20px;
  vertical-align: middle;
  text-align: center;
}
.self-boosting .boosting-details .promotion .age-selector .age {
  width: 80px;
  float: left;
}
.self-boosting .boosting-details .promotion .age-selector .age input {
  width: 70px;
  text-align: center;
  padding-left: 0px;
}
.self-boosting .boosting-details .hr {
  margin-top: 10px;
  border-top: 1px solid rgba(128, 128, 128, 0.23);
  width: 80%;
  height: 5px;
}
.self-boosting .boosting-analysis {
  width: 30%;
  float: left;
}
.self-boosting .datetime-picker {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.self-boosting .datetime-picker .date-picker {
  float: left;
  width: 40%;
  padding-top: 10px;
}
@media screen and (max-width: 492px) {
  .self-boosting .datetime-picker .date-picker {
    width: 100%;
  }
}
.self-boosting .datetime-picker .date-picker input {
  width: 100%;
  height: 36px;
  font-size: 12px;
}
.self-boosting .datetime-picker .time-picker {
  float: left;
  width: 30%;
  padding-left: 10px;
}
@media screen and (max-width: 492px) {
  .self-boosting .datetime-picker .time-picker {
    padding-left: 0px;
  }
}
@media screen and (max-width: 800px) {
  .self-boosting .datetime-picker .time-picker {
    width: 166px;
  }
}
.self-boosting .datetime-picker .time-picker .uib-timepicker tr {
  border: none;
}
.self-boosting .datetime-picker .time-picker .uib-timepicker td {
  padding: 0px;
  padding-top: 10px;
  padding-right: 5px;
}
.self-boosting .datetime-picker .time-picker .uib-timepicker td input {
  width: 100%;
  height: 36px;
  font-size: 12px;
}
.self-boosting .datetime-picker .time-picker .uib-time input {
  width: 42px;
}
.self-boosting .datetime-picker .am-pm button.btn {
  float: left;
  height: 36px;
  width: 45px;
  margin-left: 5px;
  font-size: 12px;
}
.self-boosting .uib-datepicker-popup .btn-default {
  background-color: #fff;
  color: #90949c;
  width: auto;
  min-width: 25px;
  height: 25px;
  color: #4c5567;
}
.self-boosting .uib-datepicker-popup .uib-title {
  width: 132px;
}
.self-boosting .dropdown-menu {
  padding: 0px;
}
.self-boosting .dropdown-menu:after {
  content: none;
}
hr {
  margin-top: 10px;
  border-top: 1px solid rgba(128, 128, 128, 0.23);
  width: 100%;
}
.submit-boost {
  margin: 20px 0px;
  padding-bottom: 20px;
  text-align: right;
}
.submit-boost button {
  margin-left: 10px;
}
.submit-boost .errorMessage {
  color: red;
  text-align: left;
  float: left;
}
.post-search-popup {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 388px;
  margin-top: 2px;
}
.post-search-popup .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686;
}
.post-search-popup .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 300px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 275px;
  overflow-y: scroll;
}
.post-search-popup .dropdown-menu li {
  width: 100%;
  float: left;
  cursor: pointer;
}
.post-search-popup .dropdown-menu li .post-image {
  width: 100px;
  float: left;
}
.post-search-popup .dropdown-menu li .post-image img {
  width: 100%;
  height: 108px;
  padding: 4px;
}
.post-search-popup .dropdown-menu li .description {
  float: left;
  padding-left: 10px;
  padding-top: 2px;
  width: 200px;
  line-height: 15px;
}
.post-search-popup .dropdown-menu li .description .message {
  color: #1d2129;
  width: 100%;
  height: 20px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  padding-bottom: 35px;
}
.post-search-popup .dropdown-menu li .description .date {
  font-size: 12px;
  color: #90949c;
  padding-top: 10px;
  padding-left: 20px;
}
.post-search-popup .dropdown-menu li.active {
  background: #4267b2;
  border-color: #29487d;
  color: white;
}
.post-search-popup .dropdown-menu li.active .description .message {
  color: white;
}
.post-loader {
  margin: auto auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 0.8em solid rgba(246, 168, 33, 0.2);
  border-right: 0.8em solid rgba(246, 168, 33, 0.2);
  border-bottom: 0.8em solid rgba(246, 168, 33, 0.2);
  border-left: 0.8em solid #4267b2;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load-spin-an 1.1s infinite linear;
  animation: load-spin-an 1.1s infinite linear;
}
.post-loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.location-search-holder input.ng-dirty.ng-invalid {
  background: white !important;
}
.location-search-holder .location-search-box {
  width: 390px;
  height: 198px;
  border: 1px solid #c6c9cc;
  border-bottom: none;
}
@media screen and (max-width: 800px) {
  .location-search-holder .location-search-box {
    /* height: 138px;*/
    height: 206px;
  }
}
@media screen and (max-width: 432px) {
  .location-search-holder .location-search-box {
    width: 100%;
  }
}
.location-search-holder .location-search-box .location-searched-list {
  float: left;
  width: 100%;
  display: inline-block;
  height: 160px;
  overflow-y: scroll;
}
.location-search-holder .location-search-box .location-searched-list ul {
  display: inline-block;
  float: left;
  list-style-type: none;
  width: 100%;
  -webkit-padding-start: 0;
  padding: 0;
}
.location-search-holder .location-search-box .location-searched-list ul li {
  list-style: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
}
.location-search-holder .location-search-box .location-searched-list ul li:hover {
  background-color: #f5f7f8;
}
.location-search-holder .location-search-box .location-searched-list ul li:hover .name {
  font-weight: bold;
}
.location-search-holder .location-search-box .location-searched-list ul li:hover .cross {
  display: inline-block;
}
.location-search-holder .location-search-box .location-searched-list ul li > span {
  line-height: 14px;
  float: left;
  width: 100%;
  position: relative;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .pointer {
  cursor: pointer;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .icon {
  float: left;
  background-position: -45px -101px;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/c53f386e285201f0654709bff34a1ecd.png);
  background-size: 101px 143px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 10px;
  padding-top: 2px;
  line-height: 14px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .caret-down {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat;
  height: 12px;
  line-height: 12px;
  /* margin-left: 10px; */
  width: 50px;
  display: inline-block;
  margin-left: 6px;
  padding: 0px 0px 0px 10px;
  font-size: 10px;
  background-position: left center;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown {
  position: absolute;
  display: inline-block;
  top: 20px;
  left: 0;
  border: 1px solid #c3c3c3;
  background-color: #FFF;
  width: 200px;
  z-index: 2;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option {
  border-bottom: 1px solid #DDD;
  width: 200px;
  padding: 0;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/78b11dabf256b13bef07d8035d45d402.png);
  background-repeat: no-repeat;
  background-position: 7px 5px;
  display: inline-block;
  padding: 5px 28px 6px 4px;
  box-sizing: border-box;
  background-size: 15px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option .title {
  font-size: 12px;
  padding-left: 24px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option.checked {
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/466e99c285c6e9ed279136c8fe8619e0.png);
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option .icon-check {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png) no-repeat;
  height: 6px;
  width: 7px;
  display: inline-block;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option .rzslider {
  margin: 18px 5px 13px 24px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .radius-widget .dropdown .option .rzslider .rz-pointer {
  top: -8px;
  width: 18px;
  height: 18px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .icon.exclude {
  background-position: -23px -101px;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .name {
  float: left;
  padding-left: 10px;
  color: #1d2129;
  line-height: 14px;
  font-size: 12px;
  text-transform: capitalize;
}
.location-search-holder .location-search-box .location-searched-list ul li > span .cross {
  display: none;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/59fb095a94d9cabf20290feba29686dc.png) no-repeat;
  float: right;
  height: 14px;
  width: 14px;
  padding-top: 2px;
  line-height: 14px;
  padding-right: 4px;
  background-size: 14px;
}
.location-search-holder .location-search-box .location-search {
  width: 100%;
  float: left;
  border: 1px solid #c6c9cc;
  border-left: none;
  border-right: none;
}
.location-search-holder .location-search-box .location-search ul {
  width: 312px;
  display: inline-block;
}
@media screen and (max-width: 432px) {
  .location-search-holder .location-search-box .location-search ul {
    width: 85%;
    left: 20px!important;
  }
}
.location-search-holder .location-search-box .location-search ul li a {
  padding: 5px;
}
.location-search-holder .location-search-box .location-search .location-in-search a {
  width: 100%;
}
.location-search-holder .location-search-box .location-search .include-box {
  float: left;
  width: 20%;
}
@media screen and (max-width: 492px) {
  .location-search-holder .location-search-box .location-search .include-box {
    width: 30%;
  }
}
.location-search-holder .location-search-box .location-search .include-box a {
  width: 100%;
  text-align: center;
  float: left;
  padding-top: 5px;
}
.location-search-holder .location-search-box .location-search .include-box a span.icon {
  float: left;
  background-position: -45px -101px;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/c53f386e285201f0654709bff34a1ecd.png);
  background-size: 101px 143px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 10px;
  padding-top: 2px;
  line-height: 14px;
  margin-left: 5px;
  margin-top: 7px;
}
.location-search-holder .location-search-box .location-search .include-box a span.icon.exclude {
  background-position: -23px -101px;
}
.location-search-holder .location-search-box .location-search .include-box a span.name {
  font-size: 12px;
  color: #4267b2;
  float: left;
  text-align: left;
  line-height: 28px;
  padding-left: 5px;
  text-transform: capitalize;
}
.location-search-holder .location-search-box .location-search .include-box a span.dropdown-icon {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png);
  float: right;
  width: 9px;
  height: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  text-align: right;
  margin-top: 11px;
  margin-right: 4px;
}
.location-search-holder .location-search-box .location-search .include-box .dropdown-menu.no-radius {
  border-radius: 0;
}
.location-search-holder .location-search-box .location-search .include-box.open ul.dropdown-menu {
  display: inline-block;
}
.location-search-holder .location-search-box .location-search .include-box ul.dropdown-menu {
  display: none;
  width: 80px;
}
.location-search-holder .location-search-box .location-search .include-box ul.dropdown-menu li {
  font-size: 12px;
  padding: 5px 5px;
}
.location-search-holder .location-search-box .location-search .include-box ul.dropdown-menu li:hover {
  background: #4267b2;
  color: white;
  cursor: pointer;
}
.location-search-holder .location-search-box .location-search .search-select {
  width: 80%;
  float: right;
  border-radius: 0;
  border: none;
}
@media screen and (max-width: 492px) {
  .location-search-holder .location-search-box .location-search .search-select {
    width: 70%;
  }
}
.custom-dropdown ul {
  max-height: 445px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid lightgray;
  padding: 5px 20px;
  list-style: none;
  width: 100%;
}
.custom-dropdown ul li {
  padding: 5px;
  border-bottom: 1px solid lightgray;
  cursor: pointer;
}
.custom-dropdown ul li:hover {
  background-color: #dddddd;
}
.audience-search-holder input.ng-dirty.ng-invalid {
  background: white !important;
}
.audience-search-holder .audience-search-box {
  width: 390px;
  height: 130px;
  border: 1px solid #c6c9cc;
  border-bottom: none;
}
@media screen and (max-width: 800px) {
  .audience-search-holder .audience-search-box {
    height: 138px;
  }
}
@media screen and (max-width: 432px) {
  .audience-search-holder .audience-search-box {
    width: 100%;
  }
}
.audience-search-holder .audience-search-box .audience-searched-list {
  float: left;
  width: 100%;
  display: inline-block;
  height: 92px;
  overflow-y: scroll;
}
.audience-search-holder .audience-search-box .audience-searched-list .target-spec {
  padding: 5px;
}
.audience-search-holder .audience-search-box .audience-searched-list .target-spec .spec-name {
  padding-left: 4px;
  color: #4267b2;
}
.audience-search-holder .audience-search-box .audience-searched-list ul {
  display: inline-block;
  float: left;
  list-style-type: none;
  width: 100%;
  -webkit-padding-start: 0;
  padding: 0;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li {
  list-style: none;
  float: left;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 10px;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li:hover {
  background-color: #f5f7f8;
  cursor: pointer;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li:hover .name {
  font-weight: bold;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li:hover .cross {
  display: inline-block;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li > span {
  line-height: 14px;
  float: left;
  width: 100%;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li > span .icon {
  float: left;
  background-position: -45px -101px;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/c53f386e285201f0654709bff34a1ecd.png);
  background-size: 101px 143px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  width: 10px;
  padding-top: 2px;
  line-height: 14px;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li > span .icon.exclude {
  background-position: -23px -101px;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li > span .name {
  float: left;
  padding-left: 10px;
  color: #1d2129;
  line-height: 14px;
  font-size: 12px;
  text-transform: capitalize;
}
.audience-search-holder .audience-search-box .audience-searched-list ul li > span .cross {
  display: none;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/59fb095a94d9cabf20290feba29686dc.png) no-repeat;
  float: right;
  height: 14px;
  width: 14px;
  padding-top: 2px;
  line-height: 14px;
  padding-right: 4px;
  background-size: 14px;
}
.audience-search-holder .audience-search-box .audience-search {
  width: 100%;
  float: left;
  border: 1px solid #c6c9cc;
  border-left: none;
  border-right: none;
}
.audience-search-holder .audience-search-box .audience-search .audience-in-search a {
  width: 100%;
}
.audience-search-holder .audience-search-box .audience-search .small-border {
  float: left;
  height: 20px;
  width: 1px;
  background-color: #c6c9cc;
  margin-top: 4px;
  padding-top: 8px;
}
@media screen and (max-width: 800px) {
  .audience-search-holder .audience-search-box .audience-search .small-border {
    padding-top: 16px;
  }
}
@media screen and (max-width: 492px) {
  .audience-search-holder .audience-search-box .audience-search .small-border.one {
    display: none;
  }
}
.audience-search-holder .audience-search-box .audience-search .include-box {
  float: left;
  width: 27%;
  padding-top: 4px;
}
@media screen and (max-width: 800px) {
  .audience-search-holder .audience-search-box .audience-search .include-box {
    padding-top: 8px;
  }
}
@media screen and (max-width: 492px) {
  .audience-search-holder .audience-search-box .audience-search .include-box {
    display: none;
  }
}
.audience-search-holder .audience-search-box .audience-search .include-box a {
  width: 100%;
  text-align: center;
  float: left;
}
.audience-search-holder .audience-search-box .audience-search .include-box a span.icon {
  float: left;
  background-image: url(https://d118vismjsp9sl.cloudfront.net/assets/f8a761e0208f5b73820785a126a4cf67.png);
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 18px;
  height: 18px;
  width: 18px;
  padding-top: 2px;
  line-height: 14px;
  margin-left: 5px;
  margin-top: 4px;
}
.audience-search-holder .audience-search-box .audience-search .include-box a span.icon.exclude {
  background-position: -23px -101px;
}
.audience-search-holder .audience-search-box .audience-search .include-box a span.name {
  font-size: 12px;
  color: #4267b2;
  float: left;
  text-align: left;
  line-height: 28px;
  padding-left: 8px;
  text-transform: capitalize;
  max-width: 55px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.audience-search-holder .audience-search-box .audience-search .include-box a span.dropdown-icon {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png);
  float: right;
  width: 9px;
  height: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 11px;
  margin-right: 8px;
}
.audience-search-holder .audience-search-box .audience-search .include-box .dropdown-menu.no-radius {
  border-radius: 0;
}
.audience-search-holder .audience-search-box .audience-search .include-box ul.dropdown-menu {
  max-height: 200px;
  margin-top: 7px;
  overflow-x: hidden;
  overflow-y: auto;
}
.audience-search-holder .audience-search-box .audience-search .include-box ul.dropdown-menu li {
  font-size: 12px;
  padding: 3px 8px;
  line-height: 26px;
}
.audience-search-holder .audience-search-box .audience-search .include-box ul.dropdown-menu li:hover {
  background: #4267b2;
  color: white;
  cursor: pointer;
}
.audience-search-holder .audience-search-box .audience-search input.search-select {
  width: 50%;
  float: left;
  border-radius: 0;
  border: none;
}
@media screen and (max-width: 492px) {
  .audience-search-holder .audience-search-box .audience-search input.search-select {
    width: 70%;
  }
}
@media screen and (max-width: 392px) {
  .audience-search-holder .audience-search-box .audience-search input.search-select {
    width: 65%;
  }
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box {
  float: right;
  width: 20%;
  height: 24px;
  margin-top: 2px;
  padding-top: 4px;
}
@media screen and (max-width: 800px) {
  .audience-search-holder .audience-search-box .audience-search .suggestion-box {
    padding-top: 8px;
  }
}
@media screen and (max-width: 492px) {
  .audience-search-holder .audience-search-box .audience-search .suggestion-box {
    width: 25%;
  }
}
@media screen and (max-width: 392px) {
  .audience-search-holder .audience-search-box .audience-search .suggestion-box {
    width: 30%;
  }
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box a {
  width: 100%;
  text-align: center;
  float: left;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box a span.name {
  font-size: 12px;
  /*                        color: #4267b2;*/
  float: left;
  text-align: left;
  line-height: 28px;
  padding-left: 8px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: grey;
  margin-top: -2px;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box a span.name.active {
  color: #4267b2;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box a span.dropdown-icon {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/6f8bb0588a107faa0eead2d917c4c55b.png);
  float: right;
  width: 9px;
  height: 5px;
  display: inline-block;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 11px;
  margin-right: 8px;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box .dropdown-menu {
  right: -1px;
  left: auto;
  width: 320px;
  height: 220px;
  overflow-y: auto;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box .dropdown-menu.no-radius {
  border-radius: 0;
}
@media screen and (max-width: 392px) {
  .audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu {
    width: 268px;
  }
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li {
  font-size: 12px;
  padding: 3px 8px;
  height: 30px;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li a.detailed-targets-in-search {
  font-size: 12px;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li a.detailed-targets-in-search span.name {
  float: left;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li a.detailed-targets-in-search span.helper-desc {
  float: right;
  color: grey;
  text-transform: capitalize;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li:hover {
  color: #fff;
  cursor: pointer;
}
.audience-search-holder .audience-search-box .audience-search .suggestion-box ul.dropdown-menu li.loading {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/a692210bb11ac5a9ee15f1a59db4826c.gif) no-repeat;
  height: 24px;
  width: 100%;
  margin: 80px auto;
  background-position: center;
}
.audience-search-holder .targets-search-popup {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  background-color: #f9f9f9;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  width: 275px;
}
@media screen and (max-width: 432px) {
  .audience-search-holder .targets-search-popup {
    width: 87%;
  }
}
@media screen and (max-width: 392px) {
  .audience-search-holder .targets-search-popup {
    width: 85%;
  }
}
@media screen and (max-width: 350px) {
  .audience-search-holder .targets-search-popup {
    width: 85%;
  }
}
.audience-search-holder .targets-search-popup > .message {
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
  color: #868686;
}
.audience-search-holder .targets-search-popup > .dropdown-menu {
  position: static;
  float: none;
  display: block;
  min-width: 282px;
  width: 100%;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  height: 275px;
  overflow-y: auto;
}
.audience-search-holder .targets-search-popup > .dropdown-menu > .active > a {
  color: #000;
}
.audience-search-holder .targets-search-popup > .dropdown-menu > .active > a:hover {
  color: #fff;
  border: none;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li {
  padding: 5px 10px;
  width: 90%;
  float: left;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li a {
  border: none;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li .detailed-targets-in-search {
  font-size: 12px;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li .detailed-targets-in-search span.name {
  float: left;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li .detailed-targets-in-search span.helper-desc {
  float: right;
  color: grey;
  text-transform: capitalize;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li:hover {
  background: #4267b2;
  color: white;
  cursor: pointer;
}
.audience-search-holder .targets-search-popup > .dropdown-menu li:hover span.helper-desc {
  color: #fff;
}
.boost-insight .switch-holder {
  padding: 5px 0px 5px 0px;
}
.boost-insight .switch-holder .switch {
  width: 40px;
  height: 6px;
}
.boost-insight .switch-holder .switch small {
  width: 20px;
  height: 20px;
  top: -8px;
}
@media screen and (max-width: 492px) {
  .boost-insight .switch-holder .switch {
    float: right;
  }
}
.boost-insight .cost {
  width: 100%;
  float: left;
}
.delivery-request-illusions {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  margin-top: 48px;
}
@media (max-width: 592px) {
  .delivery-request-illusions {
    display: none;
  }
}
.delivery-request-illusions .delivery-info {
  float: left;
  margin: 0 auto;
  width: 33%;
  text-align: center;
}
.delivery-request-illusions .delivery-info img {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
}
@media (max-width: 592px) {
  .delivery-request-illusions .delivery-info img {
    width: 50%;
    height: auto;
  }
}
.delivery-request-illusions .delivery-info p {
  font-size: 12px;
  line-height: 15px;
}
.parcel-form {
  width: 100%;
  margin-top: 16px;
}
.parcel-form .parcel-que {
  font-weight: 600;
  border-top: 1px solid #e9ebee;
  height: 40px;
  margin-top: 24px;
  overflow: hidden;
}
.parcel-form .parcel-que .que-number,
.parcel-form .parcel-que .remove {
  overflow: hidden;
  margin-top: 20px;
}
.parcel-form .parcel-que .que-number {
  float: left;
}
.parcel-form .parcel-que .remove {
  float: right;
  cursor: pointer;
}
.parcel-form .parcel-que .remove img {
  width: 18px;
  height: 18px;
}
.parcel-form .form-submit {
  margin-top: 24px;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #e9ebee;
}
.parcel-form .form-submit .summary,
.parcel-form .form-submit .decision {
  margin-top: 24px;
}
.parcel-form .form-submit .summary div {
  margin-top: 2px;
}
.parcel-form .form-submit .btn {
  float: right;
  width: 80px;
  margin-left: 8px;
}
.parcel-form .form-submit .btn-cancel {
  float: left;
}
@media (max-width: 800px) {
  .parcel-form .form-submit {
    text-align: center;
  }
  .parcel-form .form-submit .summary,
  .parcel-form .form-submit .decision {
    width: 100%;
    float: none;
    display: inline-block;
  }
  .parcel-form .form-submit .btn {
    float: none;
  }
}
.parcel-form .input-box {
  width: 30%;
  text-align: left;
  display: inline-block;
  vertical-align: top;
}
.parcel-form .input-box.m-lr-36 {
  margin-left: 36px;
  margin-right: 36px;
}
.parcel-form .input-box.m-l-36 {
  margin-left: 36px;
}
.parcel-form .input-box.two-x {
  width: 64.7%;
}
.parcel-form .input-box .err-hint {
  margin-top: 3px;
  color: #b94a48;
  font-size: 12px;
  line-height: 12px;
}
.parcel-form .input-box .err-hint::first-letter {
  text-transform: uppercase;
}
.parcel-form .input-box input {
  width: 100%;
  margin-top: 6px;
}
.parcel-form .input-box oi-select {
  margin-top: 5px;
  padding: 0;
  margin-left: 2px;
}
.parcel-form .input-box oi-select input {
  margin-top: 0;
  height: 27px;
}
.parcel-form .input-box oi-select .select-search-list-item {
  margin: 0;
}
.parcel-form .input-box oi-select .select-search-list-item_selection:active {
  background-color: transparent;
}
.parcel-form .input-box.full {
  width: 100%;
}
.parcel-form .input-box.full textarea {
  width: 100%;
  height: 60px;
  margin-top: 6px;
}
@media (max-width: 800px) {
  .parcel-form .input-box {
    width: 100%;
  }
  .parcel-form .input-box.two-x {
    width: 100%;
  }
  .parcel-form .input-box.m-lr-36,
  .parcel-form .input-box.m-l-36 {
    margin-right: 0;
    margin-left: 0;
  }
}
.delivery-request-form {
  width: 50%;
  text-align: center;
  margin: 0 auto;
  margin-top: 48px;
}
.delivery-request-form .title-header {
  width: 100%;
}
.delivery-request-form .title-header .title {
  margin-bottom: 10px;
}
.delivery-request-form .delivery-form {
  padding-top: 20px;
}
.delivery-request-form .delivery-form .delivery-input {
  width: 100%;
  margin: 10px 0;
}
.delivery-request-form .delivery-form .delivery-input p {
  font-size: 12px;
  text-align: left;
  padding-bottom: 5px;
}
.delivery-request-form .delivery-form .delivery-input input {
  width: 100%;
}
.delivery-request-form .delivery-form .delivery-input select {
  width: 100%;
}
.delivery-request-form .delivery-form .area-dropdown {
  text-align: left;
}
.delivery-request-form .delivery-form .select-search-list-item_selection:active {
  background-color: transparent;
}
.delivery-request-form .delivery-form label {
  width: 100%;
  text-align: left;
  padding-bottom: 5px;
  float: left;
  padding-top: 5px;
}
.delivery-request-form .delivery-form .select {
  float: left;
  width: 100%;
}
.delivery-request-form .delivery-form .select select {
  width: 100%;
  height: 36px !important;
}
.delivery-request-form .delivery-form .form-button {
  margin-top: 20px;
}
.delivery-request-form .delivery-form .form-button .delivery {
  padding-left: 40px;
  padding-right: 40px;
}
.delivery-request-form .delivery-form .form-button .agreement {
  margin-top: 20px;
  font-size: 10px;
}
.delivery-request-form .delivery-form .form-button .terms {
  color: #4267b2;
}
@media (max-width: 800px) {
  .delivery-request-form {
    width: 100%;
  }
}
.delivery-accept .link-share {
  width: 75%;
  margin: 0 auto;
  background: #f9f9f9;
  text-align: center;
  padding: 15px 0;
  margin-top: 16px;
  border: 1px dashed;
  border-color: #365899;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.delivery-accept .link-share a {
  text-decoration: none;
}
.delivery-accept .tutorial {
  width: 90%;
  margin: 0 auto;
  margin-top: 10px;
}
.filters-holder.invoice-filter.listview .filters .search-box {
  width: 200px;
  display: inline-block;
  float: none;
}
@media (max-width: 800px) {
  .filters-holder.invoice-filter.listview .filters .search-box {
    width: 100%;
  }
}
.delivery-history,
.invoice-history {
  padding-top: 20px;
  overflow: hidden;
}
.delivery-history .invoice-list,
.invoice-history .invoice-list,
.delivery-history .parcel-list,
.invoice-history .parcel-list {
  width: 100%;
}
.delivery-history .invoice-list .padding-10,
.invoice-history .invoice-list .padding-10,
.delivery-history .parcel-list .padding-10,
.invoice-history .parcel-list .padding-10 {
  padding: 10px;
}
.delivery-history .invoice-list .left,
.invoice-history .invoice-list .left,
.delivery-history .parcel-list .left,
.invoice-history .parcel-list .left {
  float: left;
}
.delivery-history .invoice-list .parcel,
.invoice-history .invoice-list .parcel,
.delivery-history .parcel-list .parcel,
.invoice-history .parcel-list .parcel,
.delivery-history .invoice-list .logistics-invoice,
.invoice-history .invoice-list .logistics-invoice,
.delivery-history .parcel-list .logistics-invoice,
.invoice-history .parcel-list .logistics-invoice {
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  line-height: 14px;
  border-top: 1px solid #dfdfdf;
  color: #4B4F56;
  position: relative;
  transition: background 0.5s linear;
}
.delivery-history .invoice-list .parcel .column-name,
.invoice-history .invoice-list .parcel .column-name,
.delivery-history .parcel-list .parcel .column-name,
.invoice-history .parcel-list .parcel .column-name,
.delivery-history .invoice-list .logistics-invoice .column-name,
.invoice-history .invoice-list .logistics-invoice .column-name,
.delivery-history .parcel-list .logistics-invoice .column-name,
.invoice-history .parcel-list .logistics-invoice .column-name {
  display: none;
}
.delivery-history .invoice-list .parcel .cash,
.invoice-history .invoice-list .parcel .cash,
.delivery-history .parcel-list .parcel .cash,
.invoice-history .parcel-list .parcel .cash,
.delivery-history .invoice-list .logistics-invoice .cash,
.invoice-history .invoice-list .logistics-invoice .cash,
.delivery-history .parcel-list .logistics-invoice .cash,
.invoice-history .parcel-list .logistics-invoice .cash,
.delivery-history .invoice-list .parcel .receiver-name,
.invoice-history .invoice-list .parcel .receiver-name,
.delivery-history .parcel-list .parcel .receiver-name,
.invoice-history .parcel-list .parcel .receiver-name,
.delivery-history .invoice-list .logistics-invoice .receiver-name,
.invoice-history .invoice-list .logistics-invoice .receiver-name,
.delivery-history .parcel-list .logistics-invoice .receiver-name,
.invoice-history .parcel-list .logistics-invoice .receiver-name {
  line-height: 12px;
}
.delivery-history .invoice-list .parcel .invoice,
.invoice-history .invoice-list .parcel .invoice,
.delivery-history .parcel-list .parcel .invoice,
.invoice-history .parcel-list .parcel .invoice,
.delivery-history .invoice-list .logistics-invoice .invoice,
.invoice-history .invoice-list .logistics-invoice .invoice,
.delivery-history .parcel-list .logistics-invoice .invoice,
.invoice-history .parcel-list .logistics-invoice .invoice,
.delivery-history .invoice-list .parcel .receiver-adr,
.invoice-history .invoice-list .parcel .receiver-adr,
.delivery-history .parcel-list .parcel .receiver-adr,
.invoice-history .parcel-list .parcel .receiver-adr,
.delivery-history .invoice-list .logistics-invoice .receiver-adr,
.invoice-history .invoice-list .logistics-invoice .receiver-adr,
.delivery-history .parcel-list .logistics-invoice .receiver-adr,
.invoice-history .parcel-list .logistics-invoice .receiver-adr,
.delivery-history .invoice-list .parcel .payment-method,
.invoice-history .invoice-list .parcel .payment-method,
.delivery-history .parcel-list .parcel .payment-method,
.invoice-history .parcel-list .parcel .payment-method,
.delivery-history .invoice-list .logistics-invoice .payment-method,
.invoice-history .invoice-list .logistics-invoice .payment-method,
.delivery-history .parcel-list .logistics-invoice .payment-method,
.invoice-history .parcel-list .logistics-invoice .payment-method,
.delivery-history .invoice-list .parcel .status-date,
.invoice-history .invoice-list .parcel .status-date,
.delivery-history .parcel-list .parcel .status-date,
.invoice-history .parcel-list .parcel .status-date,
.delivery-history .invoice-list .logistics-invoice .status-date,
.invoice-history .invoice-list .logistics-invoice .status-date,
.delivery-history .parcel-list .logistics-invoice .status-date,
.invoice-history .parcel-list .logistics-invoice .status-date {
  margin-top: 4px;
}
.delivery-history .invoice-list .parcel img,
.invoice-history .invoice-list .parcel img,
.delivery-history .parcel-list .parcel img,
.invoice-history .parcel-list .parcel img,
.delivery-history .invoice-list .logistics-invoice img,
.invoice-history .invoice-list .logistics-invoice img,
.delivery-history .parcel-list .logistics-invoice img,
.invoice-history .parcel-list .logistics-invoice img {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.delivery-history .invoice-list .parcel img.w-24,
.invoice-history .invoice-list .parcel img.w-24,
.delivery-history .parcel-list .parcel img.w-24,
.invoice-history .parcel-list .parcel img.w-24,
.delivery-history .invoice-list .logistics-invoice img.w-24,
.invoice-history .invoice-list .logistics-invoice img.w-24,
.delivery-history .parcel-list .logistics-invoice img.w-24,
.invoice-history .parcel-list .logistics-invoice img.w-24 {
  width: 24px;
  height: 24px;
}
.delivery-history .invoice-list .parcel img.icon-btn,
.invoice-history .invoice-list .parcel img.icon-btn,
.delivery-history .parcel-list .parcel img.icon-btn,
.invoice-history .parcel-list .parcel img.icon-btn,
.delivery-history .invoice-list .logistics-invoice img.icon-btn,
.invoice-history .invoice-list .logistics-invoice img.icon-btn,
.delivery-history .parcel-list .logistics-invoice img.icon-btn,
.invoice-history .parcel-list .logistics-invoice img.icon-btn {
  width: 14px;
  height: 14px;
  padding-left: 2px;
  padding-right: 8px;
}
.delivery-history .invoice-list .parcel .orderTrackMsg > img,
.invoice-history .invoice-list .parcel .orderTrackMsg > img,
.delivery-history .parcel-list .parcel .orderTrackMsg > img,
.invoice-history .parcel-list .parcel .orderTrackMsg > img,
.delivery-history .invoice-list .logistics-invoice .orderTrackMsg > img,
.invoice-history .invoice-list .logistics-invoice .orderTrackMsg > img,
.delivery-history .parcel-list .logistics-invoice .orderTrackMsg > img,
.invoice-history .parcel-list .logistics-invoice .orderTrackMsg > img {
  width: 15px;
  height: 15px;
  float: left;
}
.delivery-history .invoice-list .parcel .orderTrackMsg > div,
.invoice-history .invoice-list .parcel .orderTrackMsg > div,
.delivery-history .parcel-list .parcel .orderTrackMsg > div,
.invoice-history .parcel-list .parcel .orderTrackMsg > div,
.delivery-history .invoice-list .logistics-invoice .orderTrackMsg > div,
.invoice-history .invoice-list .logistics-invoice .orderTrackMsg > div,
.delivery-history .parcel-list .logistics-invoice .orderTrackMsg > div,
.invoice-history .parcel-list .logistics-invoice .orderTrackMsg > div {
  margin-left: 20px;
}
@media (max-width: 800px) {
  .delivery-history .invoice-list .parcel .adjust-view,
  .invoice-history .invoice-list .parcel .adjust-view,
  .delivery-history .parcel-list .parcel .adjust-view,
  .invoice-history .parcel-list .parcel .adjust-view,
  .delivery-history .invoice-list .logistics-invoice .adjust-view,
  .invoice-history .invoice-list .logistics-invoice .adjust-view,
  .delivery-history .parcel-list .logistics-invoice .adjust-view,
  .invoice-history .parcel-list .logistics-invoice .adjust-view {
    width: 100%;
  }
  .delivery-history .invoice-list .parcel .adjust-view.icon-image,
  .invoice-history .invoice-list .parcel .adjust-view.icon-image,
  .delivery-history .parcel-list .parcel .adjust-view.icon-image,
  .invoice-history .parcel-list .parcel .adjust-view.icon-image,
  .delivery-history .invoice-list .logistics-invoice .adjust-view.icon-image,
  .invoice-history .invoice-list .logistics-invoice .adjust-view.icon-image,
  .delivery-history .parcel-list .logistics-invoice .adjust-view.icon-image,
  .invoice-history .parcel-list .logistics-invoice .adjust-view.icon-image {
    text-align: center;
  }
  .delivery-history .invoice-list .parcel .adjust-view .padding-bottom-8,
  .invoice-history .invoice-list .parcel .adjust-view .padding-bottom-8,
  .delivery-history .parcel-list .parcel .adjust-view .padding-bottom-8,
  .invoice-history .parcel-list .parcel .adjust-view .padding-bottom-8,
  .delivery-history .invoice-list .logistics-invoice .adjust-view .padding-bottom-8,
  .invoice-history .invoice-list .logistics-invoice .adjust-view .padding-bottom-8,
  .delivery-history .parcel-list .logistics-invoice .adjust-view .padding-bottom-8,
  .invoice-history .parcel-list .logistics-invoice .adjust-view .padding-bottom-8 {
    padding-bottom: 8px;
  }
  .delivery-history .invoice-list .parcel .edit-on-mobile,
  .invoice-history .invoice-list .parcel .edit-on-mobile,
  .delivery-history .parcel-list .parcel .edit-on-mobile,
  .invoice-history .parcel-list .parcel .edit-on-mobile,
  .delivery-history .invoice-list .logistics-invoice .edit-on-mobile,
  .invoice-history .invoice-list .logistics-invoice .edit-on-mobile,
  .delivery-history .parcel-list .logistics-invoice .edit-on-mobile,
  .invoice-history .parcel-list .logistics-invoice .edit-on-mobile {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #dfdfdf;
  }
  .delivery-history .invoice-list .parcel .cash,
  .invoice-history .invoice-list .parcel .cash,
  .delivery-history .parcel-list .parcel .cash,
  .invoice-history .parcel-list .parcel .cash,
  .delivery-history .invoice-list .logistics-invoice .cash,
  .invoice-history .invoice-list .logistics-invoice .cash,
  .delivery-history .parcel-list .logistics-invoice .cash,
  .invoice-history .parcel-list .logistics-invoice .cash,
  .delivery-history .invoice-list .parcel .receiver-name,
  .invoice-history .invoice-list .parcel .receiver-name,
  .delivery-history .parcel-list .parcel .receiver-name,
  .invoice-history .parcel-list .parcel .receiver-name,
  .delivery-history .invoice-list .logistics-invoice .receiver-name,
  .invoice-history .invoice-list .logistics-invoice .receiver-name,
  .delivery-history .parcel-list .logistics-invoice .receiver-name,
  .invoice-history .parcel-list .logistics-invoice .receiver-name {
    line-height: 14px;
  }
  .delivery-history .invoice-list .parcel .column-name,
  .invoice-history .invoice-list .parcel .column-name,
  .delivery-history .parcel-list .parcel .column-name,
  .invoice-history .parcel-list .parcel .column-name,
  .delivery-history .invoice-list .logistics-invoice .column-name,
  .invoice-history .invoice-list .logistics-invoice .column-name,
  .delivery-history .parcel-list .logistics-invoice .column-name,
  .invoice-history .parcel-list .logistics-invoice .column-name {
    display: block;
    margin-top: 12px;
    margin-bottom: 4px;
    color: #90949c;
    font-size: 12px;
    font-weight: 500;
  }
  .delivery-history .invoice-list .parcel .invoice,
  .invoice-history .invoice-list .parcel .invoice,
  .delivery-history .parcel-list .parcel .invoice,
  .invoice-history .parcel-list .parcel .invoice,
  .delivery-history .invoice-list .logistics-invoice .invoice,
  .invoice-history .invoice-list .logistics-invoice .invoice,
  .delivery-history .parcel-list .logistics-invoice .invoice,
  .invoice-history .parcel-list .logistics-invoice .invoice,
  .delivery-history .invoice-list .parcel .receiver-adr,
  .invoice-history .invoice-list .parcel .receiver-adr,
  .delivery-history .parcel-list .parcel .receiver-adr,
  .invoice-history .parcel-list .parcel .receiver-adr,
  .delivery-history .invoice-list .logistics-invoice .receiver-adr,
  .invoice-history .invoice-list .logistics-invoice .receiver-adr,
  .delivery-history .parcel-list .logistics-invoice .receiver-adr,
  .invoice-history .parcel-list .logistics-invoice .receiver-adr,
  .delivery-history .invoice-list .parcel .payment-method,
  .invoice-history .invoice-list .parcel .payment-method,
  .delivery-history .parcel-list .parcel .payment-method,
  .invoice-history .parcel-list .parcel .payment-method,
  .delivery-history .invoice-list .logistics-invoice .payment-method,
  .invoice-history .invoice-list .logistics-invoice .payment-method,
  .delivery-history .parcel-list .logistics-invoice .payment-method,
  .invoice-history .parcel-list .logistics-invoice .payment-method,
  .delivery-history .invoice-list .parcel .status-date,
  .invoice-history .invoice-list .parcel .status-date,
  .delivery-history .parcel-list .parcel .status-date,
  .invoice-history .parcel-list .parcel .status-date,
  .delivery-history .invoice-list .logistics-invoice .status-date,
  .invoice-history .invoice-list .logistics-invoice .status-date,
  .delivery-history .parcel-list .logistics-invoice .status-date,
  .invoice-history .parcel-list .logistics-invoice .status-date {
    margin-top: 0;
  }
  .delivery-history .invoice-list .parcel img,
  .invoice-history .invoice-list .parcel img,
  .delivery-history .parcel-list .parcel img,
  .invoice-history .parcel-list .parcel img,
  .delivery-history .invoice-list .logistics-invoice img,
  .invoice-history .invoice-list .logistics-invoice img,
  .delivery-history .parcel-list .logistics-invoice img,
  .invoice-history .parcel-list .logistics-invoice img {
    float: right;
  }
}
.delivery-history .invoice-list .parcel .icon-image,
.invoice-history .invoice-list .parcel .icon-image,
.delivery-history .parcel-list .parcel .icon-image,
.invoice-history .parcel-list .parcel .icon-image,
.delivery-history .invoice-list .logistics-invoice .icon-image,
.invoice-history .invoice-list .logistics-invoice .icon-image,
.delivery-history .parcel-list .logistics-invoice .icon-image,
.invoice-history .parcel-list .logistics-invoice .icon-image {
  text-align: left;
}
.delivery-history .invoice-list .shopup-comment .comment-date,
.invoice-history .invoice-list .shopup-comment .comment-date,
.delivery-history .parcel-list .shopup-comment .comment-date,
.invoice-history .parcel-list .shopup-comment .comment-date {
  text-align: right;
}
@media screen and (max-width: 800px) {
  .parcel-export .col-size {
    width: 100%;
  }
  .parcel-export .col-size .btn-group {
    float: left !important;
  }
}
.delivery-reject .helpline a {
  cursor: ponter;
}
.logistics-modal .p-list {
  width: 100%;
}
.logistics-modal .p-items {
  max-height: 280px;
  overflow-y: scroll;
}
.logistics-modal .p-items .p-row {
  padding: 8px 0;
  margin-bottom: 15px;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  line-height: 14px;
}
.logistics-modal .p-items .p-row div:nth-child(1) {
  padding-left: 8px;
}
.logistics-modal .p-items .cash-adjustment {
  margin-top: 20px;
  padding-left: 8px;
}
.logistics-modal .p-items .cash-adjustment div {
  line-height: 16px;
}
.delivery.secure-checkout .input-holder {
  margin-top: 20px;
}
.delivery.secure-checkout .input-holder input {
  width: 300px;
}
.delivery.secure-checkout .btn {
  margin-top: 20px;
}
.delivery-grouped-date {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 0;
}
.delivery-grouped-date a {
  margin-left: 10px;
  border: 1px solid;
  margin-top: -4px;
}
.delivery-grouped-date a img {
  width: 5px;
}
@media (max-width: 400px) {
  .delivery-grouped-date a {
    margin-top: 10px;
  }
}
/*
@media @mobile {
	r: 0;
}
@media @tablet {
	r: 0;
}
@media @desktop {
	r: 0;
}
 */
.hero-app-section.fat-border {
  border-bottom: 18px solid #3fb5b4;
}
.hero-app-section.bg-grey {
  background-color: #f5f5f5;
}
@media (min-width: 0px) {
  .hero-app-section {
    padding: 40px 0 20px;
  }
}
@media (min-width: 940px) {
  .hero-app-section {
    padding: 45px 0 20px;
  }
}
@media (min-width: 1200px) {
  .hero-app-section {
    padding: 42px 0 20px;
  }
}
@media (min-width: 0px) {
  .hero-app-section .site-container {
    padding: 0 15px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .site-container {
    padding: 0;
  }
}
@media (min-width: 0px) {
  .hero-app-section .introWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap {
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap {
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appPitch {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap .appPitch {
    width: 30%;
  }
}
@media (min-width: 0px) {
  .hero-app-section .introWrap .appPitch .sectionHeading {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.75);
    padding: 75px 0 6px;
    font-weight: 600;
    color: #404040;
    font-size: 45px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appPitch .sectionHeading {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    color: #404040;
    font-weight: 600;
    padding: 40px 0 5px;
    font-size: 45px;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap .appPitch .sectionHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 600;
    color: #404040;
    padding: 0 0 6px;
    font-size: 45px;
  }
}
@media (min-width: 0px) {
  .hero-app-section .introWrap .appPitch .sectionPara {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.75);
    font-size: 22px;
    margin-bottom: 64px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appPitch .sectionPara {
    margin-bottom: 26px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appPitch .appLinkWrap {
    display: flex;
    align-items: center;
  }
}
.hero-app-section .introWrap .appPitch .appLinkWrap .appLinkLabel {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 14px;
  font-weight: 600;
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appPitch .appLinkWrap .appLinkLabel {
    width: 130px;
    margin-right: 60px;
    margin-bottom: 0;
  }
}
.hero-app-section .introWrap .appPitch .appLinkWrap .deliveryAppLink {
  display: inline-block;
}
.hero-app-section .introWrap .appHero {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0;
}
.hero-app-section .introWrap .appHero img {
  display: block;
  width: 100%;
}
@media (min-width: 0px) {
  .hero-app-section .introWrap .appHero {
    width: 100%;
    order: 1;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .appHero {
    width: 310px;
    order: 0;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap .appHero {
    width: 330px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .reg-form {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap .reg-form {
    width: 37%;
  }
}
.hero-app-section .introWrap .reg-form .formLabel {
  font-size: 19px;
}
@media (min-width: 940px) {
  .hero-app-section .introWrap .reg-form .field {
    display: flex;
    flex-direction: row;
    width: 70%;
  }
  .hero-app-section .introWrap .reg-form .field > .signup-phone-field {
    flex: 3;
  }
  .hero-app-section .introWrap .reg-form .field > button {
    margin-top: 0;
    margin-left: 10px;
    flex: 2;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .introWrap .reg-form .field {
    width: initial;
  }
  .hero-app-section .introWrap .reg-form .field > button {
    margin-top: 0;
    margin-left: 10px;
  }
}
.hero-app-section .introWrap .reg-form .reg-btn {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffc23b;
  color: #424242;
  border: 0;
  border-radius: 5px;
  padding: 8px 0;
  font-size: 16px;
  margin-top: 12px;
  cursor: pointer;
}
.hero-app-section .introWrap .reg-form .reg-btn:disabled {
  background-color: #DDD;
  color: #424242;
  cursor: not-allowed;
}
@media (min-width: 0px) {
  .hero-app-section .heroStickers {
    margin-bottom: 32px;
  }
}
@media (min-width: 940px) {
  .hero-app-section .heroStickers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .heroStickers {
    justify-content: space-between;
  }
}
.hero-app-section .heroStickers .oneSticker {
  border: 2px solid #DBDEE7;
  border-radius: 10px;
  padding: 20px 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 10px;
  align-items: center;
}
.hero-app-section .heroStickers .oneSticker > .text {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
  font-size: 18px;
  margin-right: 18px;
}
.hero-app-section .heroStickers .oneSticker > .icon {
  r: 0;
}
.hero-app-section .heroStickers .oneSticker > .icon img {
  r: 0;
}
@media (min-width: 940px) {
  .hero-app-section .heroStickers .oneSticker {
    display: flex;
    width: 48%;
    height: 90px;
    box-sizing: border-box;
    padding: 10px 10px 10px 15px;
    margin: 0 15px 15px 0;
  }
}
@media (min-width: 1200px) {
  .hero-app-section .heroStickers .oneSticker {
    width: 23%;
    height: 90px;
  }
}
.logi-auth-header .header > .right {
  display: flex;
  align-items: center;
}
.logi-auth-header a.link {
  color: #000;
}
@media (min-width: 0px) {
  .logi-auth-header a.link {
    margin-right: 10px;
  }
}
@media (min-width: 1200px) {
  .logi-auth-header a.link {
    margin-right: 30px;
  }
}
.logi-auth-header .btn {
  font-weight: 600;
  font-size: 16px;
  color: #FFF;
  background-color: #000;
  padding: 11px 20px;
  border-radius: 4px;
  cursor: pointer;
}
.logistic-auth-section {
  background-color: #3fb5b4;
}
@media (min-width: 0px) {
  .logistic-auth-section {
    margin-top: 55px;
  }
}
@media (min-width: 940px) {
  .logistic-auth-section {
    margin-top: 0;
  }
}
.logistic-auth-section .auth-form-wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 0px) {
  .logistic-auth-section .auth-form-wrap {
    padding: 10px 0 300px;
  }
  .logistic-auth-section .auth-form-wrap > .sideText {
    padding-bottom: 20px;
  }
  .logistic-auth-section .auth-form-wrap > .auth-form {
    padding: 20px 10px;
  }
}
@media (min-width: 1200px) {
  .logistic-auth-section .auth-form-wrap {
    flex-direction: row;
    padding: 90px 0;
  }
  .logistic-auth-section .auth-form-wrap > .sideText {
    padding-bottom: 0;
    width: 30%;
  }
  .logistic-auth-section .auth-form-wrap > .auth-form {
    width: 40%;
    padding: 48px 44px;
  }
}
.logistic-auth-section .auth-form-wrap > .sideText {
  color: #FFF;
  font-size: 27px;
  font-weight: 100;
  padding-top: 40px;
  padding-right: 30px;
}
.logistic-auth-section .auth-form-wrap > .auth-form {
  background-color: #FFF;
  border-radius: 5px;
  box-sizing: border-box;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField {
  margin-bottom: 14px;
  position: relative;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > input,
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > textarea {
  font-size: 14px;
  padding: 10px 15px 11px;
  border: 0;
  outline: 0;
  border: 1px solid #DDD;
  border-radius: 5px;
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  resize: none;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > input.error,
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > textarea.error {
  border-color: red;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField.required::after {
  content: "*";
  color: red;
  display: inline-block;
  position: absolute;
  top: 5px;
  right: -12px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > .error .select-search {
  border-color: red;
}
.logistic-auth-section .auth-form-wrap > .auth-form .oneField > .fieldError {
  font-size: 12px;
  color: #cd601d;
  margin: 5px 3px 12px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .divider {
  border-top: 1px solid #DDD;
  margin-top: 0px;
  padding-top: 22px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .subtext {
  color: #949494;
  font-size: 11px;
  font-weight: 100;
  margin: 6px 0 0 18px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .submit-btn {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffc23b;
  color: #424242;
  border: 0;
  border-radius: 5px;
  padding: 8px 0;
  font-size: 16px;
  margin-top: 12px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .submit-btn:disabled {
  background-color: #DDD;
  color: #424242;
  cursor: not-allowed;
}
.logistic-auth-section .auth-form-wrap > .auth-form .footer-text {
  margin: 10px 0;
}
.logistic-auth-section .auth-form-wrap > .auth-form .pickUpSelect .select-search {
  border-radius: 5px;
  height: 42px;
  padding-top: 4px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .pickUpSelect .select-search input {
  font-size: 14px;
}
.logistic-auth-section .auth-form-wrap > .auth-form .pickUpSelect .select-search:after {
  margin-top: -10px !important;
}
.logistic-auth-section .auth-form-wrap > .auth-form .pickUpSelect .select-search .select-search-list-item_selection {
  margin-top: 7px;
}
.logistic-auth-section .auth-form-wrap .fb-btn {
  background-color: #4267b2;
  color: #FFF;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  padding: 8px 10px;
  font-size: 16px;
  border: 0;
  border-radius: 5px;
  background-image: url(/assets/images/facebook_bad_logo.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
  background-size: 33px;
  cursor: pointer;
}
.signup-phone-field {
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #DDD;
  border-radius: 5px;
  display: inline-flex;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.signup-phone-field > .ext {
  color: #8c8c8c;
  font-size: 14px;
  font-weight: 100;
  border-right: 1px solid #DDD;
  display: inline-block;
  padding: 4px 8px 4px 15px;
}
.signup-phone-field > input {
  font-size: 14px;
  padding: 10px 6px 11px;
  border: 0;
  outline: 0;
  flex: 1;
}
.signup-phone-field > .otp-btn {
  color: #0091ea;
  font-size: 14px;
  padding: 11px 15px 11px 10px;
  display: inline-block;
  border: 0;
  outline: 0;
  cursor: pointer;
  border-left: 1px solid #DDD;
  min-width: 70px;
}
.signup-phone-field > .otp-btn:disabled {
  color: #8c8c8c;
  background-color: #EEE;
  cursor: not-allowed;
}
@media (min-width: 0px) {
  .logi-auth-section {
    r: 0;
  }
}
@media (min-width: 940px) {
  .logi-auth-section {
    r: 0;
  }
}
@media (min-width: 1200px) {
  .logi-auth-section {
    r: 0;
  }
}
@media (min-width: 0px) {
  .sectionHeading {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.75);
    padding: 0 0 8px;
    font-weight: 600;
  }
}
@media (min-width: 940px) {
  .sectionHeading {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 600;
    font-size: 31px;
    padding: 15px 0 18px;
  }
}
@media (min-width: 1200px) {
  .sectionHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    padding: 15px 0 17px;
    font-weight: 600;
  }
}
.charge-calc-section {
  margin-bottom: 50px;
}
@media (min-width: 940px) {
  .charge-calc-section {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .charge-calc-section {
    margin-bottom: 100px;
  }
}
.charge-calc-section .sectionHeading {
  padding: 0 0 18px;
  text-align: center;
}
@media (min-width: 940px) {
  .charge-calc-section .sectionHeading {
    text-align: center;
    padding: 0 0 36px;
    font-size: 28px;
  }
}
@media (min-width: 1200px) {
  .charge-calc-section .sectionHeading {
    font-size: 32px;
  }
}
.charge-calc-section .calculator {
  border: 2px solid #D8D8D8;
  border-radius: 18px;
  padding: 15px 0 0;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator {
    padding: 10px 0 0;
  }
}
.charge-calc-section .calculator oi-select.logix {
  margin-bottom: 20px;
}
.charge-calc-section .calculator oi-select.logix li.select-search-list-item_selection {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.56);
}
@media (min-width: 940px) {
  .charge-calc-section .calculator oi-select.logix {
    margin-bottom: 0;
  }
}
.charge-calc-section .calculator > .toolRow {
  padding: 0 10px;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow {
    display: flex;
    align-items: center;
    padding: 0 20px 40px;
  }
}
@media (min-width: 1200px) {
  .charge-calc-section .calculator > .toolRow {
    padding: 0 150px 40px;
  }
}
.charge-calc-section .calculator > .toolRow > label {
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 5px;
  display: block;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow > label {
    width: 530px;
    margin-bottom: 0;
    font-size: 18px;
  }
}
@media (min-width: 1200px) {
  .charge-calc-section .calculator > .toolRow > label {
    width: 730px;
  }
}
.charge-calc-section .calculator > .toolRow > .toolWrap {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow > .toolWrap {
    width: 100%;
  }
}
.charge-calc-section .calculator > .toolRow > .toolWrap .weight {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.25;
  color: rgba(0, 0, 0, 0.75);
  width: 80px;
  text-align: right;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow > .toolWrap .weight {
    width: 240px;
    text-align: left;
    margin-left: 50px;
    box-sizing: border-box;
    font-size: 34px;
    font-family: Lato;
    line-height: 0.8;
  }
}
.charge-calc-section .calculator > .toolRow.areaButtons {
  justify-content: space-evenly;
  padding: 10px 20px;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow.areaButtons {
    padding: 10px 20px 40px;
  }
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow.areaButtons {
    padding: 30px 20px 40px;
    justify-content: center;
  }
}
.charge-calc-section .calculator > .toolRow.areaButtons > button {
  border: 2px solid #DBDEE7;
  background-color: #F4F4F6;
  border-radius: 10px;
  padding: 8px 10px;
  width: 200px;
  outline: 0;
  cursor: pointer;
}
.charge-calc-section .calculator > .toolRow.areaButtons > button.active {
  cursor: default;
  background-color: rgba(63, 181, 180, 0.1);
  border-color: #3FB5B4;
  color: rgba(0, 0, 0, 0.75);
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .toolRow.areaButtons > button {
    margin: 0 15px;
  }
}
.charge-calc-section .calculator > .feeWrap {
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  overflow: hidden;
  margin-top: 26px;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .feeWrap {
    margin-top: 0;
    display: flex;
    width: 100%;
    align-items: stretch;
    height: 70px;
  }
}
.charge-calc-section .calculator > .feeWrap .title {
  background-color: #FCD201;
  padding: 5px 0;
  text-align: center;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .feeWrap .title {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.56);
    width: 320px;
    height: 100%;
    padding: 23px 0 0;
  }
}
.charge-calc-section .calculator > .feeWrap .result {
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.56);
  background-color: #3FB5B4;
  padding: 12px 0;
  text-align: center;
  color: #FFF;
  flex: 1;
}
@media (min-width: 940px) {
  .charge-calc-section .calculator > .feeWrap .result {
    padding: 23px 0 0;
    font-size: 34px;
    font-weight: 500;
  }
}
@media (min-width: 0px) {
  .repay-section {
    background-color: #FFC929;
  }
}
@media (min-width: 940px) {
  .repay-section {
    background: linear-gradient(90deg, #FFC929 50%, white 50%);
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .repay-section {
    background: linear-gradient(90deg, #FFC929 50%, white 50%);
    margin-bottom: 100px;
  }
}
@media (min-width: 940px) {
  .repay-section .site-container {
    background: linear-gradient(90deg, #FFC929 614px, white 614px);
  }
}
@media (min-width: 1200px) {
  .repay-section .site-container {
    background: linear-gradient(90deg, #FFC929 880px, white 880px);
  }
}
@media (min-width: 0px) {
  .repay-section .infoWrap {
    padding: 55px 0 50px;
  }
}
@media (min-width: 940px) {
  .repay-section .infoWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 50px 0 50px;
  }
}
@media (min-width: 1200px) {
  .repay-section .infoWrap {
    padding: 45px 0 42px;
  }
}
.repay-section .repayPitch {
  margin-bottom: 50px;
}
@media (min-width: 940px) {
  .repay-section .repayPitch {
    width: 345px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .repay-section .repayPitch {
    width: 560px;
  }
}
@media (min-width: 0px) {
  .repay-section .repayPitch .sectionHeading {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.75);
    padding: 0 0 8px;
    font-weight: 600;
  }
}
@media (min-width: 940px) {
  .repay-section .repayPitch .sectionHeading {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 600;
    font-size: 31px;
    padding: 15px 0 18px;
  }
}
@media (min-width: 1200px) {
  .repay-section .repayPitch .sectionHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    color: rgba(0, 0, 0, 0.75);
    padding: 15px 0 17px;
    font-weight: 600;
  }
}
@media (min-width: 0px) {
  .repay-section .repayPitch .sectionPara {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 18px;
  }
}
@media (min-width: 940px) {
  .repay-section .repayPitch .sectionPara {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.75);
    margin-bottom: 38px;
  }
}
@media (min-width: 1200px) {
  .repay-section .repayPitch .sectionPara {
    margin-bottom: 40px;
  }
}
.repay-section .repayPitch a.moreTerms {
  color: #7762AF;
  font-weight: 600;
  font-size: 14px;
  background-image: url(/logistics/right-arrow-purple.png);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px	;
  text-decoration: none;
}
.repay-section .repayPitch p.fineprint {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
.repay-section .repayHero {
  display: flex;
  align-items: center;
  justify-content: center;
}
.repay-section .repayHero img {
  display: block;
}
@media (min-width: 0px) {
  .delvtime-section {
    background-color: #F9F9F9;
  }
}
@media (min-width: 940px) {
  .delvtime-section {
    background: linear-gradient(270deg, #F9F9F9 50%, white 50%);
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .delvtime-section {
    margin-bottom: 100px;
  }
}
@media (min-width: 940px) {
  .delvtime-section .site-container {
    background: linear-gradient(270deg, #F9F9F9 614px, white 614px);
  }
}
@media (min-width: 1200px) {
  .delvtime-section .site-container {
    background: linear-gradient(270deg, #F9F9F9 880px, white 880px);
  }
}
@media (min-width: 0px) {
  .delvtime-section .infoWrap {
    padding: 35px 0 40px;
    display: flex;
    flex-direction: column-reverse;
  }
}
@media (min-width: 940px) {
  .delvtime-section .infoWrap {
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .delvtime-section .infoWrap {
    padding: 40px 0 40px;
  }
}
.delvtime-section .infoWrap .delvtimeHero {
  text-align: center;
}
@media (min-width: 940px) {
  .delvtime-section .infoWrap .delvtimePitch {
    padding: 60px 0 0;
  }
}
@media (min-width: 1200px) {
  .delvtime-section .infoWrap .delvtimePitch {
    padding: 20px 50px 0 0;
  }
}
@media (min-width: 0px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionHeading {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    font-size: 23px;
    padding: 18px 0 22px;
  }
}
@media (min-width: 940px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionHeading {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    padding: 15px 0 28px;
  }
}
@media (min-width: 1200px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    padding: 15px 0 24px;
  }
}
.delvtime-section .infoWrap .delvtimePitch .sectionPoints .onePoint {
  display: flex;
  align-content: center;
  justify-content: flex-start;
  /* &:last-child {
						margin-bottom: 0;
					} */
}
@media (min-width: 0px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionPoints .onePoint {
    padding: 0 0 15px;
  }
}
@media (min-width: 940px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionPoints .onePoint {
    padding: 0 0 25px;
  }
}
@media (min-width: 1200px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionPoints .onePoint {
    padding: 0 0 16px;
  }
}
.delvtime-section .infoWrap .delvtimePitch .sectionPoints .onePoint .icon {
  padding-top: 8px;
}
.delvtime-section .infoWrap .delvtimePitch .sectionPoints .pointTexts {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  padding: 2px 0 0 22px;
}
@media (min-width: 940px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionPoints .pointTexts {
    width: 280px;
  }
}
@media (min-width: 1200px) {
  .delvtime-section .infoWrap .delvtimePitch .sectionPoints .pointTexts {
    width: 404px;
  }
}
.delvtime-section .infoWrap .delvtimePitch .sectionPoints .pointTexts .title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.75);
  font-weight: 600;
}
.delvtime-section .infoWrap .delvtimePitch .sectionPoints .pointTexts .text {
  color: rgba(0, 0, 0, 0.75);
}
.dlvreg-section .regWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 0px) {
  .dlvreg-section .regWrap {
    margin-bottom: 34px;
  }
}
@media (min-width: 940px) {
  .dlvreg-section .regWrap {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .dlvreg-section .regWrap {
    margin-bottom: 100px;
  }
}
@media (min-width: 0px) {
  .dlvreg-section .regWrap .sectionHeading {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
    padding: 0 0 8px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
  }
}
@media (min-width: 940px) {
  .dlvreg-section .regWrap .sectionHeading {
    font-weight: 500;
    font-size: 28px;
    line-height: 1.21;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 600;
    padding: 0 0 12px;
  }
}
@media (min-width: 1200px) {
  .dlvreg-section .regWrap .sectionHeading {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.19;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.75);
    padding: 0 0 12px;
  }
}
.dlvreg-section .regWrap p.para {
  margin-bottom: 30px;
}
@media (min-width: 0px) {
  .dlvreg-section .regWrap p.para {
    font-size: 15px;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.75);
  }
}
@media (min-width: 940px) {
  .dlvreg-section .regWrap p.para {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.56);
    color: rgba(0, 0, 0, 0.75);
  }
}
.dlvreg-section .regWrap .regButton {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.57;
  color: rgba(0, 0, 0, 0.95);
  background-color: #FFC929;
  padding: 13px 10px 12px;
  box-sizing: border-box;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
  max-width: 300px;
}
ul.logi-bullets {
  list-style: none;
}
ul.logi-bullets li {
  background-image: url(/logistics/bullet.png);
  background-repeat: no-repeat;
  background-position: left 9px;
  padding-left: 21px;
  margin-bottom: 7px;
  font-size: 15px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.56);
}
@media (min-width: 940px) {
  ul.logi-bullets li {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.56);
    font-size: 18px;
    margin-bottom: 18px;
  }
}
@media (min-width: 940px) {
  ul.logi-bullets li {
    margin-bottom: 8px;
  }
}
oi-select.logix .select-search {
  padding: 7px 10px;
  border-radius: 5px;
  height: 46px;
}
oi-select.logix .select-search:after {
  margin-top: -16px !important;
}
oi-select.logix .select-search .select-search-list-item_input input {
  height: 30px;
  font-size: 17px;
}
.rzslider.shopup-slider {
  margin: 10px 0;
}
.rzslider.shopup-slider .rz-bar {
  background-color: #dfe0e4;
  height: 10px;
  border-radius: 10px;
}
.rzslider.shopup-slider .rz-bar.rz-selection {
  background: #00bbd3;
}
.rzslider.shopup-slider .rz-pointer {
  background-color: #00bbd3 !important;
  width: 30px;
  height: 30px;
}
.rzslider.shopup-slider .rz-pointer:after {
  background-color: #00bbd3 !important;
}
.capital-initiate {
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.capital-initiate h3 {
  margin-bottom: 8px;
}
.capital-initiate h4 {
  margin-top: 10px;
  text-align: left;
}
.capital-initiate p {
  padding-bottom: 20px;
}
.capital-initiate .capital-form p {
  text-align: left;
  padding-bottom: 5px;
}
.capital-initiate .capital-form .capital-input input {
  width: 100%;
}
.capital-initiate .capital-form .form-button {
  float: left;
  margin-top: 25px;
}
.capital-initiate .capital-form .form-button input {
  padding: 0px 36px;
}
.capital-initiate .capital-form .form-button .agreement {
  margin-top: 32px;
}
.capital-initiate .capital-form .option {
  float: left;
  margin-top: 5px;
  width: 100%;
  text-align: left;
}
.capital-initiate .capital-form .option:first-child {
  margin-top: 0;
}
@media (max-width: 592px) {
  .capital-initiate {
    width: 100%;
  }
}
.capital-finiliaze {
  text-align: center;
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 592px) {
  .capital-finiliaze {
    width: 100%;
  }
}
.coupon-list-holder {
  overflow: hidden;
}
.coupon-list-holder .coupon-list-table {
  width: 100%;
  padding: 10px 10px;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list-table {
    padding: 0px;
  }
}
.coupon-list-holder .coupon-list {
  width: 100%;
  float: left;
}
@media (max-width: 880px) {
  .coupon-list-holder .coupon-list {
    font-size: 12px;
    line-height: 24px;
  }
}
.coupon-list-holder .coupon-list .coupon {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px 10px;
  box-sizing: border-box;
  border-top: 1px solid #e9ebee;
  color: #fff;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon {
    padding: 10px 10px 0px 10px;
  }
}
.coupon-list-holder .coupon-list .coupon:last-child {
  border-bottom: 1px solid #e9ebee;
}
.coupon-list-holder .coupon-list .coupon .element {
  color: #4B4F56;
  float: left;
  font-size: 12px;
  font-weight: normal;
  overflow: hidden;
}
.coupon-list-holder .coupon-list .coupon .element img {
  height: 18px;
  width: 18px;
  cursor: pointer;
  padding-left: 5px;
}
.coupon-list-holder .coupon-list .coupon .element .info {
  font-size: 12px;
  padding-right: 10px;
  word-break: break-all;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element .info {
    font-size: 14px;
  }
}
.coupon-list-holder .coupon-list .coupon .element .status {
  text-transform: capitalize;
}
.coupon-list-holder .coupon-list .coupon .element.coupon-name {
  cursor: pointer;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.coupon-name {
    width: 80%;
  }
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.coupon-discount {
    width: 100%;
  }
}
.coupon-list-holder .coupon-list .coupon .element.coupon-discount .center-text {
  text-align: center;
  padding-left: 30px;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.coupon-discount .center-text {
    padding-left: 10px;
  }
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.coupon-validity {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.coupon-status {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element.print-logo {
    width: 20%;
  }
  .coupon-list-holder .coupon-list .coupon .element.print-logo img {
    float: right;
  }
}
.coupon-list-holder .coupon-list .coupon .element .center {
  text-align: center;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .element h6 {
    line-height: 22px;
    font-size: 14px;
  }
  .coupon-list-holder .coupon-list .coupon .element p {
    line-height: 22px;
    font-size: 12px;
  }
}
.coupon-list-holder .coupon-list .coupon .center {
  text-align: center;
}
@media (max-width: 800px) {
  .coupon-list-holder .coupon-list .coupon .center {
    text-align: left;
  }
}
.coupon-create {
  width: 100%;
  height: 500px;
}
.coupon-create .coupon-form {
  width: 65%;
  height: 500px;
  float: left;
}
.coupon-create .coupon-form .element {
  width: 100%;
  height: auto;
  padding: 5px 5px 10px 0px;
}
.coupon-create .coupon-form .element p {
  margin-bottom: 5px;
  color: #90949c;
  text-align: left;
}
.coupon-create .coupon-form .element a {
  text-decoration: none;
  cursor: pointer;
}
.coupon-create .coupon-form .element .full {
  width: 100%;
}
.coupon-create .coupon-form .element .half {
  width: 48%;
  float: left;
}
.coupon-create .coupon-form .element .left {
  float: left;
}
.coupon-create .coupon-form .element .right {
  float: right;
}
.coupon-create .coupon-form .element .option {
  width: 100px;
  float: left;
  padding-top: 5px;
}
.coupon-create .coupon-form .element.generate {
  cursor: pointer;
}
.coupon-create .coupon-form .element.top {
  margin-top: 20px;
}
.coupon-create .coupon-form .element .discount-dropdown {
  width: 50%;
  height: 35px;
}
.coupon-create .coupon-form .element .discount-dropdown .title {
  float: left;
  color: #90949c;
  font-weight: normal;
}
.coupon-create .coupon-form .element .discount-dropdown .caret {
  float: right;
}
.coupon-create .coupon-form .element ul li a {
  color: #90949c;
}
.coupon-create .coupon-form .element ul li a:hover {
  color: #fff;
}
.coupon-create .coupon-form .element .discount-checkbox {
  margin-top: 5px;
}
.coupon-create .discount-summary {
  width: 34%;
  height: 500px;
  float: left;
}
.coupon-create .discount-summary .summary {
  width: 90%;
  height: 100px;
  background-color: #f9f9f9;
  margin-left: 20px;
  margin-top: 30px;
  padding: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.coupon-create .discount-summary .summary h4,
.coupon-create .discount-summary .summary p {
  margin-left: 10px;
  padding-bottom: 5px;
}
.discount-card-holder {
  width: 100%;
  height: 500px;
}
.discount-card-holder .card-design-form {
  padding-top: 30px;
  width: 35%;
  float: left;
}
@media (max-width: 880px) {
  .discount-card-holder .card-design-form {
    width: 100%;
  }
}
.discount-card-holder .card-design-form .element {
  color: #4B4F56;
  padding: 0px 20px;
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-form .element input {
    font-size: 14px;
    height: 36px;
  }
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-form .element button {
    font-size: 14px;
    height: 36px;
    padding-top: 8px;
  }
}
.discount-card-holder .card-design-form .element p {
  padding-bottom: 10px;
}
.discount-card-holder .card-design-form .element .note {
  font-size: 12px;
  padding-top: 5px;
}
.discount-card-holder .card-design-form .element .full {
  width: 100%;
}
.discount-card-holder .card-design-form .element .half {
  width: 75%;
}
.discount-card-holder .card-design-form .element .upload-btn {
  margin-left: -4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  float: left;
}
@media (max-width: 880px) {
  .discount-card-holder .card-design-form .element .upload-btn {
    width: 20%;
  }
}
.discount-card-holder .card-design-form .element .upload-input {
  float: left;
}
@media (max-width: 880px) {
  .discount-card-holder .card-design-form .element .upload-input {
    width: 80%;
  }
}
.discount-card-holder .card-design-form .element .upload-note {
  float: left;
  width: 100%;
}
.discount-card-holder .card-design-form .element .enable {
  font-size: 14px;
  font-weight: bold;
  float: left;
  width: 100%;
}
.discount-card-holder .card-design-form .element.top {
  margin-top: 20px;
}
.discount-card-holder .card-design-form .element .right-space {
  margin-right: 5px;
}
.discount-card-holder .card-design-form .element .left {
  float: left;
  margin-top: 20px;
  margin-right: 10px;
}
.discount-card-holder .card-design-holder {
  width: 65%;
  float: left;
}
@media (max-width: 880px) {
  .discount-card-holder .card-design-holder {
    width: 100%;
  }
}
.discount-card-holder .card-design-holder .card-design {
  margin-top: 10px;
  padding: 20px;
}
.discount-card-holder .card-design-holder .card-design p {
  margin-bottom: 10px;
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-holder .card-design {
    padding: 0px;
  }
}
.discount-card-holder .card-design-holder .card-design .card {
  width: 100%;
  height: 258px;
  border: 1px solid #000;
  /*background-color: #3a3a3a;*/
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-holder .card-design .card {
    height: 240px;
    width: 380px;
  }
}
.discount-card-holder .card-design-holder .card-design .card .logo {
  padding-left: 20px;
  padding-top: 20px;
}
.discount-card-holder .card-design-holder .card-design .card .logo img {
  border-radius: 50%;
  border: 5px solid #fff;
  height: 60px;
  width: 60px;
}
.discount-card-holder .card-design-holder .card-design .coupon-number {
  margin-left: 20px;
  margin-top: 20px;
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-holder .card-design .coupon-number {
    margin-top: 10px;
  }
}
.discount-card-holder .card-design-holder .card-design .coupon-number .title {
  font-weight: bold;
}
.discount-card-holder .card-design-holder .card-design .coupon-number h1 {
  font-size: 40px;
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-holder .card-design .coupon-number h1 {
    font-size: 30px;
    margin-top: 5px;
    padding-top: 0px;
    line-height: 45px;
  }
}
.discount-card-holder .card-design-holder .card-design .validity {
  margin-left: 20px;
}
@media (max-width: 592px) {
  .discount-card-holder .card-design-holder .card-design .validity {
    margin-top: 5px;
  }
}
.discount-card-holder .card-design-holder .card-design .validity .valid-from {
  width: 25%;
  float: left;
}
.discount-card-holder .card-design-holder .card-design .validity .valid-from .title {
  font-weight: bold;
}
.discount-card-holder .card-design-holder .card-design .validity .valid-from h2 {
  padding-top: 5px;
  /*color: #fff;*/
  font-size: 22px;
}
.discount-card-holder .card-design-holder .card-design .validity .valid-to {
  width: 25%;
  float: left;
}
.discount-card-holder .card-design-holder .card-design .validity .valid-to .title {
  /*color: #77787b;*/
  font-weight: bold;
}
.discount-card-holder .card-design-holder .card-design .validity .valid-to h2 {
  padding-top: 5px;
  /*color: #fff;*/
  font-size: 22px;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by {
  width: 50%;
  float: left;
  padding-top: 10px;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by .shopUp {
  float: right;
  width: 120px;
  vertical-align: top;
  margin-right: 15px;
  margin-top: -5px;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by .shopUp div {
  display: table;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by .shopUp div img {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by .shopUp div div {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-right: 5px;
}
.discount-card-holder .card-design-holder .card-design .validity .powered-by .shopUp div .title {
  color: #77787b;
  font-weight: bold;
  padding-top: 20px;
}
.coupon-actions {
  width: 100%;
  margin-top: 50px;
}
.coupon-actions .right {
  float: right;
}
.coupon-actions .right.print {
  margin-right: 5px;
}
.coupon-button {
  padding-left: 5px;
}
.cert {
  width: 1200px;
  height: 823px;
  margin: 0 auto;
  border: 1px solid #DDD;
  position: relative;
}
.decor img {
  width: 360px;
  height: auto;
}
.recognition {
  width: 1200px;
  margin-top: -350px;
  text-align: center;
}
.recognition .announcement {
  padding-top: 108px;
}
.recognition .announcement h1 {
  font-size: 54px;
  font-family: Futura, "sans-serif", helvetica;
  padding-bottom: 8px;
}
.recognition .announcement span {
  color: #808080;
  font-size: 24px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.recognition .shop {
  margin-top: 70px;
}
.recognition .shop h1 {
  font-size: 45px;
  font-family: Futura, "sans-serif", helvetica;
  padding-bottom: 8px;
}
.recognition .shop h2 {
  color: #808080;
  font-size: 32px;
  font-family: Futura, "sans-serif", helvetica;
  padding-bottom: 8px;
}
.recognition .status {
  margin-top: 52px;
}
.recognition .status span {
  color: #808080;
  font-size: 24px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.recognition .status h1 {
  color: #00bbd3;
  font-size: 45px;
  font-family: Futura, "sans-serif", helvetica;
  padding-bottom: 8px;
}
.recognition .qr {
  margin-top: 40px;
}
.recognition .qr img {
  width: 180px;
  margin-bottom: 6px;
}
.recognition .qr span {
  color: #808080;
  font-size: 24px;
  font-family: 'Roboto', helvetica, arial, sans-serif;
}
.recognition .super-seller-badge {
  position: absolute;
  right: 24px;
  margin-top: -96px;
}
.recognition .super-seller-badge img {
  width: 134px;
}
.typeahead-popup-wrapper {
  position: absolute;
  z-index: 1000;
  background: white;
}
.typeahead-popup-wrapper ul.dropdown-menu-typeahead {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.typeahead-popup-wrapper ul.dropdown-menu-typeahead li {
  padding: 9px;
}
.typeahead-popup-wrapper ul.dropdown-menu-typeahead li.active {
  background: #365899;
  color: white;
}
.typeahead-popup-wrapper.area {
  width: 90%;
  max-width: 300px;
}
@media (max-width: 800px) {
  .typeahead-popup-wrapper.area {
    max-width: 100%;
  }
}
.typeahead-popup-wrapper.area ul.dropdown-menu-typeahead {
  width: 90%;
  font-size: 14px;
  padding: 4px;
  margin: 0;
  overflow-y: auto;
  height: 290px;
}
@media (max-width: 800px) {
  .typeahead-popup-wrapper.area ul.dropdown-menu-typeahead {
    width: 100%;
    box-sizing: border-box;
  }
}
.typeahead-popup-wrapper.area ul.dropdown-menu-typeahead li {
  padding: 7px;
}
.typeahead-popup-wrapper.area ul.dropdown-menu-typeahead li .zone-name {
  font-size: 12px;
  padding-bottom: 10px;
  font-weight: 500;
  padding-top: 10px;
  text-transform: uppercase;
  color: #90949c;
}
.typeahead-popup-wrapper.area ul.dropdown-menu-typeahead li .area-name {
  padding-left: 5px;
  font-size: 14px;
}
.typeahead-popup-wrapper.area ul.dropdown-menu-typeahead span strong {
  font-weight: 700;
  font-size: 13px;
}
.appraisal-wrap h6 {
  width: 100%;
  padding-bottom: 8px;
  padding-top: 8px;
}
.appraisal-wrap .checks {
  padding-top: 10px;
}
.appraisal-wrap .steps-container {
  text-align: center;
  color: #1d2129;
  padding-top: 48px;
}
.appraisal-wrap .steps-container .steps-indicator {
  margin-top: 28px;
  padding-bottom: 30px;
}
@media screen and (max-width: 800px) {
  .appraisal-wrap .steps-container .steps-indicator {
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .appraisal-wrap .steps-container .steps-indicator .line {
    width: 38px;
  }
}
.appraisal-wrap .empty-elements h3 {
  text-align: center;
}
.appraisal-wrap .empty-elements p {
  text-align: center;
}
.appraisal-wrap .selectedAmount {
  font-size: 42px;
}
.appraisal-wrap .long-text p {
  margin-left: 20px;
}
.appraisal-wrap input[type="radio"] + label {
  white-space: nowrap;
}
.appraisal-wrap input[type="checkbox"] + label.long-text span,
.appraisal-wrap input[type="checkbox"] + label.long-text span {
  float: left;
  margin: 4px 8px 0 0;
}
.appraisal-wrap input[type="checkbox"] + label.long-text span + div,
.appraisal-wrap input[type="checkbox"] + label.long-text span + div {
  margin-left: 20px;
}
.appraisal-wrap .margin-right-10 {
  margin-right: 10px;
}
.appraisal-wrap .infoForm input,
.appraisal-wrap .infoForm .input {
  width: 100%;
  margin-bottom: 10px;
}
.appraisal-wrap .infoForm .form-section input,
.appraisal-wrap .infoForm .form-section .input {
  margin-bottom: 15px;
}
.appraisal-wrap .infoForm .dropdown button {
  width: 100%;
  text-align: right;
  padding: 14px 10px 12px;
}
.appraisal-wrap .infoForm .dropdown button span:first-child {
  font-weight: normal;
}
.appraisal-wrap .infoForm .select {
  width: 100%;
  height: 36px;
}
.appraisal-wrap .infoForm .select select {
  width: 100%;
  height: 36px;
}
.appraisal-wrap .infoForm .devider {
  margin-top: 6px;
  margin-bottom: 6px;
}
.appraisal-wrap .infoForm .image-input-wrap {
  height: 32px;
  text-align: left;
  margin-bottom: 10px;
  border: 1px solid #e9ebee;
  position: relative;
}
.appraisal-wrap .infoForm .image-input-wrap label {
  margin: 6px 0 0 10px;
  display: inline-block;
  color: #c2c0c0;
  font-size: 15px;
  font-weight: 100;
}
.appraisal-wrap .infoForm .image-input-wrap input[type="file"] {
  opacity: 0.01;
  background: transparent;
  position: absolute;
  cursor: pointer;
  z-index: 1;
}
.appraisal-wrap .infoForm .image-input-wrap button {
  padding: 12px 18px 11px;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 0;
}
@media screen and (max-width: 800px) {
  .appraisal-wrap .infoForm .image-input-wrap {
    height: 39px;
  }
  .appraisal-wrap .infoForm .image-input-wrap label {
    margin-top: 11px;
  }
}
@media screen and (max-width: 700px) {
  .appraisal-wrap [class*="col-size-"] {
    width: 100%;
  }
}
.appraisal-wrap .loan-calc-title {
  font-weight: 300;
  font-size: 18px;
}
.appraisal-wrap .loan-calc {
  border: 1px solid #e9ebee;
  border-radius: 4px;
  padding: 25px;
  /* width: 520px; */
  box-sizing: border-box;
}
.appraisal-wrap .loan-calc .sliders {
  box-sizing: border-box;
}
.appraisal-wrap .loan-calc .sliders.amount {
  padding-right: 12px;
}
.appraisal-wrap .loan-calc .sliders.tenure {
  padding-left: 12px;
}
.appraisal-wrap .loan-calc .sliders .bigTxt {
  font-size: 34px;
  font-weight: bold;
}
@media (max-width: 550px) {
  .appraisal-wrap .loan-calc {
    width: 100%;
    padding: 20px;
  }
  .appraisal-wrap .loan-calc.amount {
    padding-right: 0;
  }
  .appraisal-wrap .loan-calc.tenure {
    padding-left: 0;
  }
}
@media (max-width: 420px) {
  .appraisal-wrap {
    /* width: 100%;
		padding: 20px; */
  }
  .appraisal-wrap .hide-420-down {
    display: none;
  }
}
.appraisal-wrap .text-tgreen {
  color: #42b72a;
}
.appraisal-wrap .text-tsilver {
  color: #c0c0c0;
}
.appraisal-wrap .text-gray {
  color: #dfe0e4;
}
.appraisal-wrap .text-gray-lighter {
  color: #f6f7f9;
}
oi-select {
  display: block;
  position: relative;
  width: 100%;
}
oi-select .select-search {
  cursor: text;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  overflow: hidden !important;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
}
oi-select .select-search-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0;
  padding: 0 0;
  list-style: none;
}
oi-select .select-search-list-item {
  font-size: 14px;
  margin: 2px 4px 2px 0;
  vertical-align: middle;
  white-space: normal;
}
oi-select .select-search-list-item_selection {
  cursor: pointer;
  background: #efefef;
  border-color: #ebebeb;
}
oi-select .select-search-list-item_selection:hover {
  border-color: #e5e5e5;
}
oi-select .select-search-list-item_selection:active,
oi-select .select-search-list-item_selection.focused {
  border: 1px solid #fff;
  border-radius: 0;
  box-shadow: inset 0 0 10px 5px #fff;
}
oi-select .select-search-list-item_selection.focused .close {
  display: none;
}
oi-select .select-search-list-item_selection-remove {
  padding-left: 2px;
}
oi-select .select-search-list-item_loader {
  float: right;
  margin-top: 6px;
  width: 16px;
  height: 16px;
  background: top url("data:image/gif;base64,R0lGODlhEAAQAPYAAP///wAAANTU1JSUlGFhYUFBQUVFRW9vb6Kiotzc3KSkpCUlJSkpKTExMTc3Nz8/P2tra7q6uh0dHXNzc+zs7O7u7sLCwoqKilFRUV9fX76+vtDQ0Ds7OxcXF4yMjKqqql1dXX19feLi4oaGhg8PD2lpaZycnGdnZ7a2tkdHRwsLC7CwsJaWlhkZGQcHB+jo6PT09Hl5eYSEhPb29oKCgqioqPr6+vz8/MDAwMrKyvj4+NbW1q6urvDw8NLS0uTk5N7e3s7OzsbGxry8vODg4NjY2PLy8tra2nt7e7S0tLKysk1NTVNTU1tbW2NjY0NDQz09PcTExHd3dzMzM+rq6isrK46OjllZWS0tLR8fH6CgoE9PTxMTE4iIiGVlZTU1NcjIyMzMzObm5ri4uH9/f5KSkp6enldXV5CQkEtLS0lJSSMjI6amphEREQ0NDaysrAUFBZqamicnJxUVFTk5OXV1dS8vLwkJCXFxcSEhIVVVVW1tbYCAgAAAAAAAAAAAACH5BAkKAAAAIf4aQ3JlYXRlZCB3aXRoIGFqYXhsb2FkLmluZm8AIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAAHjYAAgoOEhYUbIykthoUIHCQqLoI2OjeFCgsdJSsvgjcwPTaDAgYSHoY2FBSWAAMLE4wAPT89ggQMEbEzQD+CBQ0UsQA7RYIGDhWxN0E+ggcPFrEUQjuCCAYXsT5DRIIJEBgfhjsrFkaDERkgJhswMwk4CDzdhBohJwcxNB4sPAmMIlCwkOGhRo5gwhIGAgAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYU7A1dYDFtdG4YAPBhVC1ktXCRfJoVKT1NIERRUSl4qXIRHBFCbhTKFCgYjkII3g0hLUbMAOjaCBEw9ukZGgidNxLMUFYIXTkGzOmLLAEkQCLNUQMEAPxdSGoYvAkS9gjkyNEkJOjovRWAb04NBJlYsWh9KQ2FUkFQ5SWqsEJIAhq6DAAIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhQkKE2kGXiwChgBDB0sGDw4NDGpshTheZ2hRFRVDUmsMCIMiZE48hmgtUBuCYxBmkAAQbV2CLBM+t0puaoIySDC3VC4tgh40M7eFNRdH0IRgZUO3NjqDFB9mv4U6Pc+DRzUfQVQ3NzAULxU2hUBDKENCQTtAL9yGRgkbcvggEq9atUAAIfkECQoAAAAsAAAAABAAEAAAB4+AAIKDhIWFPygeEE4hbEeGADkXBycZZ1tqTkqFQSNIbBtGPUJdD088g1QmMjiGZl9MO4I5ViiQAEgMA4JKLAm3EWtXgmxmOrcUElWCb2zHkFQdcoIWPGK3Sm1LgkcoPrdOKiOCRmA4IpBwDUGDL2A5IjCCN/QAcYUURQIJIlQ9MzZu6aAgRgwFGAFvKRwUCAAh+QQJCgAAACwAAAAAEAAQAAAHjIAAgoOEhYUUYW9lHiYRP4YACStxZRc0SBMyFoVEPAoWQDMzAgolEBqDRjg8O4ZKIBNAgkBjG5AAZVtsgj44VLdCanWCYUI3txUPS7xBx5AVDgazAjC3Q3ZeghUJv5B1cgOCNmI/1YUeWSkCgzNUFDODKydzCwqFNkYwOoIubnQIt244MzDC1q2DggIBACH5BAkKAAAALAAAAAAQABAAAAeJgACCg4SFhTBAOSgrEUEUhgBUQThjSh8IcQo+hRUbYEdUNjoiGlZWQYM2QD4vhkI0ZWKCPQmtkG9SEYJURDOQAD4HaLuyv0ZeB4IVj8ZNJ4IwRje/QkxkgjYz05BdamyDN9uFJg9OR4YEK1RUYzFTT0qGdnduXC1Zchg8kEEjaQsMzpTZ8avgoEAAIfkECQoAAAAsAAAAABAAEAAAB4iAAIKDhIWFNz0/Oz47IjCGADpURAkCQUI4USKFNhUvFTMANxU7KElAhDA9OoZHH0oVgjczrJBRZkGyNpCCRCw8vIUzHmXBhDM0HoIGLsCQAjEmgjIqXrxaBxGCGw5cF4Y8TnybglprLXhjFBUWVnpeOIUIT3lydg4PantDz2UZDwYOIEhgzFggACH5BAkKAAAALAAAAAAQABAAAAeLgACCg4SFhjc6RhUVRjaGgzYzRhRiREQ9hSaGOhRFOxSDQQ0uj1RBPjOCIypOjwAJFkSCSyQrrhRDOYILXFSuNkpjggwtvo86H7YAZ1korkRaEYJlC3WuESxBggJLWHGGFhcIxgBvUHQyUT1GQWwhFxuFKyBPakxNXgceYY9HCDEZTlxA8cOVwUGBAAA7");
}
oi-select .select-search-list-item_input {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 0 0 0;
}
oi-select .select-search-list-item_input input {
  padding: 0 0 0 8px;
  outline: 0;
  border: 0;
  width: 100%;
  margin: 0;
}
oi-select .select-search-list-item_hide {
  position: fixed;
  width: 0;
  height: 0;
  margin: 0;
  opacity: 0;
  pointer-events: none;
  text-indent: -9999em;
}
oi-select .select-dropdown {
  position: absolute;
  width: inherit;
  overflow-y: scroll;
  max-height: 150px;
  min-width: 160px;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #66afe9;
  border-top: 0;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  background-clip: padding-box;
  z-index: 1000;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  oi-select .select-dropdown {
    max-height: 100px;
  }
}
oi-select .select-dropdown-optgroup {
  margin: 0;
  padding: 0;
}
oi-select .select-dropdown-optgroup-header {
  font-weight: bolder;
  padding: 8px 10px;
}
oi-select .select-dropdown-optgroup-option {
  padding: 5px 20px;
}
oi-select .select-dropdown-optgroup-option.active:not(.disabled) {
  background-color: #f1f1f1;
  cursor: pointer;
}
oi-select .select-dropdown-optgroup-option.disabled {
  color: #aaa;
}
oi-select:not(.multiple) .select-search-list-item_selection {
  color: #000;
  width: 100%;
  border-color: #fff;
  text-align: left;
}
oi-select:not(.multiple) .select-search-list-item_selection:not(:active) {
  background: none;
}
oi-select:not(.multiple):not(.cleanMode) .select-search-list-item_selection-remove {
  display: none;
}
oi-select:not(.multiple):not(.cleanMode) .select-search:after {
  content: "";
  position: absolute;
  display: block;
  right: 10px;
  width: 0;
  height: 0;
  margin-top: -19px;
  border-color: #000 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
}
oi-select[disabled="disabled"] .select-search {
  cursor: not-allowed;
  background: #eee;
  border: 1px solid #bdbdbd;
  opacity: 0.5;
}
oi-select[disabled="disabled"] .select-search-list-item_selection {
  cursor: not-allowed;
  box-shadow: none;
  border-color: transparent;
}
oi-select[disabled="disabled"] .select-search-list-item_selection-remove {
  visibility: hidden;
}
oi-select[disabled="disabled"] .select-search-list-item_input input:disabled {
  cursor: not-allowed;
  background: none;
}
oi-select.focused .select-search {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
oi-select.limited .select-search,
oi-select.invalid-item .select-search,
oi-select.limited .select-dropdown,
oi-select.invalid-item .select-dropdown {
  border-color: #f1bc28;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(230, 189, 46, 0.6);
}
oi-select.open .select-search {
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
oi-select.open:not(.multiple) .select-search:after {
  border-color: transparent transparent #000 transparent;
  border-width: 0 5px 5px 5px;
}
oi-select.loading:not(.multiple) .select-search:after {
  border-width: 0;
}
oi-select.emptyList .select-dropdown-optgroup-option strong {
  font-weight: normal;
}
.tab-selector {
  padding: 30px 0 15px 0;
}
@media (max-width: 524px) {
  .reseller-account-menu {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
  }
}
.reseller {
  /* overflow: auto; */
}
.reseller .search-box {
  margin-top: 20px;
  margin-bottom: 20px;
}
.reseller .no-margin-top {
  margin-top: 0px;
}
.reseller .pagination-holder {
  padding-top: 20px;
}
.reseller .collection-name-block {
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}
.reseller .collection-name-block h3 {
  float: left;
}
.reseller .collection-name-block .reseller-desktop-buttons {
  float: right;
}
.reseller .close-btn {
  float: right;
}
.reseller .reseller-buttons {
  text-align: right;
}
.reseller .reseller-buttons .btn {
  float: none;
}
.reseller.orders .search-box {
  margin-top: 0;
}
.reseller .order-list-holder {
  overflow: auto;
  display: inline-block;
  padding-top: 20px;
  width: 100%;
}
.reseller .order-list-holder .reseller-add-payment {
  width: 60%!important;
  margin-top: 10px;
}
@media (max-width: 492px) {
  .reseller .order-list-holder .reseller-add-payment {
    width: 100%!important;
    margin-top: 10px;
  }
}
.reseller .shwanirbhor {
  min-height: 600px;
}
@media (max-width: 800px) {
  .reseller .reseller-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 1px solid #ced0d4;
    text-align: center;
    background: #e6e6e6;
    padding: 16px 0;
    -webkit-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.1);
  }
  .reseller .reseller-buttons .btn {
    width: 45%;
    margin: 0;
    float: none;
    margin-right: 1%;
    margin-left: 1%;
  }
}
@media (max-width: 800px) and (max-height: 250px) {
  .reseller .reseller-buttons {
    display: none;
  }
}
.reseller .analytics-box {
  background: #f4f5f8;
  padding: 10px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.reseller .analytics-box .analytics-element {
  width: 25%;
  border-right: 1px solid #e9ebee;
  padding-left: 5px;
  float: left;
  box-sizing: border-box;
}
@media (max-width: 800px) {
  .reseller .analytics-box .analytics-element {
    width: 50%;
    border-top: 1px solid #e9ebee;
    padding-top: 5px;
  }
  .reseller .analytics-box .analytics-element:nth-child(2) {
    border-right: none;
    border-top: none;
    padding-bottom: 5px;
  }
  .reseller .analytics-box .analytics-element:first-child {
    border-top: none;
    padding-bottom: 5px;
  }
}
.reseller .analytics-box .analytics-element:last-child {
  border-right: none;
}
.reseller .analytics-box .analytics-element:first-child {
  padding-left: 0;
}
.reseller .analytics-box .analytics-element .logo {
  width: 24px;
  height: 24px;
  float: left;
}
.reseller .analytics-box .analytics-element .logo img {
  width: 24px;
}
.reseller .analytics-box .analytics-element .title {
  width: 135px;
  float: left;
  font-size: 12px;
  color: #4b4f56;
  font-weight: 500;
  padding-left: 20px;
  padding-top: 4px;
  text-transform: uppercase;
}
.reseller .analytics-box .analytics-element .number {
  width: 100%;
  padding-left: 44px;
  float: left;
  font-size: 20px;
  font-weight: 500;
}
.reseller .invoice-history {
  width: 100%;
  overflow: unset;
  display: inline-block;
  padding-top: 15px;
}
.collection-scrollables {
  padding-top: 20px;
  overflow: hidden;
}
.collection-scrollables .collection {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 20px;
  /*&:nth-child(even){
			padding-left: 14px;
		}*/
}
.collection-scrollables .collection .collection-details {
  width: 100%;
  float: left;
  padding-top: 10px;
}
.collection-scrollables .collection .collection-details .count {
  float: right;
}
.collection-scrollables .collection .big-thumb {
  width: 20%;
  float: left;
  width: 150px;
  cursor: pointer;
}
.collection-scrollables .collection .big-thumb img {
  width: 100%;
}
.collection-scrollables .collection .smaller-thumbs {
  margin-top: 10px;
  float: left;
  width: 100%;
  cursor: pointer;
}
.collection-scrollables .collection .smaller-thumbs .each-image {
  width: 150px;
  float: left;
  padding-right: 10px;
}
@media (max-width: 800px) {
  .collection-scrollables .collection .smaller-thumbs .each-image {
    width: 45%;
    padding-top: 10px;
  }
}
.collection-scrollables .collection .smaller-thumbs .each-image img {
  width: 100%;
}
.collection-scrollables .collection .smaller-thumbs .each-image:last-child {
  padding-right: 0;
}
.collection-scrollables.products .smaller-thumbs {
  margin-top: 10px;
  float: left;
  width: 100%;
  cursor: pointer;
}
.collection-scrollables.products .smaller-thumbs .each-image {
  width: 185px;
  float: left;
  padding-top: 12px;
  padding-right: 12px;
}
@media (max-width: 800px) {
  .collection-scrollables.products .smaller-thumbs .each-image {
    width: 48%;
  }
}
.collection-scrollables.products .smaller-thumbs .each-image img {
  width: 100%;
}
.collection-scrollables.products .smaller-thumbs .each-image:last-child {
  padding-right: 0;
}
@media (max-width: 800px) {
  .collection-scrollables.products .smaller-thumbs .each-image {
    padding-right: 2%;
  }
  .collection-scrollables.products .smaller-thumbs .each-image:last-child {
    padding-right: 0;
  }
}
.collection-scrollables.products .smaller-thumbs .each-image .meta {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.collection-scrollables.products .smaller-thumbs .each-image .meta .details {
  width: 50%;
  float: left;
}
.collection-scrollables.products .smaller-thumbs .each-image .meta .details h6 {
  width: 58px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.collection-scrollables.products .smaller-thumbs .each-image .meta .buttons {
  float: right;
  width: 50%;
}
.collection-scrollables.products .smaller-thumbs .each-image .meta .buttons .btn {
  float: right;
}
@media (max-width: 800px) {
  .collection-scrollables.products .smaller-thumbs .each-image .meta .buttons .btn {
    font-size: 12px;
  }
}
.collection-scrollables.products .smaller-thumbs .reseller-stock {
  text-align: center;
  margin-top: 35px;
}
.reseller-reg .page-title {
  font-size: 16px;
  font-weight: 100;
  margin-bottom: 70px !important;
  /* Relax! */
}
.reseller-reg oi-select .select-search {
  border-radius: 4px;
}
.reseller-reg oi-select .select-search .select-search-list-item_input input {
  font-size: 15px;
  padding: 10px 15px;
}
.reseller-reg oi-select:not(.multiple) .select-search-list-item_selection:not(:active),
.reseller-reg oi-select:not(.multiple) .select-search-list-item_selection:active,
.reseller-reg oi-select:not(.multiple) .select-search-list-item_selection.focused {
  font-size: 15px;
  padding: 7px 14px;
  box-shadow: none;
  background-color: #FFF;
  border: 0;
}
.reseller-reg .regForm {
  margin-bottom: 50px;
}
.reseller-reg .regForm .uib-datepicker-popup * {
  outline: 0;
}
.reseller-reg .regForm .formTitle {
  padding-top: 20px;
  text-align: center;
  color: #212121;
  padding-bottom: 8px;
}
.reseller-reg .regForm .formSubTitle {
  text-align: center;
  color: #606060;
  padding-bottom: 30px;
}
.reseller-reg .regForm .formWrap {
  r: 0;
}
.reseller-reg .regForm .formWrap .formRow {
  overflow: visible;
  margin-bottom: 20px;
}
.reseller-reg .regForm .formWrap .formRow .fieldName {
  flex: 1;
  font-size: 15px;
  color: #606060;
  margin-bottom: 8px;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput > h4 {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 500;
  color: #212121;
  margin-bottom: 10px;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap {
  margin-bottom: 15px;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap input[type="text"],
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap input[type="number"],
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap input[type="tel"],
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap select {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  font-size: 15px;
  padding: 10px 15px;
  border-radius: 4px;
  border: 1px solid #dfdfdf;
  outline: 0;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap .warning-message {
  color: red;
  font-size: 11px;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap > input:disabled {
  background-color: #EEE;
  opacity: 0.5;
  border-color: #c1c1c1;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap > input.error {
  border-color: #dc4747;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap select {
  height: 40px;
  background: #FFF;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap .date-input {
  position: relative;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap .date-input .dateIcon {
  position: absolute;
  right: 8px;
  width: 20px;
  top: 11px;
  cursor: pointer;
}
.reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap .gray {
  color: #a7a9ab;
  font-size: 12px;
  margin-bottom: 4px;
  display: inline-block;
}
.reseller-reg .regForm .formWrap .form-footer {
  border-top: 1px solid #dfdfdf;
  padding: 40px 0 20px;
}
.reseller-reg .regForm .formWrap .form-footer .agree-text label {
  font-size: 16px;
  padding-top: 0px;
  padding-left: 15px;
  margin-bottom: 15px;
}
.reseller-reg .regForm .redText {
  color: #de4040 !important;
}
.reseller-reg .regForm .uib-datepicker-popup.dropdown-menu .uib-title.btn {
  border: 1px solid #3e63a3;
  border-radius: 3px;
  color: #3e63a3;
  box-shadow: 1px 1px 2px #00000045;
}
@media (min-width: 768px) {
  .reseller-reg .regForm .formTitle {
    padding-top: 40px;
  }
  .reseller-reg .regForm .formWrap {
    r: 0;
  }
  .reseller-reg .regForm .formWrap .formRow {
    display: flex;
    margin-bottom: 20px;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldName {
    flex: 1;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput {
    flex: 3;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap.inline {
    display: inline-flex;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap.hasBigRadios {
    display: flex;
    justify-content: space-between;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap {
    margin-bottom: 20px;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap .date-input .dateIcon {
    top: 6px;
  }
  .reseller-reg .regForm .formWrap .form-footer {
    padding: 40px 0 80px;
  }
}
@media (min-width: 992px) {
  .reseller-reg .regForm {
    margin-bottom: 0;
  }
  .reseller-reg .regForm .formWrap {
    width: 750px;
    margin: 0 auto;
  }
  .reseller-reg .regForm .formWrap .formRow {
    r: 0;
  }
  .reseller-reg .regForm .formWrap .formRow .fieldInput .inputWrap select {
    text-indent: 9px;
  }
}
.reseller-reg .verify-actions {
  margin: 10px 0;
}
.reseller-reg .verify-actions button {
  margin-bottom: 25px;
}
.reseller-reg .verify-actions .resend {
  color: #00bbd3;
}
@media (min-width: 768px) {
  .reseller-reg .verify-actions {
    margin: 20px 0 90px;
  }
}
.reseller-reg .tealRadio input {
  position: absolute;
  left: -9999px;
}
.reseller-reg .tealRadio label {
  display: inline-block;
  position: relative;
  padding: 0 15px 8px 26px;
  cursor: pointer;
}
.reseller-reg .tealRadio input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -2px;
  width: 18px;
  height: 18px;
  border: 1px solid #00bbd3;
  background: #fff;
  border-radius: 50%;
}
.reseller-reg .tealRadio input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 3px;
  width: 10px;
  height: 10px;
  background: #00bbd3;
  border-radius: 50%;
}
.reseller-reg .tealRadio input[type="radio"]:not(:checked) + label:after {
  display: none;
}
.reseller-reg .tealRadio.big {
  width: 100%;
  margin-bottom: 6px;
}
.reseller-reg .tealRadio.big label {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 30px;
  border: 0;
  height: 30px;
}
.reseller-reg .tealRadio.big label img {
  display: inline-block;
  margin-right: 10px;
}
.reseller-reg .tealRadio.big input[type="radio"] + label:before {
  left: 0px;
  top: 5px;
}
.reseller-reg .tealRadio.big input[type="radio"]:checked + label:after {
  left: 5px;
  top: 10px;
}
@media (min-width: 768px) {
  .reseller-reg .tealRadio.big.two-in-row {
    width: 48%;
  }
  .reseller-reg .tealRadio.big.three-in-row {
    width: 30.5%;
  }
  .reseller-reg .tealRadio.big label {
    padding: 18px 52px;
    border: 1px solid #dfdfdf;
    height: 62px;
  }
  .reseller-reg .tealRadio.big input[type="radio"] + label:before {
    left: 18px;
    top: 20px;
  }
  .reseller-reg .tealRadio.big input[type="radio"]:checked + label:after {
    left: 23px;
    top: 25px;
  }
}
.reseller-reg .tealCheckbox input {
  position: absolute;
  left: -9999px;
}
.reseller-reg .tealCheckbox label {
  display: inline-block;
  position: relative;
  padding-top: 3px;
  padding-left: 26px;
  padding-right: 15px;
  cursor: pointer;
}
.reseller-reg .tealCheckbox input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #00bbd3;
  background: #fff;
  border-radius: 3px;
}
.reseller-reg .tealCheckbox input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 10px;
  height: 10px;
  background: #00bbd3;
  border-radius: 3px;
}
.reseller-reg .tealCheckbox.tickbox input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #00bbd3;
  border-radius: 3px;
}
.reseller-reg .tealCheckbox.tickbox input[type="checkbox"]:checked + label:after {
  content: '✓';
  position: absolute;
  left: 5px;
  top: 2px;
  background: rgba(0, 0, 0, 0);
  border-radius: 4px;
  color: #FFF;
  color: #01c3d8;
  font-size: 13px;
}
.reseller-reg .tealCheckbox input[type="checkbox"]:not(:checked) + label:after {
  display: none;
}
.reseller-reg .tealCheckbox .terms-text {
  padding-left: 15px;
  font-size: 16px;
}
.reseller-reg .manyCheckboxes {
  margin: 10px 0 0;
}
.reseller-reg .manyCheckboxes .tealCheckbox {
  margin: 0 0 10px;
}
.reseller-reg .verification-input {
  margin: 20px 45px 20px;
  display: inline-flex;
}
.reseller-reg .verification-input input {
  border: 0;
  border-bottom: 1px solid #DDD;
  font-size: 40px;
  display: inline-block;
  width: 64px;
  text-align: center;
  padding: 10px 0;
  margin-right: 10px;
  outline: 0;
}
.reseller-reg .verification-input input:focus,
.reseller-reg .verification-input input.filled {
  border-color: #00bbd3;
}
.reseller-reg .testimonial-section {
  background-color: #5c6bbf;
}
.reseller-reg .testimonial-section .testi-static {
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 -10px;
}
.reseller-reg .testimonial-section .eachSlide {
  flex: 1;
  padding: 0 10px;
}
.reseller-reg .testimonial-section .eachSlide .imgWrap img {
  display: inline-block;
  width: 100%;
}
.reseller-reg .testimonial-section .eachSlide .testimonial {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/510fdd73308753319c24653f968ede15.png) no-repeat;
  padding: 75px 0 60px 0;
  background-position-x: center;
  background-position-y: 30px;
  background-size: 32px;
}
.reseller-reg .testimonial-section .eachSlide .testimonial .said {
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
  color: #FFF;
  margin-bottom: 6px;
}
.reseller-reg .testimonial-section .eachSlide .testimonial .whoSaid {
  r: 0;
}
.reseller-reg .testimonial-section .eachSlide .testimonial .whoSaid span {
  color: #ffc829;
  font-size: 17px;
  display: block;
  width: 100%;
}
.reseller-reg .testimonial-section .testi-slider {
  display: block;
}
@media (min-width: 768px) {
  .reseller-reg .testimonial-section {
    padding: 80px 0;
  }
  .reseller-reg .testimonial-section .testi-static {
    display: flex;
  }
  .reseller-reg .testimonial-section .testi-slider {
    display: none;
  }
  .reseller-reg .testimonial-section .eachSlide .imgWrap .big {
    display: none;
  }
  .reseller-reg .testimonial-section .eachSlide .imgWrap .smaller {
    display: inline-block;
  }
  .reseller-reg .testimonial-section .eachSlide .testimonial {
    padding: 12px 0 0 30px;
    background-position: 0 8px;
    background-size: 18px;
  }
  .reseller-reg .testimonial-section .eachSlide .testimonial .said {
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .reseller-reg .testimonial-section .testi-slides {
    margin: 0 -15px;
  }
  .reseller-reg .testimonial-section .eachSlide {
    padding: 0 15px;
  }
  .reseller-reg .testimonial-section .eachSlide .imgWrap .big {
    display: inline-block;
  }
  .reseller-reg .testimonial-section .eachSlide .imgWrap .smaller {
    display: none;
  }
  .reseller-reg .testimonial-section .eachSlide .testimonial .whoSaid span {
    display: inline-block;
    width: initial;
  }
}
.reseller-reg .testimonial-section .carousel-indicators {
  bottom: 24px;
  left: initial;
  right: 0;
  text-align: center;
  width: 100%;
  display: inline-block;
}
.reseller-reg .testimonial-section .carousel-indicators li {
  margin: 0 3px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.26);
}
.reseller-reg .testimonial-section .carousel-indicators .active {
  width: 15px;
  height: 15px;
  background-color: #FFF;
}
.modal-lg-banner .modal-content {
  background: transparent;
  border: none;
  text-align: center;
}
@media (min-width: 800px) {
  .modal-lg-banner .modal-content {
    width: 700px;
  }
}
.modal-xlg-reseller .carousel-indicators {
  display: none;
}
.modal-xlg-reseller .modal-content {
  background: transparent;
  border: none;
  text-align: center;
}
@media (min-width: 800px) {
  .modal-xlg-reseller .modal-content {
    width: 1000px;
  }
}
.modal-xlg-reseller .modal-body {
  background: white;
  width: 750px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .modal-xlg-reseller .modal-body {
    width: 95%;
  }
}
.modal-xlg-reseller .modal-body .carousel-container {
  width: 100%;
  padding-bottom: 20px;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container {
  width: 400px;
  float: left;
  position: relative;
  cursor: pointer;
}
@media (max-width: 800px) {
  .modal-xlg-reseller .modal-body .carousel-container .image-container {
    width: 100%;
    height: auto;
  }
}
.modal-xlg-reseller .modal-body .carousel-container .image-container img {
  width: 100%;
  display: block;
  position: relative;
  top: 10px;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container .check-mark {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 20px;
  right: 10px;
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/65b6a8e0cd15be6e3bdc877be1bfbab0.png) no-repeat right center;
  opacity: 0.5;
  cursor: pointer;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container .check-mark.active {
  background: url(https://d118vismjsp9sl.cloudfront.net/assets/466e99c285c6e9ed279136c8fe8619e0.png) no-repeat right center;
  opacity: 1;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container .thumb {
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
  display: inline-block;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container .thumb img {
  width: 50px;
  float: left;
}
.modal-xlg-reseller .modal-body .carousel-container .image-container .download {
  position: absolute;
  top: 20px;
  left: 10px;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details {
  width: 300px;
  height: 100%;
  float: left;
  padding-left: 20px;
  text-align: left;
  padding-top: 5px;
  max-height: 500px;
  overflow-y: auto;
}
@media (max-width: 800px) {
  .modal-xlg-reseller .modal-body .carousel-container .image-details {
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
  }
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .price {
  padding-top: 5px;
  float: left;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .price h5 {
  font-weight: 400;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .price .text-abbey .discount-on {
  text-decoration: line-through;
  color: red;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .price .text-abbey .discount-on span {
  color: #c0c0c0;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .description {
  float: left;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.modal-xlg-reseller .modal-body .carousel-container .image-details .description p {
  white-space: pre-line;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  padding-bottom: 10px;
  padding-top: 5px;
}
.modal-xlg-reseller .modal-body .carousel-container .thumb-container {
  cursor: pointer;
  width: 100%;
  padding-top: 10px;
  overflow-x: auto;
}
.modal-xlg-reseller .modal-body .carousel-container .thumb-container .thumb {
  float: left;
  width: 50px;
  padding-right: 10px;
}
.modal-xlg-reseller .modal-body .carousel-container .thumb-container .thumb img {
  width: 100%;
}
.modal-xlg-reseller .modal-body .share-block {
  background: white;
  width: 100%;
  border-top: 1px solid #e9ebee;
  padding-top: 10px;
  padding-bottom: 20px;
}
@media (max-width: 800px) {
  .modal-xlg-reseller .modal-body .share-block {
    padding-bottom: 40px;
  }
}
.modal-xlg-reseller .modal-body .share-block ul {
  list-style-type: none;
  float: right;
}
.modal-xlg-reseller .modal-body .share-block ul li {
  float: left;
  list-style: none;
  padding-right: 10px;
}
.modal-xlg-reseller .modal-body .share-block ul li .dropdown ul li {
  width: 100%;
}
.modal-xlg-reseller .modal-body .share-block ul.left {
  float: left;
}
@media (max-width: 800px) {
  .modal-xlg-reseller .modal-body .share-block ul.left {
    display: none;
  }
}
.modal-xlg-reseller .modal-body .share-panel {
  height: 600px;
  text-align: left;
}
.modal-xlg-reseller .modal-body .share-panel h4 {
  text-align: left;
}
.modal-xlg-reseller .modal-body .share-panel label {
  margin-top: 20px;
}
.modal-xlg-reseller .modal-body .share-panel .album-caption {
  width: 100%;
  height: 100px;
  margin-top: 10px;
}
.modal-xlg-reseller .modal-body .share-panel h5 {
  padding-top: 20px;
  text-align: left;
}
.modal-xlg-reseller .modal-body .share-panel .photo-caption {
  width: 45%;
  height: 150px;
  float: left;
  margin-top: 10px;
}
.modal-xlg-reseller .modal-body .share-panel h5 {
  display: inline-block;
  width: 100%;
}
.modal-xlg-reseller .modal-body .share-panel h5.half {
  width: 45%;
  float: left;
}
.modal-xlg-reseller .modal-body .share-panel h5.padding-left {
  padding-left: 10px;
}
.modal-xlg-reseller .modal-body .share-panel p {
  width: 100%;
  display: block;
}
.modal-xlg-reseller .modal-body .share-panel p.preview {
  width: 45%;
  float: left;
  padding-left: 10px;
  white-space: pre-line;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
.reseller-collections {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
div.single-reseller-collection-container {
  width: 170px;
  margin: 0 25px 50px 0;
  width: 35vw;
  max-width: 170px;
}
div.single-reseller-collection-container p.item-title {
  font-size: 16px;
  color: #365899;
  margin-bottom: 5px;
}
div.single-reseller-collection-container .image-stacks {
  position: relative;
  margin-bottom: 15px;
}
div.single-reseller-collection-container .image-stacks div {
  background: #fff;
  width: 170px;
  height: 170px;
}
div.single-reseller-collection-container .image-stacks div:nth-child(1) {
  z-index: 2;
  position: relative;
  border: 1px solid #dddfe2;
  width: 35vw;
  height: 35vw;
  max-width: 170px;
  max-height: 170px;
}
div.single-reseller-collection-container .image-stacks div:nth-child(1) img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
div.single-reseller-collection-container .image-stacks div:nth-child(2) {
  position: absolute;
  left: 3px;
  top: 3px;
  z-index: 1;
  border: 1px solid #dddfe2;
  width: 35vw;
  height: 35vw;
  max-width: 170px;
  max-height: 170px;
}
div.single-reseller-collection-container .image-stacks div:nth-child(3) {
  position: absolute;
  left: 6px;
  top: 6px;
  z-index: 0;
  border: 1px solid #dddfe2;
  width: 35vw;
  height: 35vw;
  max-width: 170px;
  max-height: 170px;
}
@media (max-width: 800px) {
  .reseller-collections {
    justify-content: center;
  }
}
.single-product-container {
  margin: 0 20px 0 0;
}
@media (max-width: 525px) {
  .single-product-container {
    margin: 0 10px 0 0;
  }
}
@media (min-width: 801px) {
  reseller-product:nth-child(3n+3) .single-product-container {
    margin: 0;
  }
}
.reseller-product-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0 0 0 10px;
  max-width: 600px;
  width: 100%;
}
@media (max-width: 475px) {
  .reseller-product-list {
    padding: 0;
  }
}
.product-image {
  border: 1px solid #dddfe2;
  cursor: pointer;
  max-width: 184px;
  width: 40vw;
}
@media (max-width: 525px) {
  .product-image {
    max-width: 173px;
  }
}
.header-message {
  margin: 20px auto;
}
.header-message h6 {
  text-align: center;
}
.single-product-container > .product-details-container {
  margin: 20px 0 0;
}
@media (max-width: 800px) {
  .single-product-container > .product-details-container {
    flex-flow: column wrap;
    min-height: 60px;
  }
  .single-product-container > .product-details-container .right-aligned-text {
    text-align: left;
  }
  .single-product-container > .product-details-container h6 {
    margin-bottom: 5px;
  }
  .single-product-container > .product-details-container p {
    margin-bottom: 5px;
  }
}
.single-product-container .reseller-product-modal-container,
.reseller-product-modal-stock-details .reseller-product-modal-container {
  display: flex;
  margin: 0 0 10px;
  padding: 5px 0 0 0;
}
.single-product-container .express-delivery-container,
.reseller-product-modal-stock-details .express-delivery-container {
  display: flex;
  margin: 0 0 50px;
  padding: 5px 0 0 0;
}
.single-product-container .express-delivery-inner-div,
.reseller-product-modal-stock-details .express-delivery-inner-div,
.single-product-container .reseller-product-modal-inner-div,
.reseller-product-modal-stock-details .reseller-product-modal-inner-div {
  display: flex;
  justify-content: center;
}
.single-product-container .express-delivery-text,
.reseller-product-modal-stock-details .express-delivery-text,
.single-product-container .reseller-product-modal-text,
.reseller-product-modal-stock-details .reseller-product-modal-text {
  margin: 0 0 0 5px;
  font-size: 15px;
  color: #da4851;
}
.stock-out {
  opacity: 0.4;
  background-color: #000 !important;
}
.products div.smaller-thumbs {
  max-width: 600px;
  margin-top: 35px;
}
.filter-container {
  margin-bottom: 20px;
  max-width: 190px;
  min-width: 180px;
  flex-grow: 1;
}
@media (max-width: 525px) {
  .filter-container {
    max-width: unset;
  }
}
.filter-container .filter-label-container {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #e9ebee;
}
.filter-container .product-categories-container {
  padding: 0 10px;
}
.filter-container .product-categories-container hr {
  margin-bottom: 12px;
}
.filter-container .product-categories-container .category-container {
  margin-bottom: 12px;
  align-items: flex-start;
  background-color: #fff;
}
.filter-container .product-categories-container .category-container a.active {
  color: #4e68a4;
}
.filter-container .product-categories-container .category-container a.active .category-title {
  color: #4e68a4;
}
.filter-container .product-categories-container .category-container a .category-title {
  cursor: pointer;
  font-size: 14px;
  color: #4B4F56;
}
.filter-container .product-categories-container .category-container a .category-count {
  font-size: 11px;
  color: #A5A8AE;
}