@font-face{
  font-family:"HelveticaNeue";
  src:url("/templates/store/fonts/HelveticaMedCd.ttf");
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('/fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

.page-wrapper {  background-color:#fff;}

.baskerville-font {  font-family:'Baskervville', sans-serif !important;}
.store-page-main { font-family: 'Poppins', sans-serif}
.poppins-font { font-family: 'Poppins', sans-serif !important; font-weight: 500 !important;}
.raleway-font { font-family: 'Raleway', sans-serif !important; }

.about-suds-pc .detail-description {
  padding-top : 10px;
}
.detail-banner {
  height : 400px;
}
a#showMap {
  padding-bottom : 3px;
}
.header-wrapper {
  position : relative;
  position : fixed;
  width : 100%;
}
.about-suds-pc {
  padding-left : 5px;
  padding-right : 5px;
}
.header-top {
  display : none;
}
.document-title {
  top : 57px;
}
.header-search input {
  background-color : rgba(255, 255, 255, 0.8);
}
.header-search {
  width : 160px;
}
.flexbox > li > a {
  border-radius : 4px;
  background-size : 70% 70%;
  text-align : center;
  background-repeat : no-repeat;
  padding-top : 50px !important ;
  border : #ddd solid 1px;
  color : #000;
  padding : 0;
}
.flexbox > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color : #fff;
  background-color : rgba(0, 159, 139, 0.7);
}
.progress-bar {
  border-radius : 4px;
}
.flexbox {
  display : flex;
  flex-direction : row;
  justify-content : space-around;
}
.flexitem {
  flex : 1;
}
#container {
  flex-grow : 2;
}
.flexbox {
  display : flex;
  flex-direction : row;
}
.items {
  flex : 1;
  width : 12%;
}
.row.detail-content .col-sm-7 {
  background : white;
}
.detail-banner-btn.bookmark span a {
  color : #fff;
}
.detail-banner .detail-banner-btn span a:hover {
  color : #363636;
}
.detail-label {
  margin-left : 50px;
  margin-top : 20px;
}
.pager li a {
  border-color : #ddd;
  background-color : #eeeeee;
}
.pager wizard {
  margin-top : 15px;
}
.pager {
  margin-top : 15px;
}
.detail-content #listing-detail-map,
.detail-content #listing-detail-street-view {
  height : 233px;
}
.detail-banner .detail-banner-btn:hover a {
  color : #363636;
}
.detail-content h2 {
  margin : 0;
  font-size: 30px;
  color: #0a0c31;
  font-weight: 600;
  font-family:'Baskervville', sans-serif !important;
}
.detail-banner span a {
  color : black;
}
span.no-wrap-radio {
  display : inline-block !important ;
  float : left !important ;
  text-align : center;
  border-top : 1px solid #d2d2d2;
  padding : 10px 0 10px 0;
}
.dropdown {
  position : relative;
  display : block;
  margin-top : 0.5em;
  padding : 0;
}
.dropdown select {
  width : 100%;
  margin : 0;
  background : none;
  border : gray solid 1px;
  outline : none;
  box-sizing : border-box;
  font-size : 1.25em;
  color : #444;
  padding : 0.6em 1.9em 0.5em 0.8em;
  line-height : 1.3;
}
.dropdown::after {
  content : "";
  position : absolute;
  width : 9px;
  height : 8px;
  top : 50%;
  right : 1em;
  margin-top : -4px;
  z-index : 2;
}
body:last-child .dropdown::after, x:-moz-any-link {
  display : none;
}
body:last-child .dropdown select, x:-moz-any-link {
  padding-right : 0.8em;
}
_::-moz-progress-bar, body:last-child .dropdown {
  overflow : hidden;
}
_::-moz-progress-bar, body:last-child .dropdown:after {
  display : block;
}
_::-moz-progress-bar, body:last-child .dropdown select {
  padding-right : 1.9em;
  text-indent : 0.01px;
  text-overflow : "";
  width : 110%;
}
_::-moz-progress-bar, body:last-child .dropdown select:focus {
  outline : 2px solid rgba(180, 222, 250, 0.7);
}
x:-o-prefocus, .dropdown::after {
  display : none;
}
.dropdown:hover {
  border : #888 solid 1px;
}
select:focus {
  outline : none;
  box-shadow : 0 0 1px 3px rgba(180, 222, 250, 1);
  background-color : transparent;
  color : #222;
  border : #aaa solid 1px;
}
select:-moz-focusring {
  color : transparent;
  text-shadow : 0 0 0 #000;
}
option {
  font-weight : normal;
}
.output {
  margin : 0 auto;
  padding-top : 0;
  padding-right : 1em;
  padding-left : 1em;
}
.colors {
  color : #fff;
  display : none;
  height : auto;
  padding-left : 0;
  padding-top : 25px;
}
.red {
  background : #c04;
}
.yellow {
  color : #000;
  background : #f5e000;
}
.blue {
  background : transparent;
}
#slideshow-wrap {
  margin-top : 0;
}
#slideshow-inner {
  left : -71px;
}
label.wrapper {
  display : inline;
}
.button.dropdown {
  display : inline;
  position : absolute;
  left : 74px;
  top : -7px;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  margin-left : 0;
}
button.btn.dropdown-toggle.btn-default {
  height : 20px;
  font-size : smaller;
  background-color : transparent !important ;
}
span.filter-option.pull-left {
  vertical-align : top;
  top : -8px !important ;
  position : relative;
}
.btn-group.bootstrap-select {
  width : 150px !important ;
  margin-left : 16px;
}
.cards {
  position : absolute;
  top : 313px;
}
.cards .dropdown-menu li a {
  font-size : 14px;
  padding : 3px 5px;
  padding-top : 3px;
  padding-right : 5px;
  padding-bottom : 3px;
  padding-left : 5px;
}
.Preview span.cardText {
  font-size : 21px;
  color : black;
  margin-left : 30px;
}
.cardText {
  font-size : 21px;
  color : black;
  font-family : HelveticaNeue;
}
.previewTop {
  padding-left : 30px;
}
.nextt, .prevv {
  color : #333;
  display : inline-block;
  font : normal bold 1em Arial, sans-serif;
  overflow : hidden;
  position : relative;
  text-decoration : none;
  width : auto;
  padding : 0.5em 1.5em;
}
.nextt {
  text-align : right;
}
.nextt:before,
.nextt:after,
.prevv:before,
.prevv:after {
  background : #E17474;
  border-radius : 0.25em;
  content : "";
  display : block;
  height : 0.5em;
  position : absolute;
  right : 0;
  top : 50%;
  width : 1em;
}
.prevv:before,
.prevv:after {
  left : 0;
}
.nextt:before,
.prevv:before {
  transform : rotate(45deg);
}
.nextt:after,
.prevv:after {
  transform : rotate(-45deg);
}
.prevv:after,
.nextt:before {
  margin-top : -0.36em;
}
.nextt:hover,
.nextt:focus,
.prevv:hover,
.prevv:focus {
  color : #c00;
}
.nextt:hover:before,
.nextt:hover:after,
.nextt:focus:before,
.nextt:focus:after,
.prevv:hover:before,
.prevv:hover:after,
.prevv:focus:before,
.prevv:focus:after {
  background : #c00;
}
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m ,#n, #s, #o, #t, #q, #r {
  width : 281px;
  margin : 0 10px 10px 0;
  display : inline-block;
}
.slide {
  width : 281px;
  background : #ccc;
  height : 173px;
  border-radius : 8px;
}
.slide img {
  width : 281px;
  height : 173px !important ;
  border-radius : 8px;
}
.controls {
  display : flex;
  width : 122px;
  position : absolute;
  top : 180px;
  left : 50%;
  height : 30px;
  margin-left : -61px;
}
.controls a {
  display : block;
  flex : 1;
}
.p {
  padding : 10px;
  opacity : 0.5;
  z-index : 101;
  color : white;
}
.n {
  padding : 10px;
  opacity : 0.5;
  z-index : 101;
  color : white;
  text-align : right;
}
.p:hover,
.p:focus,
.n:hover,
.n:focus {
  opacity : 1;
}
.ui-widget {
  width : 311px;
}
input[type="radio"] + label:before {
  visibility : hidden !important ;
}
.step-content input[type="checkbox"] + label,
.step-content input[type="radio"] + label {
  display : block;
  padding-left : 0 !important ;
}
span.no-wrap-radio {
  border : none !important ;
  width : 22%;
  padding : 5px 5px;
  text-align : center;
  border-radius : 5px;
  float : left;
  margin-right : 3%;
  margin-bottom : 15px;
  margin-bottom: 1px;
  height: 39px;
}

.modal-backdrop{
  z-index: 1000;
}


