/*  GENERAL  */

@supports not (aspect-ratio: 1 / 1) {.cat__menu--list-items.btn-44 {min-height: 34px;}.cat__menu--list-items.btn-32 {min-height: 30px;}}

.sec__animate--zoom {
    animation: animatezoom 0.6s;
}

.sec__container {
    position: relative
}

.cta-button {
    display: inline-block;
    padding: 15px 30px;
    margin: 20px 35px;
    font-size: 22px;
    font-weight: bold;
    color: white;
    border-radius: 8px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease-in-out;
    min-width:200px;
}

.cta-button.explore {
    background: linear-gradient(45deg, #008080, #00b3b3);
    border: 2px solid #4B0082;
    box-shadow: -4px 4px 8px rgba(138, 43, 226, 0.4);
}

.cta-button.shop {
    background-color: white;
    color: #008080;
    border: 2px solid gray;
    box-shadow: -4px 4px 8px rgba(100, 100, 100, 0.4);
}

.cta-button.plan {
    background: linear-gradient(45deg, #4B0082, #8A2BE2);
    border: 2px solid #008080;
    box-shadow: -4px 4px 8px rgba(0, 128, 128, 0.4);
}

 .cta-button.image {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
    min-width: auto;
}

.cta-button.theme {
    flex: 1 1 200px;
    aspect-ratio:240/33;
    padding: 0;
    margin: 0px 15px 20px 5px;
    background-color: white;
    color: #008080;
    border: none;
    border-radius:0px;
    box-shadow: 0 0 10px 3px rgba(100, 100, 100, 0.4);    
    width:100%;
    max-width:240px;
    min-width: auto;
}

.cta-button:hover {
    transform: scale(1.05);
    filter: brightness(1.2);
}

.cta-button.reviews {
    background: #fff;
    color:#8a2be2;
    border: 2px solid #4B0082;
    box-shadow: -4px 4px 8px rgba(138, 43, 226, 0.4);
}

.cta-button.reviews::before {
    content: "\2605  "; /* Solid Star */
    color: #fed100;
    transform: translateY(-50%);
}

.cta-button.reviews::after {
    content: "  \2605"; /* Solid Star */
    color: #fed100;
    transform: translateY(-50%);
}

/*  HOME  */

.sec__hero {
    background: url(/assets/images/scenes/home/HomePhotoMAST-bg.jpg) no-repeat center center/cover;
    text-align: center;
}

.flex__group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex__group.tagbtns {
    gap: 0px;
    margin: 30px 0;
}

.flex__group.hero {
    gap: 2.5%;
    margin: 0px 0px 15px 0px;
}

.flex__group--box {
    width: 22%;
    overflow: hidden;
    border-radius: 0px;
    filter: drop-shadow(-13px 13px 4px #4f4f4f);
}

.flex__group--box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0px black;
    border-radius: 10px;
}

.txt__hero {
    width: 100%;
    margin: 0px auto;
    font-size: 22px;
    line-height: 1.5;
    background: linear-gradient(rgba(255,255,255,.05),rgba(255, 255, 255, 0.15));
    padding: 20px 60px;
    border-radius: 0px;
    font-weight:900;
}

.txt__hero--mobile {
    display: none;
    width: 100%;
    margin: 15px auto 0;
    font-size: 22px;
    line-height: 1.4;
    background: linear-gradient(rgba(255,255,255,.05),rgba(255, 255, 255, 0.15));
    padding: 15px 0px;
    border-radius: 0px;
    font-weight: 500;
    text-shadow: .75px .75px #000;
}

.txt__hero--mobile p {
    margin: 50px 15px 25px;
}

.txt__hero--bold {
    color: #000;
    font-weight: 900;
    text-shadow: .5px .5px #000;
}

.sec__usp {
    background: linear-gradient(to top, #f4f2ef, #eef2f5);
    padding: 60px 20px;
    text-align: center;
    color: #222;
    font-family: 'Segoe UI', sans-serif;
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    max-width: 1200px;
    margin: 30px auto 10px auto;
}

.sec__usp .headline-usp {
    font-size: 30px;
    font-weight: 700;
    color: #8A2BE2; /* Matches bold purple styling from brand */
    margin-bottom: 20px;
    font-size:32px;
}

.sec__usp .content-usp {
    max-width: 800px;
    margin: 0 auto 20px;
    line-height: 1.6;
    font-size:18px;
}

.sec__usp .benefits-usp {
    list-style: none;
    padding: 0;
    max-width: 750px;
    margin: 0 auto 30px;
    text-align: left;
}

.sec__usp .benefits-usp li {
    margin: 12px 0;
    padding-left: 15px;
    position: relative;
}

.sec__usp .benefits-usp li::before {
    content: "\2728  "; /* Sparkles Unicode */
}

.sec__usp .cta-button {
    background: linear-gradient(to right, #00b3b3, #8A2BE2);
    color: white;
    font-weight: bold;
    padding: 14px 28px;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-block;
}

.sec__usp .cta-button:hover {
    background: linear-gradient(to right, #8A2BE2, #00b3b3);
    transform: scale(1.05);
}

.sec__rvws {
    margin-top: 40px;
    background: linear-gradient(to bottom right, #fdfdfd, #f7f7fb);
    padding: 60px 20px;
    text-align: center;
}
.sec__rvws h2 {
    font-size: 24px;
    color: #000;
    margin-bottom: 40px;
}
.grid__rvws {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    max-width: 1100px;
    margin: 0 auto;
}
.grid__rvws--card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.05);
    font-size:18px;
    font-style: italic;
    position: relative;
    padding-left: 40px;
}
.grid__rvws--card::before {
    content: "\275D";
    font-size: 25px;
    position: absolute;
    top: 10px;
    left: 20px;
    color: #8a2be2;
}
.grid__rvws--card p {
    color: #000;
    margin: 0 0 10px;
}
.txt__rvws--signed {
    display: block;
    color: #000;
}

.sec__tile {
    background: #ffffff;
    padding: 40px 20px;
    border-radius: 16px;
    box-shadow: inset 0 0 0 2px rgba(83, 190, 173, 0.1);
    overflow:hidden;
}

.sec__tile--heading {
    font-size:32px;
    font-weight: 700;
    color: #222;
    margin-bottom: 10px;
    text-align: center;
}

.sec__tile--subhead {
    font-size: 22px;
    font-weight: 400;
    color: #666;
    text-align: center;
    margin-bottom: 40px;
    font-style: italic;
}

.grp__tile {
    margin-bottom: 20px;
    margin-top: 40px;
}

.grp__tile--heading {
    font-size: 28px;
    color: #4B0082;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 10px;
    font-weight:700;
}

.grid__tile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    max-width: 1200px;
    margin: 0 auto;
}

.box__tile {
    width:275px;
    max-width:100%;
    background-color: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    margin: 0 5px 5px 0;
}

.box__tile:hover {
    transform: scale(1.02);
}

.box__tile img {
    display:block;
    width: 100%;
    height: auto;
    object-fit:cover;
}

.box__tile--title {
    background: linear-gradient(to right, #a1ddd3, #9a4bcc);
    color: white;
    padding: 8px;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}


.free-shipping-badge {
  width: 150px;
  height: 150px;
  background-color: #53bead;
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  margin: 20px auto;
  padding: 10px;
  box-sizing: border-box;
}

.div__theme {
    width:22%;
    min-width:230px;
} 

.div__theme--shadow {
    filter: drop-shadow(-10px 10px 4px #4f4f4f);
} 

.div__theme--border {
    border: 1px solid black;
    border-radius:10px;
    filter: drop-shadow(-10px 10px 4px #4f4f4f);
    max-width: 350px;margin: 0 auto;
} 

.div__theme--title {
    font-weight: 600;
    font-size: 24px;
    text-align: center;
    padding: 20px 0 5px 0;
} 

/* div features for centerpieces, blog thumbs, etc */

.div__feature{
   width:33%;
   display: inline-block;
   text-align:center;
   vertical-align: top;
   padding:10px;
}
.div__feature a{
   text-decoration: none;
}
.div__feature img{
   border-radius:10px;
}

.div__feature--thumb {
    display: inline-block; 
    cursor: pointer; 
    width:22%;
    margin: 10px 1% 0px 1%;
    color:#000;
    border: 1px solid; 
    border-radius: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.div__feature--thumb:hover {
    transform: scale(1.05); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    border-color: #53bead; 
    opacity:0.7;
    text-decoration: none;
}
.div__feature--thumb:active {
    transform: scale(0.95); 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
    border-color: #53bead; 
}
.div__feature--thumb:focus {
    outline: none; 
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); 
}

.div__feature--title{
   font-weight:700;
   font-size: 18px;
   text-align:left;
   padding:2px 0px;
}

.div__feature--button{
    padding: 10px 20px;
    width:100%;
    margin: 10px 0px 0px 0px;
    text-align: center; 
    border-color:#000;
    border-radius: 5px; 
    font-size: 16px;
    font-weight: 700;
    box-shadow: none;
    background-color:#fff;
}

.div__feature--imglink {
    cursor:pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.div__feature--imglink:hover {
    transform: scale(1.05); 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
    opacity:0.7;
}
.div__feature--imglink:active {
    transform: scale(0.95); 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); 
}
.div__feature--imglink:focus {
    outline: none; 
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); 
}

.img__thumb{
    width:150px;
}

.div__bar{
    width: 100%;
    height: 20px;
    background-color: #53bead;
}

.div__bar--banner{
    padding: 10px 0px;
    height: 50px;
    font-weight: 900;
    font-size: 20px;
    color: white;
    text-align: center;
}

.div__bar--xmas {
    display:none;
}

.div__bar--freeship {
    display:none;
}

@media (max-width:1500px) {

    .div__feature--thumb{
       width:30%;
    }

    .img__thumb{
        width:150px;
    }

    .div__feature--button{
        width:100%;
    }

    .cta-button {
        padding: 12px 24px;
        margin: 10px 25px;
        font-size: 18px;
    }
}

@media (max-width: 1280px) {
    .txt__hero {
        font-size: 18px;
    }

    .txt__hero--bold {
        text-shadow: .5px .5px #000;
    }
}

@media (max-width: 767px) {
    .flex__group.hero {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* Keep 2 columns on smaller screens */
        gap: 7% 0;
        margin-left:4.5%;
    }

    .flex__group--box {
        width: 90%;
        height: auto;
        filter: drop-shadow(-10px 10px 4px #4f4f4f);
    }

    .txt__hero {
        display: none;
    }

    .txt__hero--mobile {
        display:block;
    }

    .grp__tile--heading, .box__tile--title {
        text-align: center;
        padding-left: 0;
    }

    .grid__tile.themes a:nth-of-type(n+7) {
        display: none;
    }

    .grid__tile.categories a:nth-of-type(n+5) {
        display: none;
    }
 
    .grid__tile.planning a:nth-of-type(n+3) {
        display: none;
    }
}

@media (max-width: 610px){
    .div__feature, .div__feature--button{
        width:100%;
    }
}

@media (max-width: 519px) {

    .div__theme {
        width:100%;
    }
}

@media (max-width: 430px) {

    .div__bar--banner{
        padding: 5px 0px;
        height: 30px;
        font-size: 13px;
    }
}

/* Category Headers */

.cat__hdr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.cat__hdr--left{
    width:75%;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
    padding: 0.01em 16px;
    box-sizing: border-box;
}

.cat__hdr--left-imgs {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  aspect-ratio: 750 / 500;
}

.cat__hdr--imgs-title {
  aspect-ratio: 515 / 70;
  height: auto;
  display: block;
}

.cat__hdr--imgs-overview {
  width:100%;
  max-width: 1500px;
  aspect-ratio: 515 / 300;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
  animation: animatezoom 0.6s;
  border-radius:5px;
}

.cat__menu {
  flex: 0 1 auto;
  max-width: 25%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  padding: 0;
  box-sizing: border-box;
  animation: none;
  align-self: flex-start;
  margin-left: auto;
  margin-right: auto;
  width:100%;
}

.cat__menu--list {
  display: block;
}

.cat__menu--list-half {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
}

.cat__menu--list-items {
  display:block;
  width: 100%;
  aspect-ratio: 240 / 32;
  max-width: 320px;
  margin: auto;
  position: relative;
}

.cat__menu--list-items.btn-32 {
  aspect-ratio: 240 / 38;
}

.cat__menu--list-items.btn-44 {
  aspect-ratio: 240 / 44;
}

.cat__menu--list-items img {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: auto;
  transition: opacity 0.2s ease;
}

.cat__menu--list-items .cat__btn--select {
  opacity: 0;
}

.cat__menu--list-items:hover .cat__btn--select,
.cat__menu--list-items.active .cat__btn--select {
  opacity: 1;
}

.cat__menu--list-items:hover .cat__btn--default,
.cat__menu--list-items.active .cat__btn--default {
  opacity: 0;
}

.cat__menu--related {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
}

.cat__menu--pad-min {
  padding-top:0px;
}

.cat__menu--pad-max {
  padding-top:80px;
}

.cat__menu--pad-7 {
  padding-top:80px;
}

.cat__menu--pad-8 {
  padding-top:65px;
}

.cat__menu--pad-9 {
  padding-top:50px;
}

.cat__menu--pad-10 {
  padding-top:40px;
}

/* Select btn for page */

[id$="btnSEL1"] #btnSEL1 .cat__btn--select,
[id$="btnSEL2"] #btnSEL2 .cat__btn--select,
[id$="btnSEL3"] #btnSEL3 .cat__btn--select,
[id$="btnSEL4"] #btnSEL4 .cat__btn--select,
[id$="btnSEL5"] #btnSEL5 .cat__btn--select,
[id$="btnSEL6"] #btnSEL6 .cat__btn--select,
[id$="btnSEL7"] #btnSEL7 .cat__btn--select,
[id$="btnSEL8"] #btnSEL8 .cat__btn--select,
[id$="btnSEL9"] #btnSEL9 .cat__btn--select,
[id$="btnSEL10"] #btnSEL10 .cat__btn--select,
[id$="btnSEL11"] #btnSEL11 .cat__btn--select,
[id$="btnSEL12"] #btnSEL12 .cat__btn--select,
[id$="btnSEL13"] #btnSEL13 .cat__btn--select,
[id$="btnSEL14"] #btnSEL14 .cat__btn--select,
[id$="btnSEL15"] #btnSEL15 .cat__btn--select {
  opacity: 1;
}

[id$="btnSEL1"] #btnSEL1 .cat__btn--default,
[id$="btnSEL2"] #btnSEL2 .cat__btn--default,
[id$="btnSEL3"] #btnSEL3 .cat__btn--default,
[id$="btnSEL4"] #btnSEL4 .cat__btn--default,
[id$="btnSEL5"] #btnSEL5 .cat__btn--default,
[id$="btnSEL6"] #btnSEL6 .cat__btn--default,
[id$="btnSEL7"] #btnSEL7 .cat__btn--default,
[id$="btnSEL8"] #btnSEL8 .cat__btn--default,
[id$="btnSEL9"] #btnSEL9 .cat__btn--default,
[id$="btnSEL10"] #btnSEL10 .cat__btn--default,
[id$="btnSEL11"] #btnSEL11 .cat__btn--default,
[id$="btnSEL12"] #btnSEL12 .cat__btn--default,
[id$="btnSEL13"] #btnSEL13 .cat__btn--default,
[id$="btnSEL14"] #btnSEL14 .cat__btn--default,
[id$="btnSEL15"] #btnSEL15 .cat__btn--default {
  opacity: 0;
}


/* Two columns on smaller screens */

@media (max-width: 768px) {
 .cat__hdr--left{
    width:100%;
  }

  .cat__menu--list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0;
    margin-left:20px;
    align-items:start;
 }

  .cat__menu--list-items {
    width: 100%;
  }

  .cat__menu--list-items.btn-32 {
    aspect-ratio: 240 / 48;
  }
  
  .cat__menu {
    width: 100%;
    max-width:100%;
    flex: none;
    padding-top:0;
  }
}

/* Fade in animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* end VERIFIED */

/* elements */

img {
    vertical-align: middle
}

a {
    color: inherit
}

hr {
    border-width:2px;
}

/* w3-PS css for home & menus */

/* W3.CSS 4.12 November 2018 by Jan Egil and Borge Refsnes */

.w3-btn,.w3-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap
}

.w3-btn:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.w3-btn,.w3-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w3-disabled,.w3-btn:disabled,.w3-button:disabled {
    cursor: not-allowed;
    opacity: 0.3
}

.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover {
    box-shadow: none
}

.w3-tooltip,.w3-display-container {
    position: relative
}

.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child {
    background-color: #ccc;
    color: #000
}

.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px
}

.w3-bar .w3-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0
}