#nprogress-bar #step11 { display: none;}
.sessions-main-top .website-header-a {    color: #0a0c31 !important; font-family: 'Raleway', sans-serif !important;}
.detail-banner.sessions-main-top .detail-banner-btn {  text-shadow: none;  border: 1px solid #98999a; background-color: #fff; }
.detail-banner.sessions-main-top .detail-banner-btn i { color: #0a0c31 !important;}
.sessions-main-top #storeInformation { color: #0a0c31; font-size: 16px; font-weight: 400;  text-shadow: none;}
.sessions-main-top h2  {  text-shadow: none;color: #0a0c31; font-size: 30px; font-weight: 600;
  font-family:'Baskervville', sans-serif !important;}
.sessions-main-top .bannerButtons {  top: -10px;  left:auto;  width: 100%;
  right: 0;  text-align: right;}
.detail-banner.sessions-main-top:before { display: none;}
.detail-banner.sessions-main-top {  height: auto;}
.detail-banner.sessions-main-top .detail-banner-left,
.detail-banner.sessions-main-top .detail-banner-right {   transform: translateY(-50%);  -webkit-transform: initial;
  margin-top: -65px; }
.sessions-main-top .StorePageBanner {  top: 10px !important;}
.sessions-main-top .container { border-bottom: 1px solid #c3c4c6;}
.detail-content div#second {  border-bottom: 1px solid #c3c4c6;  border-top: 1px solid #c3c4c6;
  padding: 10px 0 0px 0;  margin-bottom: 20px; display: block;
  width: 100%;
  float: left;}
.store-page-main.detail-content { padding-top: 20px;}
.store-page-main .cont { margin: 10px auto;}

.d-none-custom { display: none;}


span.no-wrap-radio:hover,
span.no-wrap-radio:active {
  /*background-color : #818181;
  color : #fff;*/
}
span.no-wrap-radio:hover label {
  background-color : #818181;
  color : #fff;
}
ul.dropdown-menu li a:hover {
  color : red !important ;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation : pulse 1s;
}

@keyframes flipOutY {
  from {
    transform : perspective(400px);
  }
  30% {
    transform : perspective(400px), rotate3d(0,1,0,-15deg);
    opacity : 1;
  }
  to {
    transform : perspective(400px), rotate3d(0,1,0,90deg);
    opacity : 0;
  }
}
.flipOutY {
  backface-visibility : visible !important ;
  animation : flipOutY 1s;
}
@keyframes flipInY {
  from {
    transform : perspective(400px), rotate3d(0,1,0,90deg);
    animation-timing-function : ease-in;
    opacity : 0;
  }
  40% {
    transform : perspective(400px), rotate3d(0,1,0,-20deg);
    animation-timing-function : ease-in;
  }
  60% {
    transform : perspective(400px), rotate3d(0,1,0,10deg);
    opacity : 1;
  }
  80% {
    transform : perspective(400px), rotate3d(0,1,0,-5deg);
  }
  to {
    transform : perspective(400px);
  }
}
.flipInY {
  backface-visibility : visible !important ;
  animation : flipInY 1s;
}
@keyframes flipInX {
  from {
    transform : perspective(400px), rotate3d(1,0,0,90deg);
    animation-timing-function : ease-in;
    opacity : 0;
  }
  40% {
    transform : perspective(400px), rotate3d(1,0,0,-20deg);
    animation-timing-function : ease-in;
  }
  60% {
    transform : perspective(400px), rotate3d(1,0,0,10deg);
    opacity : 1;
  }
  80% {
    transform : perspective(400px), rotate3d(1,0,0,-5deg);
  }
  to {
    transform : perspective(400px), rotate3d(1,0,0,-2deg);
  }
}
.flipInX {
  backface-visibility : visible !important ;
  animation : flipInX 1.3s;
}
@keyframes flipOutX {
  from {
    transform : perspective(400px);
  }
  30% {
    transform : perspective(400px), rotate3d(1,0,0,-20deg);
    opacity : 1;
  }
  to {
    transform : perspective(400px), rotate3d(1,0,0,90deg);
    opacity : 0;
  }
}
.flipOutX {
  animation : flipOutX 1.3s;
  backface-visibility : visible !important ;
  animation-fill-mode : forwards;
}
@keyframes flash {
  from, 50%, to {
    opacity : 1;
  }
  25%, 75% {
    opacity : 0;
  }
}
.flash {
  animation : flash 1.3s;
}
@keyframes flash2 {
  from, 50%, to {
    opacity : 1;
  }
  25%, 75% {
    opacity : 0;
  }
}
.flash2 {
  animation : flash2 1.3s;
}
@keyframes rubberBand {
  from {
    transform : scale3d(1,1,1);
  }
  30% {
    transform : scale3d(1.25,0.75,1);
  }
  40% {
    transform : scale3d(0.75,1.25,1);
  }
  50% {
    transform : scale3d(1.15,0.85,1);
  }
  65% {
    transform : scale3d(0.95,1.05,1);
  }
  75% {
    transform : scale3d(1.05,0.95,1);
  }
  to {
    transform : scale3d(1,1,1);
  }
}
.rubberBand {
  animation : rubberBand 1.3s;
}
@keyframes rubberBand2 {
  from {
    transform : scale3d(1,1,1);
  }
  30% {
    transform : scale3d(1.25,0.75,1);
  }
  40% {
    transform : scale3d(0.75,1.25,1);
  }
  50% {
    transform : scale3d(1.15,0.85,1);
  }
  65% {
    transform : scale3d(0.95,1.05,1);
  }
  75% {
    transform : scale3d(1.05,0.95,1);
  }
  to {
    transform : scale3d(1,1,1);
  }
}
.rubberBand2 {
  animation : rubberBand2 1.3s;
}
.cardInputs {
  border : none;
  background-color : transparent;
  position : relative;
  z-index : 300;
}
.cardInputs:hover {
  border : #009f8b solid 1px !important ;
}
#typing p {
  color : black;
  font-family : "Courier";
  font-size : 20px;
  margin : 10px 0 0 10px;
  white-space : nowrap;
  overflow : hidden;
  width : 30em;
}
#typing #typingTo {
  position : absolute;
  top : -10px;
  left : 35px;
  visibility: hidden;
  animation : type 5s 3s steps(60,end) forwards;
}
#typing #typingText {
  position : absolute;
  top : 60px;
  left : -9px;
  visibility: hidden;
  animation : type 5s 5s steps(60,end) forwards;
}
#typing #typingFrom {
  position : absolute;
  top : 160px;
  left : 54px;
  visibility: hidden;
  animation : type 5s 8s steps(60,end) forwards;
}
label.wrapper {
  animation : flash 1s 7s;
}
#typing span {
  animation : blink 1s infinite;
}

@keyframes type{
  from { width: 0; }
  to { visibility: visible;}
}

@-webkit-keyframes type{
  from { width: 0;  }
  to { visibility: visible;}
}

@keyframes blink {
  to {
    opacity : 0;
  }
}
div#to {
  position : absolute;
}
div#typing {
  position : absolute;
}
#showTo {
  left : 45px;
  position : relative;
  z-index : 300;
  color: black;
  -webkit-text-fill-color: #000000;
  -webkit-opacity: 1;
}
.detail-banner {
  background-size : cover !important ;
}
.detail-banner-icons a {
  color : white;
  display : none;
}
.tab3 .controls {
  display : none;
}
#tab3 .slide {
  border-radius : 8px;
  float : left;
  margin : 3px;
  background : #ccc;
  width : 198px;
  height : 127px;
  height : 100px;
  width : 160px;
}
#tab3 .slide img {
  border-radius : 8px;
  width : 197px;
  height : 127px;
  height : 100px;
  width : 160px;
}
.carousel-example-generic {
  margin : 20px auto;
  width : 400px;
}
.carousel-indicators {
  margin : 15px 0 0;
  overflow : auto;
  position : static;
  text-align : left;
  white-space : nowrap;
  width : 100%;
}
.carousel-indicators li {
  background-color : transparent;
  border-radius : 0;
  display : inline-block;
  height : auto;
  width : auto;
}
.carousel-indicators li img {
  display : block;
  opacity : 0.5;
  width : 50px !important ;
  height : 37px !important ;
  box-shadow : 2px 1px 1px 0 rgba(0, 0, 0, 0.5);
}
.carousel-indicators .active {
  width : 50px !important ;
  height : 37px !important ;
}
.carousel-indicators li.active img {
  opacity : 1;
}
.carousel-indicators li:hover img {
  opacity : 0.75;
}
.carousel-outer {
  position : relative;
}
.carousel-indicators li img {
  display : block;
  opacity : 1;
}
.carousel-indicators li {
  border : none;
}
.carousel-custom,
.carousel-customa,
.carousel-customb,
.carousel-customc,
.carousel-customd,
.carousel-custome,
.carousel-customf,
.carousel-customg,
.carousel-customh,
.carousel-customi,
.carousel-customj,
.carousel-customk,
.carousel-customl,
.carousel-customm,
.carousel-customs,
.carousel-customo,
.carousel-customt,
.carousel-customq,
.carousel-customr,
.carousel-custom2 {
  margin : 20px auto;
  width : 230px;
  height : 173px;
  background : transparent;
  top : 26px;
  z-index : 100;
  margin-left : 0;
  position : absolute;
}
.carousel-custom1 {
  margin : 20px auto;
  width : 281px;
  height : 173px;
  background : transparent;
  top : 26px;
  z-index : 100;
  margin-left : 0;
  position : absolute;
}
#tab2 .thumbnail1 {
  height : 42px;
  background : transparent;
  top : 505px !important ;
  z-index : 115;
  display : none;
}
.preview .thumbnail1 {
  height : 42px;
  background : transparent;
  top : 190px !important ;
  left : 20px;
  z-index : 115;
}
.preview .thumbnail2 {
  height : 42px;
  background : transparent;
  top : 505px !important ;
  z-index : 115;
  display : none;
}
.thumbnail2 {
  position : static;
  background : transparent;
  top : 170px;
  height : auto;
  width : 100%;
  max-width : 100%;
}
.thumbnail2 .carousel-indicators li img {
  width : 140px !important ;
  height : 86px !important ;
}
.thumbnail2 .carousel-indicators .active {
  width : 140px !important ;
  height : 86px !important ;
}
.thumbnail2 .carousel-indicators {
  height : 101%;
}
.thumbnail2 .carousel-indicators li {
  float : left;
  margin : 5px !important ;
  min-width : 120px !important ;
}
.preview ::-webkit-scrollbar,
#second ::-webkit-scrollbar {
  width : 7px;
  height : 7px;
}
.preview ::-webkit-scrollbar-track,
#second ::-webkit-scrollbar-track {
  border-radius : 10px;
}
.preview ::-webkit-scrollbar-thumb,
#second ::-webkit-scrollbar-thumb {
  border-radius : 10px;
  background : rgba(255, 0, 0, 0.8);
}
#sticky-anchor {
  float : left;
  max-width : 380px;
}
.col-sm-7 .p20 {
  padding : 0;
}
.mb80 {
  margin-bottom : 40px !important ;
  box-shadow : 0 8px 16px #999;
}
#amountBox {
  height : 61px;
  background-image : url(../img/dollar.png);
  background-repeat : NO-REPEAT;
  background-size : contain;
  border-radius : 10px;
  width : 62px;
  position : absolute;
  top : 353px;
  left : 256px;
  z-index : 101;
}
#showAmount {
  text-align : center;
  color : white;
  font-size : 20px;
  position : relative;
  position : absolute;
  top : 0;
  z-index : 300;
  border : none;
  border-radius : 10px;
  width : 62px;
  background : transparent;
  height : 60px;
}
#selectCard {
  float : none;
  position : absolute;
  top : 545px;
  left : 199px;
  position : absolute;
  z-index : 200;
  display : none;
}
.Cardbuttom-PucketPart {
  background-image : url(../img/card2.png);
  width : 375px;
  background-size : contain;
  background-repeat : no-repeat;
  height : 100px;
  top : 470px;
  position : absolute;
  z-index : 101;
  left : 14px;
  display: none;
}
#flipIn {
  position : absolute;
  top : 620px;
  z-index : 300;
}
#rest-of-form {
  display : none;
  position : relative;
  top : 0;
  left : 18px;
}
#In-rest-of-form {
  height : 616px;
  width : 365px;
  padding : 30px;
  min-width : 380px;
  background-image : url(../img/77.png);
  background-size : 97%;
  background-repeat : no-repeat;
  z-index : 400;
  position : relative;
}
#sender {
  width : 150px;
  top : 315px;
  position : absolute;
}
#Receiver {
  width : 150px;
  top : 488px;
  left : 185px;
  position : absolute;
}
#flipOut {
  position : absolute;
  top : 620px;
  left : 17px;
  z-index : 300;
}
#Review {
  position : absolute;
  top : 620px;
  left : 175px;
  z-index : 300;
}
#backToCard {
  position : absolute;
  top : 111px;
  z-index : 300;
  right : 30px;
}
.store_logo {
  max-width : 100%;
  max-height : 100%;
  width: 100%;
}
#preview {
  height : 616px;
  padding : 30px;
  min-width : 380px;
  max-width : 50%;
}
.storeLogo {
  border-radius : 10px;
  position : absolute;
  left : 50%;
  margin-left : -20px;
  top : -138px;
  width : 114px !important ;
  display : none;
}
#occasions {
  top : 160px;
  left : 10px;
}
.header-wrapper {
  z-index : 300;
}
#company-info {
  display : none;
}
#stats_div {
  max-height : 281px !important ;
}
.main-inner {
  padding-bottom : 0;
}
.container {
  padding-left : 0 !important ;
  padding-right : 0 !important ;
}
.preview .thumbnail1 {
  visibility : hidden;
}
.cards label.wrapper {
  visibility : hidden;
}
.cards .button.dropdown {
  visibility : hidden;
}
#tab1 .detail-contact {
  display : none;
}
div#sticky-anchor {
  height : 300px !important ;
}
.main {
  overflow-y : scroll;
  overflow-x : hidden;
}
.header-wrapper {
  z-index : 700 !important ;
}
ul.wizard li a, ul.wizard li a:focus {
  width : 126px !important ;
  margin-right : 5px;
  margin-left : 1px;
  background-color : rgba(0, 159, 139, 1);
  font-size: 18px;
  color: #fff;
}
#showCard2, .showCard2 {
  border-color : #f7f8f9;
  color : rgba(54, 54, 54, 0.6);
  padding : 6px 15px;
  transition : all 0.15s linear;
  display : inline-block;
  padding : 5px 14px;
  background-color : rgb(0, 159, 139);
  border : #ddd solid 1px;
  border-radius : 15px;
  width : 110px !important ;
  margin-right : 5px;
}
.pager .disabled > a {
  color : white;
  background-color : #fff;
  cursor : not-allowed;
  visibility : hidden;
}
.button-in-wizard {
  border-color : #f7f8f9 !important ;
  color : #000202!important ;
  padding : 6px 15px !important ;
  transition : all 0.15s linear !important ;
  display : inline-block !important ;
  padding : 5px 14px !important ;
  background-color : #fff !important ;
  border : #ddd solid 1px !important ;
  border-radius : 10px !important ;
  margin-right : 5px !important ;
  text-align : center;
  margin : 3px !important ;
  padding-left : 10px !important ;
}
.button-in-wizard:hover, .button-in-wizard:visited {
  background-color : #42782e !important ;
}
.button-in-wizards:checked {
  background-color : #42782e !important ;
}
#email:checked + label {
  background-color : #42782e !important ;
}
#sms:checked + label {
  background-color : #42782e !important ;
}
#facebook:checked + label {
  background-color : #42782e !important ;
}
#now:checked + label {
  background-color : #42782e !important ;
}
#future:checked + label {
  background-color : #42782e !important ;
}
form input[type="radio"]:checked + label {
  background-color : rgba(0, 159, 139, 0.7);
}
.step-content input[type="radio"]:checked + label {
  background-color : transparent;
  border: 2px solid #42782e;
}
input[type="radio"]:checked + label {
  background-color : rgba(0, 159, 139, 0.7);
}
input[type="radio"]:checked {
  background-color : rgba(0, 159, 139, 0.7);
}
content input[type="radio"] + label {
  background-color : rgba(0, 159, 139, 0.7) !important ;
}
.dropdown select {
  padding : 0 !important ;
}
.bootstrap-datetimepicker-widget table td span {
  display : inline-block;
  width : 30px;
  height : 30px;
  line-height : 30px;
}
.bootstrap-datetimepicker-widget table td {
  width : 30px;
  height : 30px;
  line-height : 30px;
}



.store-page-main #sixth .btn-primary, .store-page-main .fileinput-upload-button, .store-page-main #sixth .btn-primary:hover,
.store-page-main .detail-gallery .store-page-main .owl-next, .store-page-main .detail-gallery .owl-prev { background-color: #42782e !important; }

.store-page-main #sixth input[type=checkbox] + label:hover:before, .store-page-main #sixth  input[type=radio] + label:hover:before {
  border-color: #42782e !important;}
.store-page-main #fifth .btn-primary, .store-page-main #fifth .fileinput-upload-button,   .store-page-main #fifth .btn-primary:hover,
.store-page-main #fifth .detail-gallery .owl-next, .store-page-main #fifth .detail-gallery .owl-prev {background-color: #42782e !important;}
.store-page-main #fifth .timepicker-picker a {color: #42782e;}
.store-page-main #fifth .bootstrap-datetimepicker-widget table td.today:before { border-bottom-color:#42782e}
.store-page-main #fifth .bootstrap-datetimepicker-widget table td span.active {border-bottom-color:#42782e}
.store-page-main #fifth .bootstrap-datetimepicker-widget table td.active,
.store-page-main #fifth .bootstrap-datetimepicker-widget table td.active:hover {background-color: #42782e !important;}
.store-page-main .bootstrap-datetimepicker-widget { font-family: 'Poppins', sans-serif; }

#locations { font-family: 'Poppins', sans-serif; color: #0a0c31; }
.footer-bottom {font-family: 'Poppins', sans-serif;}
.footer-bottom .footer-bottom-right a { color: #fff;}

.stripe-card-info #card-element{ border-radius: 10px; padding: 10px; border: 2px solid #5a5b5d;   }
.stripe-card-info iframe    { overflow: inherit ; height: 20px !important;}
.stripe-card-info iframe .CardField-input-wrapper.is-ready-to-slide { display: flex;flex-direction: column;}

.stripe-card-info iframe .CardField-expiry {transform: translateX(0px) translateY(0px) !important; }
.stripe-card-info iframe .CardField-cvc {transform: translateX(0px) translateY(0px); }
.stripe-card-info iframe .CardField-postalCode {transform: translateX(0px) translateY(0px); }


.detail-banner-left.StorePageBanner { position: static;}

@media (max-width: 1199px) {
  #sticky-anchor {
    max-width: 250px;
  }
  .detail-banner.sessions-main-top .detail-banner-btn{
    margin-right: 8px;
  }
}

@media (max-width: 767px) {

  .detail-banner h2 {
    position: static;
    width: auto;
  }
}


@media all and (max-width:768px) {
  .bootstrap-datetimepicker-widget {
    z-index : 60 !important;
  }
}
.bootstrap-datetimepicker-widget {
  z-index : 600;
  position : relative;
}
.progress {
  margin-top : -84px;
  z-index : 0;
  height : 59px;
  position : relative;
}
#rootwizard .flexbox > li > a {
  position : relative;
  z-index : 2;
}
li.items {
  background-color : rgba(255, 255, 255, 0.5);
  position : relative;
  z-index : 2;
}
#flipIn {
  display : none;
}
.detail-banner:before {
  z-index : 0 !important ;
}
.detail-vcard {
  margin-bottom : 0 !important ;
}
.about-suds-pc h3 {
  font-size : 22px;
  margin-top : 30px;
  margin-bottom : 10px;
}
#remail {
  display : block;
}
#remail .input-group { margin-top: 10px;}

.button-in-wizard {
  width : 22% !important ;
  float : left !important ;
  padding-right : 0 !important ;
  padding-left : 0 !important ;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  margin : 1px !important ;
  margin-right: 10px !important;
  margin-bottom : 5px !important ;
  font-size: 20px !important;
}

.store-page-main .custom-input-main .input-group-addon {
  border: 0px solid #ccc !important;
  border-radius: 4px;
  text-align: right !important;
  margin-right: 10px !important;
  font-size: 20px;
  color: #000;
  min-width: 174px;
  vertical-align: top;
  padding-top: 10px;
}
.store-page-main #remail2 {  margin-bottom: 10px;}
.store-page-main #remail { padding-top: 10px;   margin-bottom: 10px; float: left; width: 100%;}
.store-page-main #rsms { padding-top: 20px;
  margin-bottom: 10px;
  float: left;
  width: 100%;}