.w3-bar .w3-button {
    white-space: normal
}

.w3-bar-block .w3-bar-item {
    width: 100%;
    display: block;
    padding: 8px 16px;
    text-align: left;
    border: none;
    white-space: normal;
    float: none;
    outline: 0
}

.w3-bar-block.w3-center .w3-bar-item {
    text-align: center
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
    content: "";
    display: table;
    clear: both
}

.w3-rest {
    overflow: hidden
}

@media (max-width: 600px) {

    .w3-mobile {
        display: block;
        width: 100%!important
    }

    .w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile {
        text-align: center
    }

    .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button {
        width: 100%
    }
}

.w3-display-topleft {
    position: absolute;
    left: 0;
    top: 0
}

.w3-display-topright {
    position: absolute;
    right: 0;
    top: 0
}

.w3-display-bottomleft {
    position: absolute;
    left: 0;
    bottom: 0
}

.w3-display-bottomright {
    position: absolute;
    right: 0;
    bottom: 0
}

.w3-display-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%)
}

.w3-display-left {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(-0%,-50%)
}

.w3-display-right {
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%)
}

.w3-display-topmiddle {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-bottommiddle {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%)
}

.w3-display-container:hover .w3-display-hover {
    display: block
}

.w3-display-container:hover span.w3-display-hover {
    display: inline-block
}