.store-page-main #rsms2{  margin-bottom: 10px;}
.store-page-main .custom-input-main .form-control { border-color: #c1c1c2; border-radius: 10px;}
.mb-0-custom { margin-bottom: 0 !important;}
.mb-20-custom { margin-bottom: 20px !important;}
.store-page-main .following-text {     font-size: 20px;
  color: #000;
  display: block;
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: left;
  font-weight: 500;}
.store-page-main #remai20{  margin-bottom: 10px;}
.store-page-main #remai21{  margin-bottom: 10px;}
.store-page-main #remai22{  margin-bottom: 10px;}
.store-page-main #fifth { border-top: 1px solid #c3c4c6; margin-top: 30px;
  padding-top: 30px;
}
.store-page-main .bootstrap-datetimepicker-widget { background-color: #f7f8fa; border-radius: 5px; border: 1px solid #e2e4e5;}
.store-page-main #datetime p {     color: #000202;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;}
.store-page-main .process-payment-main {    border-top: 1px solid #c3c4c6;
  margin-top: 30px;
  display: block;
  float: left;
  padding-top: 30px;}
.store-page-main .contat-form-main  { border: 1px solid #c1c1c2;   border-radius: 10px; padding:0 20px; display: flex; margin-bottom: 5px; }
.store-page-main .contat-form-main i {color: #6b6b6b; font-size: 20px; font-weight: 500; margin-top: 10px; }
.store-page-main .border-0 { border: 0 !important; }
.store-page-main .shadow-none { box-shadow: none !important;}
.store-page-main .contat-form-main .form-control {color: #6b6b6b; font-size: 20px; font-weight: 500;  }
.store-page-main .d-flex-custom { display: flex;}
.store-page-main .border-custom-05 { border-top: 1px solid #5a5b5d; position: relative;}
.store-page-main .border-custom-06 {border-left: 1px solid #5a5b5d !important;}
.step-when label {width : 45% !important ;}
.store-page-main .contat-form-main span { min-width: 26px;}
.store-page-main .w-100-custom { width: 100% !important;}
.store-page-main .contat-form-main textarea { resize: none;}
.store-page-main .contat-form-main select { /*color: #0a0c31 !important; font-weight: bold !important; */ padding-left: 30px;}
.store-page-main .payment-title {  margin-top: 20px; width: 100%;  display: block;  float: left;  padding-top: 30px;}
.store-page-main .mt-0 { margin-top: 0 !important;}
.store-page-main .card-nubmer-main { display: flex; align-items: center;}
.store-page-main .pl-cusptom-10 { padding-left: 10px;}
.store-page-main .conditions-taxt { font-size: 20px; font-weight: 500; line-height: normal; color: #000202; }
.store-page-main .thankyou-taxt { width: 100%; float: left; text-align: center; margin-bottom: 20px; }
.store-page-main .thankyou-taxt h2 { margin-top: 0px;}
.store-page-main .thankyou-taxt p { font-size: 16px; font-weight: 400; line-height: normal; color: #676868; }
.store-page-main input[type=checkbox]:checked + label:before {  border-color: #42782e;}
.store-page-main .terms a {color: #42782e; font-weight: bold;}
.store-page-main .terms label { font-weight: 400; font-size: 14px;}
.store-page-main .stripe p  {font-size: 14px; font-weight: 500; line-height: normal; color: #000202;margin-bottom: 0; }
.store-page-main .stripe p a {font-size: 24px;
  font-weight: bold;
  line-height: normal;
  color: #6a5eff;
  margin-left: 10px;}
.store-page-main   #spence_button { background-color: #42782e !important; margin: 0px auto 10px auto !important; }
.store-page-main .thankyou-taxt .btn-success { background-color: #42782e !important; border-radius: 10px; font-size: 16px; font-weight: 400;
  display: block; width: 100%; margin-top: 0px; margin-bottom: 5px;}

.store-page-main .thankyou-taxt .btn-danger { border-radius: 10px; font-size: 16px; font-weight: 400;
  display: block; width: 100%; margin-top: 0px; margin-bottom: 5px;}


/* #phone {
z-index : 600;
position : relative;
}
#semail {
z-index : 600;
position : relative;
} */
input#newsletter-email {
  color : black;
  padding: 0.75rem 1.5rem !important;
}
#newsletter-submit {
  padding: 0.75rem 1.5rem !important;
}
html {
  position : relative;
  /*background : #bdc3c7;*/
  background: #fff;
  font-family : 'Lato', sans-serif;
}
.envelope {
  width : 300px;
  height : 230px;
  background : #34495e;
  position : relative;
  margin : 0 auto;
  display : none;
  margin-top : -19px;
  z-index : 1;
  margin-left : 55px;
}
.envelope:before {
  content : '';
  position : absolute;
  background : #304457;
  width : 300px;
  height : 230px;
  z-index : 2;
}
.envelope:after {
  content : '';
  position : absolute;
  z-index : 3;
  top : 0;
  left : 0;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 115px 150px 0 150px;
  border-color : #2c3e50 transparent transparent transparent;
  transition : 1s;
  transform : rotateX(0);
  transform-origin : 0% 0%;
}
.envelope.open {
  z-index : 1;
}
.envelope.open:after {
  animation : flipOpen 1s forwards;
  animation : flipOpen 1s 3s forwards;
  transform : rotateX(-180deg);
}
@keyframes flipOpen {
  0% {
    transform : rotateX(-180deg);
    z-index : 0;
  }
  100% {
    transform : none;
    z-index : 100;
  }
}
.envelope.open .letter {
  animation : moveUp 1s 1s forwards;
  z-index : 10;
}
@keyframes moveUp {
  0% {
    transform : none;
  }
  100% {
    transform : translateY(243px);
  }
}
.moveIntoPucket {
  animation : moveDown 1s 3s forwards;
  z-index : 10;
}
@keyframes moveDown {
  0% {
    transform : none;
  }
  100% {
    transform : translateY(245px);
  }
}
.fakeEnvelope {
  background-image : url(../img/envelope.png) !important ;
  margin : 0;
  background-size : contain;
  width : 300px;
  background-size : 99%;
  height : 227px;
  top : -13px;
  position : relative;
  left : 3px;
  border : none;
  display : none;
  background-repeat : no-repeat;
}
.shrinkenvelope {
  animation : shrinke 1s 1s forwards;
}
@keyframes shrinke {
  0% {
    width : 300px;
    height : 227px;
    top : -13px;
    left : 3px;
  }
  100% {
    width : 10px;
    height : 227px;
    top : 45px;
    left : -55px;
    background-repeat : no-repeat;
    visibility : hidden;
  }
}
.letter {
  position : relative;
  border : #ccc solid 1px;
  width : 262.5px;
  height : 207px;
  background-image : linear-gradient(to bottom, #eee 0%, #FFFFFF 20%);
  margin : auto;
}
.letter p {
  padding : 30px;
  margin : 0;
  text-align : center;
  color : #666;
}
.letter p span {
  display : block;
  text-align : right;
  margin-top : 20px;
}
.letter p a {
  text-decoration : none;
  color : #333;
}
.envelope.open .letter:before {
  animation : flipUp 1s forwards;
  transform-origin : 0% 100%;
}
@keyframes flipUp {
  0% {
    transform : rotateX(0);
  }
  100% {
    transform : rotateX(-180deg);
  }
}
@keyframes flipDown {
  0% {
    transform : rotateX(-180deg);
  }
  100% {
    transform : rotateX(0);
  }
}
.cover {
  position : absolute;
  top : 50%;
  left : 0;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 0 150px 115px 150px;
  border-color : transparent transparent #34495e transparent;
  z-index : 20;
}
.cover:before {
  content : '';
  position : absolute;
  top : -115px;
  left : -150px;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 115px 0 115px 150px;
  border-color : transparent transparent transparent #34495e;
}
.cover:after {
  content : '';
  position : absolute;
  top : -115px;
  left : 0;
  width : 0;
  height : 0;
  border-style : solid;
  border-width : 115px 150px 115px 0;
  border-color : transparent #34495e transparent transparent;
}
.button1 {
  text-align : center;
}
.btn1 {
  display : inline-block;
  position : relative;
  top : 30px;
  left : 0;
  background : #e74c3c;
  padding : 10px 20px;
  color : #fff;
  text-decoration : none;
  border-radius : 10px;
  transition : 0.5s;
  font-size : 20px;
}
* {
  transition : all 0.15s;
  outline : none;
}
.buttonsend {
  font-size : 17px;
  text-shadow : 1px 1px gray;
  overflow : visible;
  position : relative;
  padding-right : 30px;
  background-color : #ecfbff;
  color : #2d7586;
  display : block;
  margin : 10px auto;
  height : 30px;
  width : 200px;
  cursor : pointer;
  width : 110px !important ;
  margin-right : 5px !important ;
  margin-left : 1px !important ;
  background-color : rgba(0, 159, 139, 0.5) !important ;
  border-radius : 15px !important ;
  border-color : gray !important ;
  position : absolute;
  float : right !important ;
  left : 86%;
  top : -10px;
}
.buttonsend:hover {
  background-color : #ddf7ff;
}
.buttonsend:hover svg {
  transform : rotate(10deg);
  transition : transform 0.15s;
}
.buttonsend svg {
  position : absolute;
  top : 0;
  right : 15px;
  height : 28px;
  width : auto;
  transition : transform 0.15s;
}
.buttonsend.clicked {
  padding-right : 6px;
  animation : bounce-in 0.3s;
  cursor : default;
}
.buttonsend.clicked svg {
  animation : flyaway 2.3s 5.8s linear;
  top : -80px;
  right : -1000px;
}
@keyframes flyaway {
  0% {
    transform : rotate(10deg);
    top : 13px;
    right : 25px;
    height : 30px;
  }
  5% {
    transform : rotate(10deg);
    top : 13px;
    right : 0;
    height : 30px;
  }
  20% {
    transform : rotate(-20deg);
    top : 13px;
    right : -130px;
    height : 45px;
  }
  40% {
    transform : rotate(10deg);
    top : -40px;
    right : -280px;
    opacity : 1;
  }
  100% {
    transform : rotate(60deg);
    top : -200px;
    right : -1000px;
    height : 0;
    opacity : 0;
  }
}
@keyframes bounce-in {
  0% {
    padding-right : 30px;
  }
  40% {
    padding-right : 6px;
  }
  50% {
    padding-left : 30px;
  }
  100% {
    padding-left : 6px;
  }
}
.text-center {
  text-align : center;
  color : #CCC;
}
.cont {
  height : 100%;
  left : calc(50% - 350px);
  padding : 0;
  margin : 40px auto;
  position : static;
}
#nprogress-bar {
  -webkit-appearance:none;
  width : 700px;
  color : #CCC;
  height : 2px;
  margin : 0 auto;
  display: none;
}
#step11 { display: none;}
#first, #second, #third, #fourth, #fifth, #sixth, #seventh {
  margin : 0;
}
#step span {
  height : 80px;
  width : 80px;
  border-radius : 100%;
  border : #CCC solid 3px;
  background : #CCCCCC;
  position : absolute;
  left : 0;
  color : #ffffff;
  top : -30px;
  cursor : pointer;
  transition : all 0.4s ease-in-out;
  padding-top: 0px !important;
}
#step {
  height : 100px;
  width : 100%;
}
#step span i {
  padding : 20px;
  text-align : center;
  font-size : 40px;
}
#step .first {
  left : 0%;
  margin-left : -23px;
}
#step .second {
  left : 20%;
  margin-left : -23px;
}
#step .third {
  left : 40%;
  margin-left : -23px;
}
#step .fourth {
  left : 60%;
  margin-left : -23px !important ;
}
#step .fifth {
  left : 80%;
  margin-left : -23px;
}
#step .sixth {
  left : 100%;
  margin-left : -23px;
}
.detail {
  position : relative;
}
#nprogress-bar::-webkit-progress-value {
  background : #26AD9C !important;
  transition : all 0.4s ease-in-out;
}
#nprogress-bar::-webkit-progress-bar {
  background : #CCC;
}
#step .border-change {
  border-color : rgba(0, 0, 0, 0.2);
  /*background : #26AD9C;*/
  transition : all 0.4s ease-in-out;
}
.step-occasion .output {
  top : 155px;
  width : 100%;
}
.output {
  top : 198px;
  width : 100%;
}
.preview .carousel-custom1 {
  width : 230px;
}
.button {
  font-family : 'Nunito';
  font-size : 14px;
  padding-right : 0;
  height : 34px;
}
#nprogress-bar {
  max-width : 100%;
}
.cont {
  left : calc(50% - 406px);
  margin-right : 100px;
}
#step {
  height : 50px;
}
.step-content input[type="checkbox"] + label, .step-content input[type="radio"] + label {
  display : block;
  padding-left : 0 !important ;
  border : 0;
  font-size : 100%;
  font : inherit;
  vertical-align : baseline;
  margin : 0;
  padding : 0;
  width : 100%;
  height : 100%;
  cursor : pointer;
}
#step span, .step-amount input[type="radio"], .step-amount input[type="radio"] + label {
  background-color : #eaeaea;
  color : #999;
  border : none;
  box-shadow : 0 2px 1px rgba(0, 0, 0, 0.25), 0 -2px 3px rgba(0, 0, 0, 0.1);
}
#step .border-change {
  color : rgb(38, 173, 156);
}
.website-header-a {
  color : white !important ;
}
.store-logo-back {
  background-color : #fff;
  border-radius : 6px;
  border : #fff solid 1px;
  width : 200px;
  height : 200px;
  align-items : center;
  display : flex;
  justify-content : center;
  box-shadow : 0 2px 1px rgba(0, 0, 0, 0.5), 0 -2px 3px rgba(0, 0, 0, 0.6);
  float : left;
  margin-right : 40px;
  position: relative;
  top: -20px;
}
.detail-content h2 {
  border : none;
}
#about_store_nologo {
  border : #b6b7b8 solid 2px;
  border-color : rgb(182, 183, 184);
  border-style : solid;
  border-width : 2px;
  border-radius : 2px !important ;
}
.pointing {
  display : inline;
}
.pointingUp {
  display : none;
}
.step-content input[type="radio"]:checked + label {
  color : #fff !important;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#009f8b), to(#009f8b));
  background-image: -moz-linear-gradient(top, #009f8b, #009f8b);
  background-image: -ms-linear-gradient(top, #009f8b, #009f8b);
  background-image: -o-linear-gradient(top, #009f8b, #009f8b);
  background-image: linear-gradient(top, #009f8b, #009f8b);*/
}
#storeLogoOnBackOfCard {
  width : 240px;
  position : relative;
  top : 40px;
  left : 20px;
  visibility : hidden;
}
#locations .stats {
  cursor : pointer;
  border-bottom: 1px solid #e5e5e5;
}
.pager li {
  cursor : pointer;
}
.occasionSelector {
  border-radius : 5px !important ;
  background-color : #F4F4F4;
  font-size : 1.2em;
}
.step-occasion .thumbnail2 .carousel-indicators {
  margin-top : 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  margin : 0;
}
.preview .carousel-outer {
  /*box-shadow : 2px -1px 30px #888888;*/
  border-radius : 10px;
}
.preview #amountBox {
  background-size : cover;
  box-shadow : 2px -3px 13px #888888;
  display: none;
}
.detail-banner .detail-contact-address {
  width : 306px;
  padding-left : 20px;
}
.detail-banner #about_store_nologo {
  border : #b6b7b8 solid 2px;
  border-color : rgb(182, 183, 184);
  border-style : solid;
  border-width : 2px;
  border-radius : 2px !important ;
  background-color : white;
  top : 100px;
  position : absolute;
  left : 500px;
  width : 321px !important ;
}
#about_store_nologo {
  visibility : hidden;
}
.website-header-p {
  width : 100%;
  color : white;
  text-shadow : 0 0 10px rgba(0, 0, 0, 0.3);
  color : #fff;
  cursor : default;
  transition : all 0.15s linear;
}
.detail-banner .detail-banner-btn {
  border-radius : 6px;
}
.Store-info-modern {
  right : 0;
  position : absolute;
  top : 100px;
  width : 364px;
  align-items : center;
  text-align : center;
}
.step-occasion .thumbnail2 {
  margin-top : 0;
}
#sixth .next {
  visibility : hidden;
}
.infobox-container {
  position : relative;
  display : inline-block;
  margin : 0;
  padding : 0;
  width : auto;
}
.infobox {
  width : 250px;
  padding : 10px 5px 5px 5px;
  position : relative;
  z-index : 90;
  border-radius : 2px;
  box-shadow : 0 0 3px rgba(0, 0, 0, 0.55);
  background : #424242;
  color : #fff;
  font-size : 90%;
}
.infobox h3 {
  position : relative;
  width : 270px;
  color : #fff;
  padding : 10px 5px;
  margin : 0;
  left : -15px;
  z-index : 100;
  box-shadow : 0 0 3px rgba(0, 0, 0, 0.55);
  background : #3198dd;
  font-size : 160%;
  text-align : center;
  text-shadow : 0 -1px 1px #2187c8;
  font-weight : bold;
}
.infobox-container .triangle-l {
  border-color : transparent #2083c2 transparent transparent;
  border-style : solid;
  border-width : 13px;
  height : 0;
  width : 0;
  position : absolute;
  right: 320px;
  top: 55px;
  z-index : 0;
}
.infobox-container .triangle-r {
  border-color : transparent transparent transparent #2083c2;
  border-style : solid;
  border-width : 13px;
  height : 0;
  width : 0;
  position : absolute;
  left : 307px;
  top : 55px;
  z-index : 0;
}
.infobox a {
  color : #35b0ff;
  text-decoration : none;
  border-bottom : 1px dotted transparent;
}
.infobox a:hover, .infobox a:focus {
  text-decoration : none;
  border-bottom : 1px dotted #35b0ff;
}
#about_store_nologo {
  border : none !important ;
}
.detail-contact.infobox {
  position: absolute;
  width: 307px !important;
  padding-top: 40px;
  color: white !important;
}
.infobox h3 {
  margin-bottom : 7px;
  left : -18px;
  width : 332px;
  top : -14px;
  background : #009f8b;
}
.infobox-container .triangle-r {
  border-color : transparent transparent transparent #058272;
}
.infobox-container .triangle-l {
  border-color : transparent #058272 transparent transparent;
}
.detail-content .detail-contact a {
  color : white;
}
.infobox-container {
  top : 0;
  margin : 0 auto;
  display : flex;
  justify-content : center;
}
.highlighted {
  border : #b404ae solid 2px;
  background-image : url(image/tick.png);
}
#textbox span {
  bottom : 4px;
  color : #0f0;
  left : -15px;
  position : relative;
  display : none;
  border : none;
}
#textbox span.highlighted {
  display : inline;
}
.form-label {
  float : left;
  width : 133px;
}
#tabPreview {
  font-size : small;
}
#ShowCard, #HideCard {
  display : none;
}
.ShowTime {
  clear : left;
}
.bannerText {
  display : inline !important ;
  overflow : hidden;
  text-overflow : ellipsis;
  line-height : 24px;
  max-height : 48px;
}
.bannerText > div {
  display : inline-block;
  padding-right : 10px;
  white-space : nowrap;
  width : 920px !important ;
  max-width : 920px !important ;
  overflow : hidden;
  text-overflow : ellipsis;
  position: absolute;
  top: 70px;
  left: 244px;
}
.bannerText-a {
  position : absolute;
  text-decoration : underline !important ;
  margin-top : 0;
  color : #c2f6ef;
  top : 70px;
  left : 1000px;
  width: 80px;
  display: none;
}
#longDescription {
  clear : left !important ;
  display : none;
}
#lessDescription {
  display : none;
}
#step span, .step-amount input[type=radio], .step-amount input[type="radio"] + label {
  background-color: #fff;
  background-image: none ;
  color: #0a0c31;
  border: 2px solid #d5d5d6;
  -moz-box-shadow:none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px 10px !important;
  font-weight: 600;
  border-radius: 5px;
  font-family: 'Raleway', sans-serif !important;
  font-size: 22px;
}
#first .step-content .no-wrap-radio input  {
  padding:5px 15px !important;
  font-weight: 600;
  border-radius: 5px;
  color: #0a0c31; width: 110px;
  font-family: 'Raleway', sans-serif !important;
  font-size: 22px; border: 2px solid #d5d5d6;
}