.w3-display-hover {
    display: none
}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col {
    padding: 0 8px
}

.w3-container,.w3-panel {
    padding: 0.01em 16px
}

.w3-card,.w3-card-2 {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.w3-card-4,.w3-hover-shadow:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.w3-animate-opacity {
    animation: opac 0.8s
}

@keyframes opac {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.w3-animate-top {
    position: relative;
    animation: animatetop 0.4s
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

.w3-animate-left {
    position: relative;
    animation: animateleft 0.4s
}

@keyframes animateleft {
    from {
        left: -300px;
        opacity: 0
    }

    to {
        left: 0;
        opacity: 1
    }
}

.w3-animate-right {
    position: relative;
    animation: animateright 0.4s
}

@keyframes animateright {
    from {
        right: -300px;
        opacity: 0
    }

    to {
        right: 0;
        opacity: 1
    }
}

.w3-animate-bottom {
    position: relative;
    animation: animatebottom 0.4s
}

@keyframes animatebottom {
    from {
        bottom: -300px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.w3-animate-zoom {
    animation: animatezoom 0.6s
}

@keyframes animatezoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}


.w3-margin {
    margin: 16px!important
}

.w3-margin-top {
    margin-top: 16px!important
}

.w3-margin-bottom {
    margin-bottom: 16px!important
}

.w3-margin-left {
    margin-left: 16px!important
}

.w3-margin-right {
    margin-right: 16px!important
}

.w3-padding-small {
    padding: 4px 8px!important
}

.w3-padding {
    padding: 8px 16px!important
}

.w3-padding-large {
    padding: 12px 24px!important
}

.w3-padding-16 {
    padding-top: 16px!important;
    padding-bottom: 16px!important
}

.w3-padding-24 {
    padding-top: 24px!important;
    padding-bottom: 24px!important
}

.w3-padding-32 {
    padding-top: 32px!important;
    padding-bottom: 32px!important
}

.w3-padding-48 {
    padding-top: 48px!important;
    padding-bottom: 48px!important
}

.w3-padding-64 {
    padding-top: 64px!important;
    padding-bottom: 64px!important
}

.w3-left {
    float: left!important
}

.w3-right {
    float: right!important
}

.w3-button:hover {
    color: #000!important;
    background-color: #ccc!important
}

/* Bootstrap additions */

.panel-body {
    padding: 15px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel+.panel {
    margin-top: 5px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-default>.panel-heading {
    color: #000000;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-default {
    border-color: #ddd;
}

.panel-group {
    margin-bottom: 20px;
}


/* 3dcart modifications */

#FeedbackBadge>div{
     right:10px !important;
}

ul {
   margin-top:10px;
}

ul ul {
   margin-top:0px;
   margin-bottom:5px;
}

u {
  text-decoration: underline;
}

.category-page .page_heading{
   display:none;
}

.page_headers{
    color:#53bead;
}

.animated {
    -webkit-animation-duration: 0.5s !important;
    animation-duration: 0.5s !important;
}

.floating-cart{
     background-color:#f88379;
     top:55%;
     right:8px;
     z-index:9999;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #f5edf7;
    color: #000;
    border-radius: 10px 10px 0px 0px;
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    border-right: none;
    border-left: none;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    background-color: #6e367f;
    color:#fff;
    border-top: none;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background: #f5edf7;
    color: #000;
    border-radius: 10px 10px 0px 0px;
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    background-color: #6e367f;
    color:#fff;
    border-top: none;
    border-right: none;
    border-left: none;
}

/* view_cart modifications */

a.update-qty {
    font-size: 13px;
    font-weight: 700;
}





/* Party Swizzle */

.PS-pageheading{
    color:#53bead;
    margin: 0 0 30px 0;
    line-height: 1;
    font-size:36px;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 0px;
    position: relative;
    border-bottom: 1px solid #ececec;
}

.PS-pageheading:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    border-bottom: 1px solid #53BEAD;
}

.icon-angle-up:before{
    content:url(/assets/images/default/icontopdisc.png)!important;
}

@media (max-height: 599px){
    
.floating-cart{
    top:50%;
 }
}

@media (max-width: 600px){

.animated {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
 }

.floating-cart{
    width:70px;
    padding:5px;
 }

.w3-rest{
    float: left;
    width: 100%;
 }
}


/* w3 modifications */

.w3-animate-bottom{
   animation:animatebottom 1s
}

.w3-animate-opacity{
   animation:opac 1s
}

/* default-modified */

.scrollToTop {
     bottom:55px !important;
     z-index:9999;
}

@media (min-width: 768px){

.scrollToTop {
     bottom:55px;
 }
}

@media (min-width: 992px){
 .checkout-btns a.btn.btn-checkout{
 	font-size: clamp(12px, .9vw, 16px);
        font-weight:600;
 }
}

.PS-splitleft, .PS-splitright{
    width:100%;
    float:left;
}

@media (min-width:1220px){

.PS-splitleft{
    width:60%;
 }
.PS-splitright{
    width:40%;
 }
}

.PS-sidebar{
   width:25%;
   background-color:#fff;
   display:inline-block;
   z-index:1;
   overflow:auto;
   float:right;
   right:0px;
}

.PS-bar-block .PS-bar-item{
   width:100%;
   display:block;
   padding:0px;
   text-align:center;
   border:none;
   white-space:nowrap;
   float:none;
   outline:0;
   max-width:240px;
   margin:auto;
}

.PS-display-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:black;
    font-weight:bold;
}

.PS-card{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    max-width: 240px;
    margin:0px 15px 20px 5px;
}

.PS-card:hover, .PS-prodcard:hover{
    box-shadow: 0 2px 5px 0 #53bead, 0 2px 10px 0 #53bead;
}

a.PS-prodcard:hover, a.PL-menu:hover {
    color:#000000;
    text-decoration:none;
}

.PS-prodcard{
    display:inline-block;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    margin: 0px 5px 10px 5px;
    max-width:240px;
    width: 240px;
    height: 32px;
    text-align: center;
    font-size: 20px;
    font-weight:600;
    color:#000000;
}


/* Left nav mods */

@media (max-width: 600px){

#Header-Fill{
    display:none;
 }

}

@media (min-width: 768px){

.PS-category{
    font-weight: 600;
    font-size: 16px;
    color: #222226;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    line-height: 18px;
    min-height: 48px;
    padding: 15px;
    position: relative;
    display: block;
    cursor: pointer;
    text-decoration: none;
    background-color: transparent;
 }

.navbar-fixed-side .navbar-nav  li.dropdown .PS-category:after {
    content: '\F0c9';
    line-height: 14px;
    font-family: "fontello";
    font-size: 14px;
    font-weight:300;
    position: absolute;
    right: 10%;
 }

.PS-category:hover, .PS-category:focus, .PS-subcategory li a:hover, .PS-subcategory li a:focus{
    color: #000;
    background-color: #e5e5e5;
    text-decoration:none;
 }

.PS-subcategory{
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    text-align: center;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    top: 100%;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 16px;
    border-radius: 0;
 }

.PS-subcategory li a{
    line-height: 22px;
    color: #5b5b5b;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding: 5px 15px 5px 25px;
    display: block;
    clear: both;
    white-space: nowrap;
 }
}

.mobile-menu-widget .PS-category{
    padding: 2px;
    line-height: 1.2;
    font-size: 16px;
    background-color: transparent !important;
    display: block;
    color: #555;
    text-decoration: none !important;
    position: relative;
    cursor: pointer;
}

.mobile-menu-widget .PS-subcategory{
    display: block !important;
    margin-top:10px;
    font-weight:600;
}

.mobile-menu-widget ul li, .mobile-menu-widget ul li a{
    padding: 2px;
}

.mobile-menu-widget ul li.dropdown .PS-category:after {
    content: '\F0c9';
    font-family: "fontello";
    line-height: 15px;
    font-size: 10px;
    font-weight:300;
    position: absolute;
    right: 10%;
}

/* Images */

.img--right {
    float:right;
    margin:5px 0px 5px 10px;
    border-radius: 10px;
}

.img--left {
    float:left;
    margin:5px 25px 5px 0px;
    border-radius: 10px;
}

.centerimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.fig--right {
   float:right;
   text-align:center;
   font-weight:700;
}

.fig--left {
   float:left;
   text-align:center;
   font-weight:700;
}

.themeflourish {
    padding:18px 0px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    text-align:center;
}

@media (min-width: 601px){
.img__ul ul ul, .img__ul ul ul ul {
    list-style-position:inside;
 }
}

@media (max-width: 600px){

.img--right {
   max-width:100% !important;
   min-width:0px !important;
 }

.img--left {
   max-width:100% !important;
   min-width:0px !important;
 }

}

/* Text & Headings */

.h1__CAT {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    margin: 20px 0px 30px 0px;
}

.text--24 {
   font-size:24px;
   font-weight:600;
}

.text--12 {
   font-size:12px;
}

.text--600 {
     font-weight:600;
}

.text--center {
   text-align:center;
}

.heading--center {
   font-weight:600;
   text-align:center;
   margin:10px 0px;
}

.head__center--20 {
   font-weight:600;
   text-align:center;
   margin:20px 0px;
}

.center--i{
   text-align:center;
   font-style:italic;
}

.foot__credit{
     font-size:13px;
}

/* Old headings */

.h2-menu{
    font-size: 30px;
    text-align: left;
    font-weight: 600;
    line-height:1.1;
    margin:20px 0px 10px 0px;
}

.h4-btn{
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    line-height:1.1;
    padding: 5px 0px;
    cursor:pointer;
}

.h6-menu{
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    line-height:1.1;
    margin: 10px 0px;
}


.h1-theme, .h1-line-1{
    font-size:30px;
    font-weight:400;
    line-height:1.1;
    text-align:center;
    margin:20px 0px 20px 0px;
}

.h1-line-1 {
    margin-bottom:10px;
}

.h1-line-2{
    text-align: center;
    font-style: italic;
    font-size: 18px;
    font-weight: normal;
    margin:0px 0px 20px 0px;
}

.h1__CAT--btm10 {
    margin-bottom:10px;
}

.h1__CAT--btm00 {
    margin-bottom:0px;
}

.h2-theme{
    font-size:18px;
    font-weight:bold;
    line-height:1.1;
    text-align:left;
    margin:10px 0px;
}

.h3-theme{
    font-size:16px;
    font-weight:bold;
    line-height:1.1;
    text-align:left;
    margin:10px 0px;
}

.h6-theme{
   display: block;
   width: 100%;
   font-size:14px;
   font-weight:bold;
   line-height:1.1;
   text-align:left;
   margin:10px 0px 10px 0px;
}

/* Containers & Layout */

.width--250{
     width:250px;
}

.width--300{
     width:300px;
}

.marg--10{
     margin:10px;
}

.M-x20{
     margin-right:20px;
     margin-left:20px;
}
 .M-x40xx{
      margin-right:40px;
}

.page__marg--16, .page__marg--16u{
     margin:16px;
}

.page__marg--16u a {
   text-decoration:underline;
}

.page__marg--16u a:hover {
   color:#53bead;
}

.page__marg--16u h1 a, 
.page__marg--16u h2 a, 
.page__marg--16u h3 a, 
.page__marg--16u h4 a, 
.page__marg--16u h5 a, 
.page__marg--16u h6 a, {
    text-decoration:none;
}

.u--none a, .u--none a:visited{
     text-decoration:none;
}

.wrapper__ends--20{
     margin-top:20px;
     margin-bottom:20px
}

.figure__grid{
     text-align:center;
     font-size:15px;
     font-weight:bold;
     margin-top:15px;
     display:inline-block;
}

.figure__text{
     text-align:center;
     font-size:15px;
     font-weight:bold;
     margin-top:15px;
}

.grid__wrapper{
    display: grid;
    grid-column-gap:20px;
    align-items:baseline;
}

.grid__wrapper--16{
    display: grid;
    padding: 16px;
    grid-column-gap:20px;
}

.grid__col--xmas{
     display: grid;
     padding:16px;
     grid-template-columns: auto 1fr minmax(200px,1fr);
     align-items:center;
     grid-gap:20px 4%;
}

.grid__maxctr--16{
    display: grid;
    padding: 16px;
    width: max-content;
    margin: 0 auto;
    grid-column-gap:20px;
}

.grid__row--2 {
    grid-template-rows: repeat(2,auto);
}

.grid__col--2{
    grid-template-columns: repeat(2,auto);
}

.grid__col--3{
    grid-template-columns: repeat(3,auto);
}

.grid__row--4 {
    grid-template-rows: repeat(4,auto);
}

.grid__row--5 {
    grid-template-rows: repeat(5,auto);
}

.grid__row--12{
    grid-template-rows: repeat(12,auto);
}

.grid__col--colflow{
   grid-auto-flow:column;
}

.grid__head{
     font-weight:700;
}

.box__title { 
    display:block;
    border: 1px solid black;
    border-radius:10px; 
    clear:both;
}

.box__title--title { 
    position: relative; 
    top : -0.5em;
    margin-left: 1em;
    padding:0px 5px;
    display: inline; 
    background-color: white; 
}

.box__title p{
     margin:0px 0px 0px 10px;
}

.list__col--200{
     column-width:200px;
}

.box__listcol--250 {
     padding:10px 10px 20px 10px;
     column-width:250px;
}

.box__listcol--300 {
     padding:10px 10px 20px 10px;
     column-width:300px;
}

.box__listcol--250 ul, .box__listcol--300 ul{
     margin-top:0px;
}

.box__wrap--ctr{
     text-align:center;
     vertical-align:text-top;
     display:inline-block;
}

.box__text--left{
     text-align:left;
}

.boxflex {
    padding: 0px;
    display: flex;
    flex-wrap:wrap;
}

.boxflex__img--left {
        align-self: flex-start;
        margin:5px 5px 5px 0px;
}

.boxflex__text {
        flex: 1 1 auto;
        width:175px;
}

.iframe__wrap--responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin:20px 0;
}
.iframe__wrap--responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width:600px){
.grid__maxctr--16{
     width:auto;
     grid-column-gap:5px;
 }

.grid__wrapper, .grid__wrapper--16, .grid__col--xmas{
     grid-template-columns:auto;
     grid-auto-flow:row;
 }

.box__listcol--250 {
   width:100%;
 }
}