#fourth .step-send .step-header h2 {
  display: block;  float: left;  width: 100%;
}

#first .step-content input[type="radio"]:checked + label {
  color: #0a0c31 !important;
}

#first .step-header {
  margin-bottom: 20px
}

#first span.no-wrap-radio {
  width: auto;
  height: auto;
  padding: 5px 5px;
  border-radius: 5px;
  margin-right: 0px;
}
#step .border-change {
  color: rgb(38, 173, 156);
  background-image: -webkit-linear-gradient(top, rgb(234, 234, 234), rgb(246, 246, 246));
}
.methodInputs,.TimeInputs {
  border: none;
  background-color: transparent;
  min-width: 50%;
}
#savedate{
  display:none;
  background: #009f8b;
  right: 0px;
  float: right;
  top: 40px;
  border-radius: 5px;
  color: white;
  height: 35px;
}
.inline-block{
  display: inline-block;
}
#myModal{
  overflow: hidden;
  display: none;
}
.buttons {
  position: absolute;
  top: 105px;
  left: 240px;
}
.storeBanner {
  top: 70%;
}
.bannerButtons{
  position: relative;
  top: 88px;
  left: 260px;
  width: 440px;
}
.StorePageBanner{
  top: 225px !important;
  height: auto !important;
}
.store_logo {
  /*height: 100px;*/
  object-fit: contain !important;
}
.website-header-p.main{
  position: static;
  top: 70px;
  left: 250px;
  height: auto;
}
.detail-banner h2 {
  left: 250px;
  top: 0;
  position: static;
  width: 766px;
}
.backward {
  z-index: 0 !important;
}

input[type="submit"]:disabled {
  color: #bcbcbc;
}
.promo-code-main .col-md-5.col-xs-7  { padding-left: 5px;}

.store-page-main sup.doller-text {    font-size: 16px; color: #0a0c31; }
.spence-modal_spence-lightbox {
  z-index: 999 !important;
}

@media screen and (max-width:940px) {
  .header-wrapper {
    margin-left : 0;
    margin-right : 0;
  }
}

@media (min-width:1001px) {
  #sticky-anchor.card-fixed { position: fixed; top:30px; z-index: 99; margin-left:0px;   transition: all 0.5s;}

}

@media (min-width:768px) and (max-width:992px){
  .website-header-p.main {
    margin-left: 15px !important; }

}

@media (max-width:1000px) {



  .view-map-btn{
    display: none !important;
  }


  .store-page-main .output {    padding-left: 0;}

  .store-page-main .col-sm-8 {  float: left !important;    width: 100%;    margin-left: 0px !important;}
  .store-page-main .process-payment-main {      width: 100%; }
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main {        margin-top: 20px;}
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main .row { margin-left: -15px; margin-right: -15px;}
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main .row .col-xs-12 { padding: 0;}
  .store-page-main.row, .store-page-main .row, .store-page-main .categories > ul {        margin-left: auto;        margin-right: auto; }
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main .col-md-5.col-xs-7 { padding-left: 5px;}

  .website-header-p.main {
    position: static  !important;      height: auto  !important;  width: 95% !important;
    white-space: inherit  !important;
    max-width: 100% !important;
    overflow: inherit  !important;
    text-overflow: inherit ; padding: 10px  !important;; float: left;
    margin-top: 140px; margin-left: 0px; }

  .detail-banner h2 {
    transform: translateY(-18%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(160%);}

  .detail-banner.sessions-main-top .detail-banner-left, .detail-banner.sessions-main-top .detail-banner-right {
    transform: translateY(-18%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(-20%);
    margin-top: 0;
  }


  #storeInformation   {     white-space: inherit !important;
    overflow: inherit !important;
    text-overflow: inherit !important;
    /* display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    height: auto !important;}


  .cardInputs:hover {
    border : none !important ;
  }
  .pointing {
    display : none;
  }
  .pointingUp {
    display : inline;
  }
  .mb80 {
    margin-bottom : 10px;
  }
  .col-sm-5 {
    padding : 0;
  }
  .preview {
    margin-top : 55px !important ;
    padding : 0 !important ;
    left : 50%;
    position : relative;
    top : 28px;
    margin-left : -172px !important ;
    position : fixed;
    height : 500px !important ;
  }
  .storeLogo {
    margin-top : 110px;
    border-radius : 27px !important ;
    left : 50% !important ;
    margin-left : 105px !important ;
  }
  #storeLogo {
    left : 50%;
    position : relative;
    top : -20px;
    z-index : 1500;
  }
  #logo {
    z-index : 2 !important ;
  }
  .detail-banner {
    height : 125px;
    margin-bottom : 0;
  }
  .detail-banner h2 {
    /*display : none;*/
  }

  .detail-banner h2 {
    left: 160px;
    top: -20px;
    position: absolute;
    width: auto;}

  .detail-banner-address {
    display : none;
  }
  .detail-banner-btn.fa-phone {
    position : absolute;
    top : 59px;
    left : -27px;
    width : 119px;
    padding : 0 !important ;
    display : none;
  }
  i.fa.fa-phone {
    display : none;
  }
  .fa-phone:before {
    display : none;
  }
  .detail-vcard {
    display : none;
  }
  #form {
    display : none;
  }
  .footer {
    display : none;
  }
  .cards {
    left : 50%;
    margin-left : -166px;
    top : 254px;
  }
  .Cardbuttom-PucketPart {
    width : 300px !important ;
    top : 368px !important ;
    left : 50% !important ;
    margin-left : -191px !important ;
  }
  #amountBox {
    top : 287px !important ;
    margin-left : 7px !important ;
    width : 55px !important ;
    left : 185px !important ;
  }
  #showAmount {
    height : 48px !important ;
  }
  #typingTo {
    top : -5px !important ;
  }
  #typingAmount {
    top : 262px !important ;
    left : 160px !important ;
    font-size : 20px !important ;
  }
  #typingFrom {
    top : 152px !important ;
  }
  button#flipIn {
    top : 478px !important ;
    z-index : 300;
    left : 94px !important ;
  }
  .slide.cycle-slide.cycle-slide-active {
    top : -7px;
    left : -1px;
    width : 229px;
  }
  .slide {
    top : -8px !important ;
    left : -1px !important ;
    width : 230px !important ;
    height : 138px !important ;
  }
  .thumbnail2 {
    /*padding-right : 19px;*/
    width : 100% !important ;
    height : 100% !important ;
    float: left;
  }
  .slide img {
    width : 230px !important ;
    height : 138px !important ;
  }
  .controls {
    top : 138px;
    margin-left : -92px;
  }
  #selectCard {
    top : 444px !important ;
    left : 50% !important ;
    margin-left : -79px;
  }
  textarea {
    width : 250px;
  }
  #showTo {
    width : 108px;
    color: black;
  }
  #showFrom {
    width : 150px;
    color: black;
    -webkit-text-fill-color: #000000;
    -webkit-opacity: 1;
  }
  .detail-banner-icons a {
    color : white;
    display : inline-block !important ;
    margin : 2px;
  }
  body {
    background-color : #fff;
    color : rgb(54, 54, 54) !important ;
    margin-bottom: 50px;
    display:inline-block;
  }
  .main-inner {
    padding-bottom : 0;
  }
  #In-rest-of-form {
    height : 500px !important ;
    width : 313px !important ;
    padding : 0 !important ;
    min-width : 313px !important ;
  }
  #rest-of-form {
    top : 78px !important ;
  }
  #backToCard {
    display : none;
  }
  #flipIn {
    display : none;
  }
  #flipOut {
    display : none;
  }
  #Review {
    display : none;
  }
  .sender {
    top : 217px !important ;
    left : 17px !important ;
  }
  .Receiver {
    top : 357px !important ;
    left : 146px !important ;
  }
  #flipOut {
    top : 477px !important ;
    z-index : 523 !important ;
  }
  #Review {
    top : 477px !important ;
    z-index : 523 !important ;
  }
  .output {
    /*position : absolute;*/
    /*top : 46px;*/
    left : 14px;
  }
  .preview .thumbnail1 {
    height : 42px;
    top : 129px !important ;
    margin-top : -60px !important ;
  }
  .preview .thumbnail1 .carousel-indicators li img {
    width : 43px !important ;
    height : 30px !important ;
    box-shadow : 2px 1px 1px 0 rgba(0, 0, 0, 0.5);
  }
  .preview .carousel-indicators .active {
    width : 43px !important ;
    height : 30px !important ;
  }
  .carousel-custom1, .carousel-custom, .carousel-customa, .carousel-customb, .carousel-customc, .carousel-customd, .carousel-custome, .carousel-customf, .carousel-customg, .carousel-customh, .carousel-customi, .carousel-customj, .carousel-customk, .carousel-customl, .carousel-customm {
    margin : 0 !important ;
  }
  .carousel-indicators {
    margin : 3px 0 0 !important ;
  }
  .col-sm-5 {
    float : none !important ;
    margin : 0 auto !important ;
    width : 380px;
  }
  .main {
    width : 100%;
    /*position : absolute;*/
  }
  #store_info_logo {
    width : 100px;
    margin : 0;
    top : 10px;
    position : relative;
    z-index: 9999;
  }
  #store_info_logo img {
    border-radius : 10px;
  }
  .detail-banner-icons a {
    top : -122px;
    color : white;
    display : none;
  }
  #storeLogo {
    display : none;
  }
  .detail-banner-icons {
    z-index : 20;
    width : 255px;
    position : relative;
    top : 53px;
    font-size : 17px;
    text-shadow : 2px 2px 8px #000000;
    text-align : center;
    margin : 0 auto;
  }

  .sessions-main-top .bannerButtons {
    top: -20px;}
  .detail-banner .detail-banner-btn {
    margin-top: 0; }
  .container {
    width : 100% !important ;
    /* margin-left: 0px; */
  }
  /*
  .container.pc-container{
  }*/
  #sticky-anchor {
    display : none !important ;
  }
  .col-sm-7 {
    width : 100% !important ;
  }
  #storeLogo {
    display : none !important ;
    margin-top : -45px;
  }
  .detail-banner-icons {
    width : 255px;
    left : 50%;
    margin-left : -25px;
    position : relative;
    top : 28px !important ;
  }
  .detail-banner-icons img {
    top : 69px;
  }
  .store_logo {
    border-radius : 10px;
    width : 200px;
    max-width : 200px;
    max-height : 200px;
    margin-top : -45px;
  }
  #preview {
    position : relative !important ;
    top : -92px !important ;
  }
  .mb80 {
    margin-bottom : 7px;
  }
  #sticky-anchor {
    display : none !important ;
  }
  .col-sm-7 {
    width : 100% !important ;
  }
  #storeLogo {
    display : none !important ;
    margin-top : -45px;
  }
  .detail-banner-icons {
    width : 255px;
    left : 50%;
    margin-left : -25px;
    position : relative;
    top : 28px !important ;
  }
  .detail-banner-icons img {
    top : 69px;
  }
  .store_logo {
    border-radius : 10px;
    width : 200px;
    max-width : 200px;
    max-height : 200px;
    margin-top : -45px;
  }
  #preview {
    position : relative !important ;
    top : -92px !important ;
  }
  .mb80 {
    margin-bottom : 7px;
  }
  .col-sm-7 {
    display : block !important ;
  }
  #form {
    display : block !important ;
  }
  .detail-banner-icons {
    top : 28px !important ;
    width : 255px;
    margin-left : -60px;
    position : relative;
  }
  #store_info_logo {
    width : 100px !important ;
  }
  #store_info_logo img {
    max-height : 100%;
    max-width : 100%;
    width: 100%;
  }
  .mb80 {
    margin-bottom : 7px;
  }
  #tab2 .output {
    position : relative;
  }
  #tab2 .carousel-indicators {
    width : 400px !important ;
    height : 270px !important ;
    width : 100% !important ;
    height : 100% !important ;
  }
  .thumbnail2 .carousel-indicators li img {
    width : 99px !important ;
    height : 70px !important ;
  }
  .cards {
    visibility : hidden !important ;
  }
  .thumbnail1 {
    visibility : hidden !important ;
  }
  #Card_design {
    visibility : hidden;
  }
  #Adresses {
    visibility : hidden;
  }
  #Confirm {
    visibility : hidden;
  }
  #OccasionLabel {
    visibility : hidden !important ;
  }
  .wizard {
    position : fixed;
    bottom : 10px;
    width : 100%;
    z-index : 200;
    left : 0;
    display: none;
  }
  .pager li a:hover {
    background-color : rgb(0, 159, 139);
    border : rgb(0, 159, 139);
  }
  .pager li a {
    background-color : rgb(0, 159, 139);
    border : rgb(0, 159, 139);
    box-shadow: 0px 0px 10px 2px #00352f;
  }
  #welcome-header {
    padding-top : 0 !important ;
    margin-top : -22px;
  }
  .progress {
    margin-top : -21px;
  }
  #amt_cust_wrap {
    margin-left : 0;
    position : relative;
  }
  .amount_cust {
    /*font-size : 13px !important ;*/
    /*box-shadow : 0 2px 1px rgba(0, 0, 0, 0.25), 0 -2px 3px rgba(0, 0, 0, 0.1);*/
    /*height: 30px;*/
  }
  #occasions {
    top : 120px;
    left : 41px;
  }
  .detail-banner-icons {
    left: 10px;
    top : 0 !important ;
    width : 214px;
    position: absolute;
    margin-left : -50px;
  }
  .StorePageBanner {
    height: auto !important;
  }
  .bannerText {
    top: -60px !important;
    position: relative;
  }
  .tab-content {
    padding-right : 5px;
    padding-left : 5px;
  }
  #tab1 .detail-contact {
    border : solid;
    border-width : 1px;
    border-radius : 5px;
    background-color : azure;
    border-color : cadetblue;
    padding : 0 3px;
  }
  #sticky-anchor {
    display : block !important ;
    /*visibility : hidden;*/
    position : absolute;
    left : 50%;
    margin-left : -170px;
    top : 220px;
  }
  /* .carousel-inner > .item > img, .carousel-inner > .item > a > img {
   visibility : hidden;
   }*/
  #preview {
    width : 300px;
  }
  .thumbnail2 .carousel-indicators .active {
    width : 99px !important ;
    height : 70px !important ;
    min-width: 110px !important;
  }
  #tab1 .detail-contact {
    display : block !important ;
  }
  .col-sm-7 .output {
    padding : 0 !important ;
  }
  h2 {
    font-size : 23px;
  }
  .step-occasion .output {
    margin-left: 0;
    min-width: auto;
    margin-bottom: 20px;
  }
  .thumbnail2 .carousel-indicators li {
    margin : 5px 0 5px 0 !important ;
    min-width: 110px !important;
  }
  .cont {
    margin-top : 10px;
  }
  .step-occasion .output {
    top : 172px;
  }
  .preview .slide {
    top : -160px !important ;
  }
  .previewButtom {
    background-image : url(../img/8888.png);
    background-size : 99%;
    height : 240px;
    margin-left: 0px;
    width: 303px;
  }
  .previewTop {
    transform-origin : 50% 100%;
    transform : perspective(800px), rotateX(0deg);
    transition : transform 0.3s 0s linear;
    background-image : url(../img/66.png);
    background-size : 99%;
    height : 240px;
  }
  .envelope {
    margin-left : 20px;
  }
  .website-header {
    color : white;
    text-shadow : 2px 2px black;
  }
  .website-header-i {
    color : #009f8b;
  }
  .website-header-a {
    color : white !important ;
  }
  .website-header-a:hover {
    color : gray !important ;
  }
  .detail-banner .detail-contact-website {
    /*visibility : hidden;*/
  }
  .detail-contact-website-header {
    margin-left : 125px;
    left : 50%;
    position : relative;
    top : 50px;
    visibility : hidden;
  }
  .detail-banner .detail-banner-left {
    left : 15px;
  }
  .detail-banner {
    height : 165px;
    margin-bottom : 0;
  }
  .store-logo-back-mobile {
    background-color : #fff;
    border-radius : 6px;
    border : #fff solid 1px;
    width : 110px;
    height : 110px;
    align-items : center;
    display : flex;
    justify-content : center;
    box-shadow : 0 2px 1px rgba(0, 0, 0, 0.5), 0 -2px 3px rgba(0, 0, 0, 0.6);
    float : none;
    margin : 0 auto;
    top : -8px;
    position : relative;
    left: 15px;
  }
  /*.detail-banner-left {
  display : none;
  }
  .store-logo-back {
  visibility : hidden;
  }
  .website-header-p {
  visibility : hidden;
  }*/


  .store-logo-back {
    width: auto;
    height: 70px;
    float: left;
    margin-right: 30px;
    margin-bottom: 90px;
    margin-left: 20px;
    display: none;
  }

  #ShowCard, #HideCard {
    display : block;
    position : fixed;
    top : 80px;
    left: 50%;
    margin-left: -38px;
    z-index : 700;
  }
  #preview {
    display : none;
  }
  #sticky-anchor {
    top : 110px;
  }
  .ShowCard.pointingUp {
    font-size : 12px !important ;
    display: none !important;
  }
  .header-search {
    width : 50px;
  }
  .header-search input {
    padding : 0;
  }
  .about-suds-pc {
    display : none;
  }
  .step-amount #about_store_nologo {
    visibility : visible;
    display: none;
  }
  .Store-info-modern {
    visibility : hidden;
  }
  .carousel-outer {
    /*visibility : hidden;*/
  }
  #first, #second, #third, #fourth, #fifth, #sixth, #seventh {
    margin-bottom:50px;
  }
  #fourth {
    margin-bottom:20px !important;
  }
}
@media (min-width:1000px) {
  .step-amount .no-wrap-radio {
    font-size : 17px;
  }
  #preview {
    visibility : visible !important ;
  }
  .item.active img {
    visibility : visible !important ;
  }
  .pc-container {
    min-height : 720px;
  }
  #amountBox {
    padding-top : 16px !important ;
  }
  #preview {
    height : 500px !important ;
  }
  #preview .carousel-custom1 {
    height : 138px;
  }
  .slide img {
    width : 230px !important ;
    height : 138px !important ;
  }
  #preview .slide {
    top : -13px !important ;
  }
  #amountBox {
    top : 287px !important ;
    margin-left : 7px !important ;
    width : 55px !important ;
    left : 185px !important ;
  }
  .Cardbuttom-PucketPart {
    width : 300px !important ;
    top : 378px !important ;
  }
  #showTo {
    width : 130px;
  }
  #selectCard {
    top : 444px !important ;
    left : 50% !important ;
    margin-left : -79px;
  }
  .cards {
    position : absolute;
    top : 0px;
    left : 0px;
  }
  #amountBox {
    top : 282px !important ;
    margin-left : 24px !important ;
  }
  .previewTop {
    margin-top : -30px;
    margin-left : -30px;
  }
  #In-rest-of-form {
    height : 500px;
    background-size : 78%;
  }
  #sender {
    top : 260px;
  }
  #Receiver {
    top : 390px;
    left : 156px;
  }
  #rest-of-form {
    display : none;
    position : relative;
    top : -253px;
    left : -20px;
  }
  .envelope {
    left : -55px;
  }
  .previewTop {
    transform-origin : 50% 100%;
    transform : perspective(800px), rotateX(0deg);
    transition : transform 0.3s 0s linear;
    background-image : url(../img/66.png);
    background-size : 99%;
    height : 240px;
    display: none;
  }
  .previewButtom {
    /* background-image : url(../img/88888.png); */
    background : transparent;
    background-size : 99%;
    height:240px;
    margin-left : -30px;
    width:303px;
  }

  .buttonsend {
    background-color : #cff5b3;
    width : 115px;
  }
  .letter #preview {
    position : absolute;
    top : -242px !important ;
    left : -24px;
  }
  .website-header {
    font-size : 1.8em;
    color : white;
    text-shadow : 2px 2px black;
  }
  .website-header-i {
    font-size : 1.8em;
    color : #009f8b;
  }
  .website-header-a {
    color : white !important ;
  }
  .website-header-a:hover {
    color : gray !important ;
  }
  .detail-banner-btn:hover .website-header-a {
    color : gray !important ;
  }

  ul.pager.wizard {
    top : 500px !important ;
    position : static;
    width : 110%;
    height : 30px;
    border-radius : 15px;
    background-color : #eaeaea;
    color : #999;
    border : none;
    box-shadow : 0 2px 1px rgba(0, 0, 0, 0.25), 0 -2px 3px rgba(0, 0, 0, 0.1);
  }
  li.previous.progress-tab {
    left : -7px !important ;
    position : absolute;
  }
  li.next.progress-tab {
    right : -10px !important ;
    position : absolute;
  }
  #map {
    visibility : visible !important ;
    height : 330.909px;
  }
  #locations {
    visibility : visible !important ;
    height : 330.909px;
  }
  .fa-dollar {
    padding-left : 15px !important ;
  }
  .input-group-sender .input-group {
    margin-bottom : 15px;
    width : 50%;
    float : left;
  }
  .step-amount #about_store_nologo {
    visibility : hidden;
  }
  #about_store_nologo {
    visibility : hidden;
  }
  .infobox-container {
    display : none;
  }
  .span.no-wrap-radio {
    height : 41px;
  }
  ul.pager.wizard {
    height : 35px;
    display: none;
  }
  ul.wizard li a, ul.wizard li a:focus {
    font-size : 17px;
    font-weight : bold;
    margin-right : 5px !important ;
    width : 130px !important ;
  }
  .detail-banner-left {
    margin-top : 30px;
  }
}
@media (min-width:768px) and (max-width:940px) {
  .container {
    width : 100%;
  }
}
@media (min-width:768px) {
  .thumbnail1 .carousel-indicators li {
    min-width : 50px !important ;
    height : 34px;
    background-color : transparent;
  }
  .progress {
    z-index : 0;
    position : relative;
    margin-top : -103px;
    height : 81px;
  }
  #preview {
    top : -75px !important ;
  }
}
@media all and (max-width:768px) {
  .flexbox {
    flex-direction : column;
  }
  #company-info {
    margin-top : 0 !important ;
  }
  .header-search {
    margin : 0;
  }
  .header-search input {
    visibility : hidden;
    height : 0;
    margin : 0;
    border : none;
    padding : 0;
  }
  .flexbox > li > a {
    color : transparent;
    height : 56px;
    font-size : 0;
    background-size : 100% 100%;
  }
  .thumbnail1 .carousel-indicators li {
    min-width : 43px !important ;
    height : 30px;
    background-color : transparent;
  }
  #map {
    height : 400px;
    display : block;
    padding:0 !important;
  }
  #locations {
    height: 400px;
    display : block;
  }
}
@media (max-width:975px) {
  #sticky.stick {
    margin-top : 50px !important ;
    position : fixed;
    top : 0;
    right : -40px;
  }
  #sticky {
    right : 0;
    z-index : 200;
    position : relative;
  }
  #sticky-anchor {
    float : right;
    max-width : 339px;
    width : 339px;
  }
}
@media (max-width:769px) and (min-width:766px) {
  div#preview {
    margin-left : -35px;
    z-index : 2;
    position : absolute;
  }
}
@media (max-width:370px) {
  .about-suds-mobile {
    max-width : 82% !important ;
    margin : 0 auto;
    float : right;
  }
}
@media (min-width:768px) and (max-width:1000px) {
  #map {
    height : 400px;
    display : block;
  }
  #locations {
    height : 400px;
    display : block;
  }
}