/* View cart */

.Mhide{
    display:inline;
}

.Mshow{
    display:none;
}

@media (max-width:600px){

.Mhide{
    display:none;
 }

.Mshow{
    display:inline;
 }

}

/* Checkout */

.badgeimg{
    margin:20px;
    display:inline-block;
    vertical-align:middle;
}

#BadgeGeotrust img{
    width:100%;
}

#BadgeGoogle{
    width:186px;
    height:70px;
    display:inline-block;
    vertical-align:middle;
    margin:20px;
    padding:6px;
    background-color:#f5f5f5;
    background-image:url(/assets/images/default/BadgeGoogleReviewsBG.jpg);
    border-style:solid;
    border-width:2px;
    border-color:#df7b2f;
    border-radius:15px;
    box-shadow:10px 10px 5px #d4d4d3;
}




/* Delete? */

.width100{
   width:100%;
}

/* PartySwizzle css */

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

.PS-clear{
   clear:both;
}

.clear--both{
    clear:both;
}

.clear--left{
    clear:left;
}

.clear--right{
    clear:right;
}

.PS-companyinfo{
     margin:15px 15px 50px 15px;
     text-align:center;
     font-size:18px;
}

.theme__left{
    width:75%;
    display: inline-block;
    margin-bottom: 10px;
    text-align: left;
    padding: 0.01em 16px;
}