@media (max-width:700px) {
  .preview .thumbnail1 {
    visibility : visible;
  }
  .cards label.wrapper {
    visibility : visible;
  }
  .cards .button.dropdown {
    visibility : visible;
  }
  .cards .button.dropdown {
    visibility : hidden;
  }
}
@media (min-width:700px) and (max-width:768px) {
  .mb80 {
    margin-bottom : 10px;
  }
  .footer-top .col-sm-4 {
    padding-left : 15px;
    padding-right : 15px;
    margin : 2px;
  }
  .footer-top {
    padding-left : 30px;
  }
  .col-sm-7 {
    width : 40%;
    display : block !important ;
  }
  .about-suds-pc {
    display : none !important ;
  }
  .thumbnail2 .carousel-indicators .active {
    width : 99px !important ;
    height : 70px !important ;
    min-width : 99px !important ;
  }
  .thumbnail2 .carousel-indicators {
    width : 99px !important ;
    height : 70px !important ;
    min-width : 99px !important ;
  }
  .thumbnail2 .carousel-indicators li img {
    width : 99px !important ;
    height : 70px !important ;
  }
  .thumbnail2 {
    left : 0 !important ;
  }
  .col-sm-7 .output {
    padding : 0 !important ;
  }
  .thumbnail2 {
    padding-right : 19px;
  }
  .thumbnail2 ol.carousel-indicators {
    height : 100% !important ;
    width : 105% !important ;
  }
  .thumbnail2 .carousel-indicators li {
    min-width : 100px !important ;
  }
  .thumbnail1 .carousel-indicators li {
    width : 50px !important ;
    height : 37px !important ;
  }
  .mb80 {
    margin-bottom : 10px;
  }
  .col-sm-4 {
    max-width : 33%;
    float : left;
  }
  .footer-bottom .nav > li {
    float : left;
  }
  .footer-top .col-sm-4 {
    padding-left : 0;
    padding-right : 0;
    margin : 2px;
  }
  .footer-top {
    padding-left : 30px;
  }
  .footer-bottom-right {
    float : right;
    margin-top : 0;
  }
  .col-sm-5 {
    right : 0;
  }
}
@media (max-width:500px) {
  #rootwizard .flexbox > li > a {
    background-size : 90% 70%;
    background-position : 50% 50%;
  }
}
@media (max-width:1360px) {
  #step span i {
    padding : 10px;
    text-align : center;
    font-size : 32px;
  }
  #step span {
    height : 50px;
    width : 50px;
    border-radius : 100%;
    position : absolute;
    left : 0;
    top : -15px;
    cursor : pointer;
    transition : all 0.4s ease-in-out;
  }
  #nprogress-bar {
    width : 500px;
  }
  .cont {
    left : calc(50% - 290px);
  }
  #step {
    height : 50px;
  }
  #step .first {
    left : 0;
    margin-left : -23px;
  }
  #step .second {
    left : 100px;
    margin-left : -23px;
  }
  #step .third {
    left : 200px;
    margin-left : -23px;
  }
  #step .fourth {
    left : 300px;
    margin-left : -23px !important ;
  }
  #step .fifth {
    left : 400px;
    margin-left : -23px;
  }
  #step .sixth {
    left : 500px;
    margin-left : -23px;
  }
}
@media (max-width:600px) {
  .detail-banner .detail-banner-btn {
    text-shadow: 0px 0px 10px rgb(0 0 0 / 30%);
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    margin-right: 5px;
    padding: 6px 4px;
  }

  #step span i {
    padding : 3px;
    text-align : center;
    font-size : 20px;
  }
  #step span {
    height : 30px;
    width : 30px;
    border-radius : 100%;
    position : absolute;
    left : 0;
    top : -3px;
    cursor : pointer;
    transition : all 0.4s ease-in-out;
  }
  #nprogress-bar {
    width : 290px;
  }
  .cont {
    left : calc(50% - 155px);
    margin-top : 10px;
  }
  #step {
    height : 20px;
  }
  #step .first {
    left : 0;
    margin-left : -23px;
  }
  #step .second {
    left : 58px;
    margin-left : -23px;
  }
  #step .third {
    left : 116px;
    margin-left : -23px;
  }
  #step .fourth {
    left : 174px;
    margin-left : -23px !important ;
  }
  #step .fifth {
    left : 232px;
    margin-left : -23px;
  }
  #step .sixth {
    left : 290px;
    margin-left : -23px;
  }
  .fa-dollar {
    padding-left : 10px !important ;
  }
  .fa-paint-brush {
    padding-left : 5px !important ;
  }
  .fa-pencil {
    padding-left : 7px !important ;
  }
  .fa-clock-o {
    padding-top : 5px !important ;
    padding-left : 6px !important ;
  }
  .fa-envelope-o {
    padding-left : 6px !important ;
  }
  .container {
    margin-left: 0px;
  }
  #fb-futuresend-message{
    padding-top: 80px;
  }
}
@media (min-width:600px) {
  .fa-dollar {
    padding-left : 16px !important ;
  }
}
@media (min-width:1360px) {
  .fa-dollar {
    padding-left : 29px !important ;
  }
  .fa-paint-brush {
    padding-left : 20px !important ;
  }
  .fa-pencil {
    padding-left : 24px !important ;
  }
  .fa-clock-o {
    padding-left : 24px !important ;
  }
}
@media (max-width:400px) {

  .store-logo-back-mobile {
    background-color : #fff;
    border-radius : 6px;
    border : #fff solid 1px;
    width : 80px;
    height : 80px;
    align-items : center;
    display : flex;
    justify-content : center;
    box-shadow : 0 2px 1px rgba(0, 0, 0, 0.5), 0 -2px 3px rgba(0, 0, 0, 0.6);
    float : none;
    margin : 0 auto;
    top : -8px;
    position : relative;
  }
  .detail-banner {
    height : 158px;
    margin-bottom : 0;
  }
  #store_info_logo {
    top: 40px;
  }
  .col-sm-7 {
    margin-top : -25px;
  }
  .detail-content h2 {
    font-size : 1.7em;
    padding-bottom : 20px;
  }
  h3 {
    font-size : 1.3em;
  }
  body {
    font-size : 13px;
  }
  span.no-wrap-radio {
    margin-bottom : 4px;
  }
  .step-occasion .output {
    top : 122px;
  }
  .colors {
    height : 240px;
  }
  #sticky-anchor {
    top : 140px;
  }
  .step-send {
    font-size : 12px;
  }
  .cont {
    left : calc(50% - 138px);
  }
}
@media (max-width:1197px) {
  .bannerText > div {
    width : 575px !important ;
  }
  .bannerText-a {
    left : 805px;
  }
}

#about_store_nologo .text-secondary {
  color: #ffffff;
}

#about_store_nologo .website-header-i {
  color: #009f8b;
}
#about_store_nologo .fa-map-o {
  color: #009f8b;
}



.alerts{
  line-height: 2;
  padding: 7px 30px;
  background-color: #f2dede;
  color: #a94442;
  border-radius: 4px;
  border: 1px solid #d43f3a;
  position: absolute;
}
@media (min-width: 1000px){
  .alerts{
    top: 440px !important;
    min-width: 750px;
    left: 1px;
  }
}
@media (max-width: 1000px){
  .alerts, .success-alerts{
    left: 0px;
    width: 100%;
  }
}

.required {
  text-align: center;
  margin-top: 22px;
}


#HideCard{
  display:none;
}
#previewTop{
  width: 300px !important;
}
#typingAmount{
  display: none;
}
#showMessage{
  margin-left: 0px;
  margin-bottom: -4px;
  overflow: hidden;
  width: 90%;
  top: 7px;
  resize: none;
  height: 130px;
  color: #000000;
  -webkit-text-fill-color: #000000;
  -webkit-opacity: 1;
}
#amountBox{
  color: white;
  font-size: 20px;
  padding-top: 10px;
  padding-left: 7px;
}
#showAmount{
  margin-left: -12px !important;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  -webkit-opacity: 1;
}
.colors.blue{visibility: visible;}

#fakeEnvelope{
  background-image: url(../templates/store/assets/img/envelope.png) !important;
  margin: 0px;
  background-size: contain;
  width: 300px;
  background-size: 99%;
  height: 227px;
  top: -13px;
  position: relative;
  left: 3px;
  border: none;
  display:none;
}

.letter{
  background-image: url(../templates/store/assets/img/77.png) !important;
  margin: 0px;
  background-size: contain;
  width: 300px;
  background-size: 99%;
  height: 240px;
  top: -240px;
  position: relative;
  left: 3px;
  border: none;
}

.map-mobile{
  display:none;
}
#amount_cust{
  width: 100%;
  background-color: transparent;
  position: relative;
  left: -18px;
  padding-left: 15px;
}
#occasions{
  float: left;
  margin-left: 20px;
}

.thumbnail2 .active{
  opacity: 0.95;
  border-radius: 10px;
  background: url("/templates/store/assets/img/check2.png") center center no-repeat;
}


.thumbnail2 .active img{
  opacity: 0.35 !important;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

@media (min-width:1000px) {
  #map,
  #locations,
  #preview
  {
    display: block !important;
  }
}


#showMessage2{
  font-size: 12px !important;
  line-height: 18px !important;
  margin-left: 0px;
  margin-top: 22px;
  width: 86%;
  margin-bottom: -4px;
  overflow: hidden;
  top: 7px;
  resize: none;
  height: 100px;
}

.fb-style {
  margin-right: 4px;
  margin-left: 4px;
}

.facebook-color {
  background-color: #255c95;
}

.facebook-color:hover {
  background-color: #1b436c;
}

.twitter-color {
  background-color: #00b4e0;
}

.twitter-color:hover {
  background-color: #008bad;
}

.google-plus-color {
  background-color: #f1403a;
}

.google-plus-color:hover {
  background-color: #e81810;
}

.linkedin-color {
  background-color: #1c87bd;
}

.linkedin-color:hover {
  background-color: #156791;
}

.pinterest-color {
  background-color: #cb2027;
}

.pinterest-color:hover {
  background-color: #9f191f;
}

.pinterest-style {
  margin-right: 2px;
  margin-left: 2px;
}

.email-color {
  background-color: #757575;  }

.email-color:hover {
  background-color: #5b5b5b;
}
.progress{
  margin-top: 0;
  height: 20px;
}
.terms {
  text-align:center;
}
.stripe {
  text-align:center;
  margin-top:20px;
}
#loading-bar img{
  width: 5%;
}
#loading-bar{
  padding-top:15px;
}
#storeInformation{
  height: auto;
  width: 100%;
  overflow: hidden;
  padding-left: 0;
  text-overflow: unset;
  white-space: normal;
  text-shadow: 0px 0px 8px #000;
}
#readMore{
  display: none;
}

.promo-alerts{
  line-height: 2;
  padding: 5px;
  background-color: #f2dede;
  color: #a94442;
  border-radius: 4px;
  border: 1px solid #d43f3a;
}
.success-alerts {
  line-height: 2;
  padding: 5px;
  background-color: #d0edd0;
  color: #464646;
  border-radius: 4px;
  border: 1px solid #5cb85c;
}
#btn_promo_code {
  background-color: #42782e;
  border-color: #42782e;
  color: #fff;
  border-radius: 5px;
}.promo-code-main .form-control{  border-radius: 5px; }
.promo-code-main .amnt-main p{ font-size: 22px;
  color: #636466;
  min-width: 220px;
  font-weight: 500;
  margin-right: 30px; margin-bottom: 0;}
.promo-code-main .amnt-main { display: flex;
  border: 2px solid #a2a2a4;
  border-radius: 13px;
  margin-bottom: 30px;
  align-items: center;
  padding: 10px 10px;
}
.promo-code-main .amnt-main .form-control { border: 0;font-size: 38px;  font-family: 'Raleway', sans-serif !important;   color: #0a0c31; padding-left: 0px;    font-weight: 500;}

.promo-code-main .amnt-main .form-control::-webkit-input-placeholder { color: #0a0c31;   }
.promo-code-main .amnt-main .form-control:-ms-input-placeholder {color: #0a0c31;   }
.promo-code-main .amnt-main .form-control::placeholder { color: #0a0c31;    }
.promo-code-main .amnt-main sup { font-size: 20px;color: #0a0c31; font-weight: 500;  }
.custom-showdon-none { box-shadow: none !important; }
.pb-custom { padding-bottom: 0 !important;}

.spacer
{
  margin-top: 50px;
}

.border-bottom{
  border-bottom: 1px solid;
  border-color: #d4d4d4;
}

.footer-bottom {
  padding: 14px 20px;
}

@media screen and (min-width: 1001px) and (max-width: 1250px) {
  .store-page-main .cont {

    width: 96%;}
}

@media (max-width: 767px) {

  .view-map-btn{
    display: none !important;
  }

  .detail-banner h2 {
    left: 150px;
    /*top: 15px;*/
    position: absolute;
    width: auto;
    font-size: 22px;

  }

  .store-page-main .custom-input-main .input-group-addon {  min-width: 120px; font-size: 16px; text-align: left !important; padding-left: 0;}
  .store-page-main .contat-form-main .form-control {  font-size: 16px}
  .store-page-main .conditions-taxt  {  font-size: 16px}
  .store-page-main .thankyou-taxt .btn-success { white-space: normal;}
  .store-page-main .payment-title {    padding-top: 10px;
  }
}


@media (max-width: 600px) {
  .store-page-main .step-when label {  width: 100% !important; }
  .store-page-main .button-in-wizard { font-size: 16px !important;}
  .store-page-main #remail .button-in-wizard {    width: 40% !important;  }
  .detail-content div#second {    padding: 10px 0 10px 0px;  }
  .store-page-main #fourth .step-content .button-in-wizard {    width: 32% !important;    min-width: 120px; padding: 8px !important;}
  .store-page-main .div#sticky-anchor {      max-width: 200px;
    width: 200px;  display: none !important;}
  .store-page-main #remail {      padding-top: 10px;}
  .sessions-main-top .bannerButtons {   right: 30px;}
  .detail-banner h2 {    left: 129px;}
  div#sticky-anchor { display: none !important ;}
  .store-page-main .process-payment-main {    border-top: 0px solid #c3c4c6;    margin-top: 0px;    padding-top: 0px;}


}


/*@media (max-width: 550px) {
  .detail-banner.sessions-main-top {
    height: 300px;
  }

}*/

@media (max-width: 450px) {
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main .col-md-5.col-xs-7 { width: 100%; margin-bottom: 10px;}
  .store-page-main .form-group.col-md-12.col-xs-12.spacer.promo-code-main .col-md-3.col-xs-5 { width: 100%; padding-left:0px;}

  .detail-banner h2 {       font-size: 18px; }

}
@media (max-width: 420px) {
  .detail-banner h2 {
    transform: translateY(-18%);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(90%);}
}

@media (max-width: 400px) {

  .promo-code-main .amnt-main p {
    font-size: 20px;
    min-width: auto;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .promo-code-main .amnt-main .form-control {
    font-size: 38px;
    padding-left: 0px;
    width: 108px;}



}

@media (max-width: 375px) {

  .detail-banner.sessions-main-top .detail-banner-btn {
    margin-top: 0;}

  .detail-banner h2 {  font-size: 16px; left: 108px; }
}


/*@media (max-width: 330px) {

  .detail-banner.sessions-main-top {
    height: 330px;
  }
}*/

@media (max-width: 320px) {


  .detail-banner h2 {       font-size: 14px;  }
}



/* @media screen and (device-width: 414px) {
  .safari .website-header-p.main { margin-top: 105px !important;}
  .mac .website-header-p.main { margin-top: 105px !important;}
  .safari .detail-banner h2 {  font-size: 15px; left: 103px; }
  .mac .detail-banner h2 {  font-size: 16px; left: 103px; }


} */


@media screen and (max-width: 767px) {
  .safari .website-header-p.main { margin-top: 105px !important;}
  .mac .website-header-p.main { margin-top: 105px !important;}

}



@media screen and (max-width: 480px) {
  .safari .detail-banner h2 {  font-size: 16px; }
  .mac .detail-banner h2 { font-size: 16px; }

}


@media screen and (max-width: 320px) {
  .safari .flag-icon { top: 0 !important;}
  .mac .flag-icon { top: 0 !important;}
  .safari .detail-banner h2 { font-size: 16px; }
  .mac .detail-banner h2 { font-size: 16px; }


}

/*

  @media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .website-header-p.main { margin-top: 105px !important;}

}  */

.offerBand{
  background-color: #61BD4F !important;
  border-color: #61BD4F !important;
  font-size: 15px !important;
}

.float-right {
  text-align: right;
}

.payment-details-table {
  width: 100%;
}

.step-preview.process-payment-main.bia-payment {
  margin-top: -30px
}

.max-amount-label {
  color: red;
  display: block;
  font-size: 14px;
}

.store-page-main #seventh { 
  border-top: 1px solid #c3c4c6; 
  padding-top: 30px;
  margin-top: 30px;
}

.eligible-promo-checkbox label, #eligible-promo-checkbox {
  font-size: 15px;
  color: #e42424;
}

#btn_remove_promo_code {
  background-color: #6c757d;
  border-color: #42782e;
  color: #fff;
  border-radius: 5px;
}

.p-1 {
  padding: .25rem !important;
}

.border-top{
  border-top: 1px solid;
  border-color: #d4d4d4;
}