.theme__photo--zoom{
    width:1000px;
    animation: animatezoom 0.6s;
    border-radius:5px;
}

.PS-morebutton{
     display:inline-block;
     width:100%;
     max-width:240px;
     text-align:center;
     font-size:18px;
}

.PL-wrapper{
    text-align:center;
}

.PL-menu{
    display:inline-block;
    padding: 10px;
    width: 200px;
    font-size:14px;
    text-align: center;
    margin: 10px;
    background-color:white;
}


/* Home */

.PS-homemenu{
    margin-right:15px;
    margin-top:20px;
    margin-bottom:10px;
}

.PS-filler-SeeAll{
    height: 32px;
    margin: 16px 0px 20px 0px;
}
 
.home__page--col{
     float:left;
     width:37.5%;
}

.home__menu--col{
     width:50%;
     float:left;
     padding: 0 8px;
}

@media (max-width:600px){

.home__page--col{
     width:50%
 }

.home__menu--col{
     width:100%;
 }

.h2-menu{
     font-size:22px;
 }
}
   
/* Sidebar menu */

[id$="decorating"] #decorating,
[id$="decorations"]  #decorations,
[id$="banquet"] #banquet,
[id$="dinner"] #dinner,
[id$="birthday"] #birthday,
[id$="drinks"] #drinks,
[id$="food"] #food,
[id$="music"] #music,
[id$="fooddrink"] #fooddrink,
[id$="moretips"] #moretips,
[id$="special"] #special,
[id$="cat1"] #cat1,
[id$="cat2"] #cat2,
[id$="cat3"] #cat3{
    display:inline-block;
}

.SB-Horizontal{
   display:inline-block;
}

.SB-Vertical{
}

.sidebar__title {
   font-size:18px;
   font-weight:900;
   text-align:center;
   padding-bottom:10px;
}

.color__fade--teal {
    background-image: linear-gradient(#53bead,#edf8f6);
}
.color__fade--coral {
    background-image: linear-gradient(#fc766a,#fee8e6);
}

.color__fade--pink {
    background-image: linear-gradient(#c83d74,#f9ebf1);
}

.color__fade--purple {
    background-image: linear-gradient(#6e367f,#f5edf7);
}

.box__border--1{
    width: 350px;
    padding: 5%;
    border-style: solid;
    border-width: 1px;
    background-color: white;
}

.box__border--1 a:hover{
    text-decoration:none;
}

.box__border--teal{
    border-color: #90d5c9;
}

.box__border--teal:hover{
    box-shadow: 0 2px 5px 0 #53bead, 0 2px 10px 0 #53bead;
}

.box__border--coral{
    border-color: #fed1cd;
}
.box__border--coral:hover{
    box-shadow: 0 2px 5px 0 #fc766a, 0 2px 10px 0 #fc766a;
}

.box__border--pink{
    border-color: #e39cb8;
}
.box__border--pink:hover{
    box-shadow: 0 2px 5px 0 #c83d74, 0 2px 10px 0 #c83d74;
}

.box__border--purple{
    border-color: #af70c2;
}
.box__border--purple:hover{
    box-shadow: 0 2px 5px 0 #6e367f, 0 2px 10px 0 #6e367f;
}


/* COLORS */

.bea--primary{
     color:#0976bb;
     font-weight:700;
}

.bea--secondary{
     color:#ff8503;
     font-weight:700;
}

.bea--tertiary{
     color:#a9672a;
     font-weight:700;
}

.cou--primary{
     color:#bd091c;
     font-weight:700;
}

.cou--secondary{
     color:#af662d;
     font-weight:700;
}

.cou--tertiary{
     color:#577851;
     font-weight:700;
}

.lua--primary{
     color:#3d7c3c;
     font-weight:700;
}

.lua--secondary{
     color:#ff3a8a;
     font-weight:700;
}

.lua--tertiary{
     color:#f18e00;
     font-weight:bold;
}

.mex--primary{
     color:#00a343;
     font-weight:700;
}

.mex--secondary{
     color:#d62929;
     font-weight:700;
}

.mex--tertiary{
     color:#e38f49;
     font-weight:700;
}

.nau--primary{
     color:#0529ae;
     font-weight:700;
}

.nau--secondary{
     color:#d62929;
     font-weight:700;
}

.nau--tertiary{
     color:#fcb422;
     font-weight:700;
}

.pat--primary{
     color:#011b7c;
     font-weight:700;
}

.pat--secondary{
     color:#df0400;
     font-weight:700;
}

.pat--tertiary{
     color:#8b9793;
     font-weight:700;
}

.PS-spraypaint{
     float:left; 
     display:block;
}

.PS-sprayfade{
     animation:opac 3s;
}

.PS-red {
     color:#ff0000;
}

.PS-gold {
     color: rgb(242, 193, 38);
}

.PS-yellow {
     font-size:1.0rem;
     font-weight: bold; 
     color:#f0b400;
}

.PS-turquoise {
     font-size:1.0rem;
     font-weight: bold; 
     color:#01c3d1;
}

.PS-lime {
     font-size:1.0rem;
     font-weight: bold; 
     color:#55c422;
}

.PS-orange {
     font-size:1.0rem;
     font-weight: bold; 
     color:#fe8c05;
}

.PS-teal {
     color:#1ac0b6;
}

.color--PSteal{
     color:#53bead;
}

.color--PScoral{
     color:#f88379;
}

.color--PSpurple{
     color:#6d3782;
}

.color--brick {
     color:rgb(205, 61, 0);
}

.color--lodgegreen {
     color:#039529;
}

.color--lodgebrown{
     color:#7b3900
}

.color--bluebirdsky{
     color:#3399ff;
}

.color--worldblue {
     color: rgb(21, 116, 212);
}

.color__lime--40{
     color:#4fac20;
}

.color__xmasred--50{
     color:#d62929;
}

.bgcolor__lime--1{
     background-color:#effbe9;
}

.bgcolor__hotpink--1{
     background-color:#fce9f4;
}

.bgcolor__teal--1{
     background-color:#e7fdfc;
}

.bgcolor__royalblue--1{
     background-color:#e8f0fd;
}

.bgcolor__regalpurple--1{
     background-color:#fae9fb;
}

.bgcolor__xmasred--1{
     background-color:#fbeaea;
}

.bgcolor__oldgold--1{
     background-color:#fbf6e9;
}

/* Content */


.p__top--10{
    margin-top:10px;
}

.link__mimic{
     cursor:pointer;
     text-decoration:underline;
}

.link__mimic:hover{
     opacity:0.7;
}

.sidebar__title--halloween {
   color:#000000;
}

.sidebar--right {
   float:right;
   padding:10px;
   margin:10px 0px 10px 10px;
   border-style:solid;
   border-width:3px;
} 


.sidebar--halloween {
   text-align:center;
   border-color:#000000;
   background-color:#ebccff;
}

.list-container{
   padding:0.01em 16px;
   margin:0 0 20px 0;
}

.list-col{
   display:inline-block;
   width:250px;
   vertical-align:top;
}

.FAQ-question{
   cursor:pointer;
}

.panel-liquor{
    cursor:pointer;
    margin-left: 4em; 
    font-weight: bold;
}

.TAB-FedEx-Day{
    float: left;
    width: 105px;
    text-align: left;
    font-weight: bold;
}

.TAB-FedEx-Order{
    float: left;
    width: 180px;
    text-align: left;
}

.TAB-FedEx-Timeline{
     border-top:1px solid;
}

.PS-moneyback{
    float:right;
    width:30%;
    margin:0 0 40px 20px;
}

.PS-moneyback-graphic{
    display:inline-block;
    width:150px;
    padding:0 10px 10px 0;
    vertical-align:middle;
}

.PS-moneyback-text{
    display:inline-block;
    width:60%;
    vertical-align:middle;
}

.PS-moneyback img:hover{
    opacity:0.6;
}

@media (max-width: 991px){
.PS-moneyback{
    display: block;
    width: 100%;
 }

#FeedbackBadge{
    display:none;
 }
}

/* Carryovers */


img.image-left {
    float:left;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}

img.image-right {
    float:right;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
}

.cocktailrecipe{
     width: 100%; 
     margin-right: auto; 
     margin-left: auto;
     max-width: 350px; 
     text-align: center;
}

.cocktailingredients{
     margin-left: 7%; 
     margin-right: auto; 
     display: inline-block; 
     vertical-align: top; 
     text-align: left;
}

.cocktailclear{
     clear: both;
}

.dinnerfootwrap {
     text-align: left; 
     display: block; 
     margin:0px 10px 0 10px;
     vertical-align: top;
}

.dinnerfooter {
     display: inline-block;
     margin-bottom: 5px;
     width:275px;
}

/* Reviews */

.psrvwtext {
   width:100%;
   font-style:italic;  
   margin-bottom:30px; 
   border-top:1px solid black;
   padding-top:10px;
   clear:both;
}

.psrvwtitle {
   display:inline-block;
   color:#53bead;
   padding:0px 10px;
}

.psrvwdate {
    display: inline-block;
    font-weight: bold;
    padding-right: 10px;
    justify-self: end;
}


/* Field 8 Flags */

.flaggrid {
width: 80px; 
display: inline-block; 
margin: auto; 
vertical-align: top; 
text-align: center;
font-weight:600;
}

.flaggrid img {
display: block; 
margin-right: auto; 
margin-left: auto;
}

.flaggrid a:link {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-decoration: underline;
}

.flaggrid a:hover {
   color: #53bead;
   text-decoration: underline;
}



.phototitle {
        background: #f2f2f2;
	display: inline;
	float: left;
	margin: 20px 15px 30px;
	padding: 10px 10px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
        position:relative;
}

.phototitle:after {
	color: black;
	font-size: 14px;
        font-style:italic;
        text-decoration:none;
        font-weight:bold;
	content: attr(title);
	position: relative;
	top:15px;
}

.phototitle img { 
	display: block; 
        max-width:100%; 
}

/* BD photo rotate - keep in place unless not used */

.phototitle:nth-of-type(1n)
{
	-webkit-transform: rotate(-2deg);  
	-moz-transform: rotate(-2deg); 
	transform: rotate(-2deg); 
}

.phototitle:nth-of-type(2n)
{
	-webkit-transform: rotate(6deg);  
	-moz-transform: rotate(6deg); 
	transform: rotate(6deg); 
}

.phototitle:nth-of-type(3n) { 
	-webkit-transform: rotate(-9deg);  
	-moz-transform: rotate(-9deg); 
	transform: rotate(-9deg); 
}

.phototitle:nth-of-type(4n)
{
	-webkit-transform: rotate(11deg);  
	-moz-transform: rotate(11deg); 
	transform: rotate(11deg); 
}

.phototitle:nth-of-type(5n)
{
	-webkit-transform: rotate(-4deg);  
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg); 
}

/* Customer photos */

.img__cust {
    width:350px;
    display:inline-block;
    max-width:100%;
    margin-left:2%;
}
.img__cust--txt {
    font-size:14px;
    padding: 10px 10px 0px 10px;
}

/* BD end */

[id$="0"].phototitle,[id$="6"].phototitle{
	-webkit-transform: rotate(-2deg);  
	-moz-transform: rotate(-2deg); 
	transform: rotate(-2deg); 
}

[id$="1"].phototitle,[id$="9"].phototitle{
	-webkit-transform: rotate(6deg);  
	-moz-transform: rotate(6deg); 
	transform: rotate(6deg); 
}

[id$="2"].phototitle,[id$="5"].phototitle{
	-webkit-transform: rotate(-9deg);  
	-moz-transform: rotate(-9deg); 
	transform: rotate(-9deg); 
}

[id$="3"].phototitle,[id$="7"].phototitle{
	-webkit-transform: rotate(11deg);  
	-moz-transform: rotate(11deg); 
	transform: rotate(11deg); 
}

[id$="4"].phototitle,[id$="8"].phototitle{
	-webkit-transform: rotate(-4deg);  
	-moz-transform: rotate(-4deg); 
	transform: rotate(-4deg); 
}

.phototitle:hover{
	-webkit-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
        transform: rotate(0deg);
	-webkit-transform: scale(1.2); 
	-moz-transform: scale(1.2);
        transform: scale(1.2);
	z-index:10;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .7);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.7);
        box-shadow: 0 10px 20px rgba(0,0,0,.7);
}