HTML,BODY {
  background: #fff;
  min-width: 320px;
  min-height: 100%;
font-family: 'Poppins', sans-serif;
/*font-family: 'Merienda One', cursive;  */
}

hr {
  border: 0 none;
  border-bottom: 1px solid #808080;
  margin: 10px 0 10px;
  padding: 0;
  height: 0;
}

hr.double {
  border-width: 2px;
}

.clearing {
  clear: both;
}

.fullwidth-block {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    position: relative;
}

.check-list {
    padding: 0;
    margin: 15px 0;
}

.check-list li {
  display: flex;
  padding: 5px 0;
}
.check-list li:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    background: #ef8514;
    border-radius: 50%;
    width: 22px;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;  
    margin-right: 10px;
}

/** 
 * Form elements styles 
 */
input[type=text],
input[type=password],
select,
textarea,
.input-style
{
  border: solid 1px #dddddd;
  padding: 10px;
  background: #fff;
  box-sizing: border-box;
  color: #4a495b;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus
{
  border: solid 1px #bbbbbb;
  outline: 0;
}

input::placeholder {
  color: #ddd;
  opacity: 1;
}

input.hidden-input {
  display: none;
}

input[type=text]:disabled,
input[type=password]:disabled,
select:disabled,
textarea:disabled{
background-color: rgb(235, 235, 228); 
}

/**
 * Data table
 */
.data-table td {
  padding: 4px 1px;
  line-height: 21px;
  vertical-align: top;
}

.data-table.light-table td {
  line-height: 16px;
  padding: 3px;
}

.data-table td.data-name {
  vertical-align: top;
  color: #112536;
  padding-right: 5px;
}

.data-table td.data-required,
td.data-required
{
  color: #800;
}

.data-table td.data-required {
  padding-right: 4px;
  text-align: center;
  width: 5px;
}

.data-table .error-message {
  color: #800;
  vertical-align: middle;
}

.data-table div.error-message {
  margin: 0;
}

.data-table tr.head-row th {
  padding-left: 5px;
  padding-right: 5px;
}

.data-table tr th.data-checkbox-column {
  width: 10px;
}

.data-table tr .data-right-column {
  text-align: right;
}

.data-table tr .data-width-100 {
  width: 100%;
}

.data-table tr td.data-name label {
  line-height: 21px;
  vertical-align: top;
}

/* Orange data table */
.orange-data-table .TableHead {
    background: #fff5e7;
    color: #fe9916;
}
.orange-data-table .TableHead a {
    color: #fe9916;
}
.orange-data-table .TableHead td {
    border-right: 5px #fff solid;
    border-left: 5px #fff solid;
    padding: 10px;
}
.orange-data-table .TableHead td:first-child {
    border-left-color: transparent;
}
.orange-data-table .TableHead td:last-child {
    border-right-color: transparent;
}
.orange-data-table .TableSubHead {
    background-color: #f8f7f7;
}
.orange-data-table td {
    padding: 10px;
}


span.star,
  font.Star{
  padding-left: 5px;
  padding-right: 5px;
  color: #da4f00;
}

.orange {
    color: #ff9000;
}


/*==============================================================================

  layout styles

==============================================================================*/
/**
 * page container
 */
#page-container {
  min-height: 100%;
  position: relative;
  background: #fff;
  /*min-width: 1220px;*/
}

/**
 * page layout
 */
#content-container {
  clear: both;
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  margin-top: 0;
  background: #fff;
}

#content-container2 {
  float: left;
  position: relative;
  right: 100%;
  width: 200%;
}

#center {
  float: left;
  position: relative;
  width: 50%;
  left: 50%;
}

#left-bar {
  float: left;
  position: relative;
  width: 400px;
  padding: 45px 40px 0 50px;
  border-right: #f5f5f5 1px solid;
}

#right-bar {
  float: right;
  right: 7px;
  position: relative;
  width: 183px;
}

#center-main {
  padding: 40px 50px 0;
  position: relative;
  box-sizing: border-box;
  /*overflow: hidden;*/
}

.home-page #center-main {
  margin: 0 auto;
  max-width: 1475px;
}

.sidebar #center-main {
  margin-left: 470px;
}

#header {
  /*min-height: 140px;*/
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}

#footer {
  height: auto;
  width: 100%;
  position: relative !important;
  bottom: 0;
  overflow: hidden;
  float: left;
  background: #fffaf5;
}

.cookie-man-footer {
  position: absolute;
  right: 15px;
  bottom: 35px;
}

/*
  Header styles
*/
#header-content {
  background: #f5f5f5;
  display: flex;
  /*align-items: center;*/
  padding: 0;
  justify-content: space-between;  
}
#header-content > * {
    padding: 40px 45px;
}

#shop-status-block, #store-selector {
    width: 27%;
}

#header-menu {
  background: #fe9916;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  display: flex;
  justify-content: space-between;
  padding: 6px 50px;
  position: relative;
  z-index: 200;
  box-sizing: border-box;
}

.fixed-header #header-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.fixed-header #page-container2 {
    padding-top: 67px;
}

@media screen and (max-width: 991px) {
    #header-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;        
    }
    #page-container2,
    .fixed-header #page-container2 {
        padding-top: 75px;
    }
}

#site-logo {
    margin-left: 0;
    z-index: 1;
}

#header-menu .left-block,
#header-menu .right-block {
    display: flex;
    align-items: center;
}

#header-menu .right-block {
    /*flex-basis: 230px;*/
}

@media screen and (max-width: 991px) {
    
    #header-menu .right-block {
        flex-basis: auto;
    }
    
}

#top-auth-menu {
    display: flex;
    margin-right: 40px;
    position: relative;
}
#top-auth-menu.logged-in {
    min-width: 140px;
}

@media screen and (max-width: 768px) {
    #top-auth-menu.logged-in {
        min-width: 36px;
    }
}

#auth-dropdown .auth-text-input
{
    width: 100%;
}
#top-auth-menu .customer-name {
    opacity: 0.5;
}

#header-menu .right-block a.dropdown-toggle {
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #fff;
}

#header-menu .right-block a.dropdown-toggle > img {
    margin-right: 10px;
    max-width: none;
}

#header-content .title-bar,
#store-selector .title-bar {
    color: #000;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#store-selector .text-bar {
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
}
#store-selector .text-bar .phone {
  font-size: 22px;
}

#store-hours {
    background-color: #fff;
    padding-left: 80px;
    padding-right: 80px;
    max-width: 25%;
}
@media (max-width: 991px) {
    #store-hours {
        max-width: 33.33%;
    }
}
@media (max-width: 768px) {
    #store-hours {
        max-width: 100%;
    }
}
#store-hours .hours {
    line-height: 24px;
    white-space: nowrap;
}
#store-hours .hours {
    
}
#store-hours .hours span {
    color: #ff9000;
}
#store-hours .additional-info {
    white-space: normal;
}

#delivery-time-estimate {
  min-width: 250px;
  width: auto;
}
.mm-menu #delivery-time-estimate {
  display: none;  
}
#delivery-time-estimate .delivery-time {
  display: inline-block;
  width: 100%;
  color: #fe9916;
}
#delivery-time-estimate .delivery-features {
    display: flex;
    flex-wrap: wrap;
}
#delivery-time-estimate .delivery-features > span {
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
#delivery-time-estimate .delivery-features > span:nth-child(odd) {
    padding-right: 20px;
}
.select_container {
  padding: 0;
  position: relative;
}
.select_container select {
  width: 100%;
  padding: 0 30px 0 50px;
  height: 65px;
  box-shadow: 0 0 41px 0 rgba(0,0,0,0.04);
  border-radius: 5px;
  font-size: 16px;
  border-color: #fff;
  background: #fff url(../images/custom/arrow-down.png) no-repeat 95% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;  
  cursor: pointer;
}

.select_container .shop-icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

#shop-status-block .shop-current-status:not(.holiday-image) {
    display: flex;
    justify-content: space-between;
}

#shop-status-block .status-cell {
    padding-right: 20px;
}
.status-cell span {
    display: block;
    font-size: 18px;
}
.status-cell span.orange {
    font-size: 16px;
    text-transform: uppercase;
}

#header-border {
  background: #fcecdf url(../images/custom/header-border.png) repeat-x 0 0;
  height: 12px;
  padding-bottom: 12px;
}

/** 
 * Mobile header 
**/
#mobile-header {
  display: none;
  background-color: #000;
  min-height: 61px;
}
#mobile-header:after {
  content: "";
  height: 0;
  clear: both;
  display: block;
}
#mobile-header .left-cell {
  float: left;
}
#mobile-header .right-cell {
  float: right;
}
#btn-m-menu {
  height: 61px;
  width: 40px;
  background: url(../images/custom/btn-menu.png) no-repeat 50% 50%;
  display: inline-block;
  text-indent: -9999px;
  display: none;
}
#btn-m-menu:hover {
  /*background-color: #fa7a08;*/
}

#mobile-logo {
  display: none;
  padding: 0 10px;
}

/** Mobile navigation **/
.nav-pills {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-pills > li {
  float: left;
  position: relative;
}
a.dropdown-toggle,
  a.not-toggle {
  display: block;
  padding: 10px 0;
  text-decoration: none !important;
  overflow: hidden;
  font-size: 17px;
  color: #fff;
}
.dropdown.open .dropdown-toggle,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.not-toggle:hover,
.not-toggle:focus {
  background-color: transparent;
  color: #ffffff;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 250px;
  display: none;
  background-color: #fff;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  color: #190000;
  z-index: 150;
  padding: 15px;
  border-radius: 3px;
  box-shadow: 0 0 41px 0 rgba(0,0,0,0.04);
}
.dropdown-menu:before {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-30px,-100%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;  
    content: "";
}  

.dropdown.open .dropdown-menu {
  display: block;
}

.dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropdown-menu li {
    padding: 5px 0;
    font-size: 16px;
}
.dropdown-menu li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus {
}
#account-toggle {
  height: 61px;
  width: 52px;
  background-image: url(../images/custom/btn-profile.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#cart-toggle {
  background-image: url(../images/custom/btn-cart.png);
  background-position: 10px 50%;
  background-repeat: no-repeat;
  padding: 0 15px 0 52px;
  line-height: 61px;
}

/*
  Footer
*/
.footer-logos {
  text-align: center;
  box-sizing: border-box;
  padding: 60px 20px;
  max-width: 1260px;
  margin: 0 auto;
  border-bottom: #f5f0eb 1px solid;
}
.footer-logos .item-box {
  display: inline-block;
  padding: 0 10px;
  vertical-align:middle;
}

.footer-box {
  color: #706e6d;
  text-align: center;
  font-size: 16px;
  padding: 25px 0;
}

/* Slide Show */
.slideshow {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: inline-flex;
}
.cycle-slide img {
  width: 100%;
  height: auto;
}
.slideshow #slider {
	padding:0;
	margin:0;
	list-style-type:none;
}
.slideshow #slider li img {
  width: 100%;
}

/*.slideshow li {
  display: none;
}
.slideshow li:first-child {
  display: block;
}*/

/* Coupon winners */
.bonus-pos {
  width: 10%;
}

/*
  breadcrumbs
*/
#breadcrumbs {
  padding: 0 0 12px 20px;
  min-height: 12px;
}
#breadcrumbs a {
  text-decoration: none;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}


/* Menu styles */
.menu-dialog {
  margin-bottom: 30px;
}
.menu-dialog .title-bar {
  position: relative; 
}
.menu-dialog .title-bar:before {
    content: "";
    height: 2px;
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    background: #fe9916;
    z-index: 1;
    transform: translateY(-50%);
}

.menu-dialog.collapsed .title-bar {
  /*border-bottom: #f47622 5px solid;
  border-radius: 5px;*/
}

.menu-dialog h2 {
  color: #000;
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  background: #fff;
  z-index: 2;
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.menu-dialog .content {    
  padding: 20px 0;
  font-size: 12px;
  background-color: #fff;
}

.menu-dialog .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-dialog .content li {
  padding: 2px 0;
}
.menu-dialog .content a {
  color: #000;
}
.menu-dialog .content a:hover {
  color: #f47622;
}

/* 
  Categories menu 
*/
.categories-menu .content {

}
.categories-menu .content a {
  font-size: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;  
}
.categories-menu .content li {
    border-bottom: #f0ecec 1px solid;
    padding: 15px 0;
}
.categories-menu .cat-icon {
    width: 31px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
}


/* 
  Auth menu 
*/
.auth-menu {
  margin-bottom: 0;
}
.auth-menu .title-bar {
  background: url(../images/custom/menu-cookies-title-right.png) no-repeat 0 0;
  border: 0;
  height: 54px;
  padding-top: 9px;
}
.auth-menu .title-bar h2 {
  color: #fff;
  font-size: 25px;
  text-shadow: #350505 1px 1px 1px;
}
.auth-menu .content {
  background: #fff;
  border-left-width: 5px;
  border-right-width: 5px;
  border-radius: 0;
  border-bottom: 0;
}
.auth-text-input {
  margin: 2px 0;
}
.login-buttons-line {
  padding: 10px 0;
  font-size: 13px;
}
a.auth-menu-button {
  font-weight: bold;
  text-decoration: underline;
}
.italic-label {
  font-style: italic;
  margin: 0 5px;
}
.auth-menu-footer {
  margin-bottom: 10px;
}

/*
  Menu minicart
*/
#minicart-amount {
  display: block;
  position: absolute;
  top: 2px;
  left: 15px;
  background: #fff;
  border-radius: 50%;
  font-size: 12px;
  color: #190000;
  line-height: 20px;
  width: 20px;
  text-align: center;      
}
.menu-yourcart .title-bar {
  padding-top: 3px;
  padding-bottom: 3px;
}
.menu-yourcart .title-bar h2 {
  display: none;
}

.menu-yourcart .content {
  padding-top: 0;
  padding-bottom: 0;
}

.menu-yourcart .minicart-footer-empty {
  min-height: 53px;
  line-height: 53px;
  padding: 0;
}

.minicart-footer-empty .minicart-icon {
  float: left;
  margin-left: -12px;
  margin-right: 10px;
}

.minicart-block {
  position: relative;
  padding-left: 50px;
  min-height: 53px;
  line-height: 53px;
  margin-bottom: 5px;
}
.minicart-block .minicart-icon {
  position: absolute;
  left: -12px;
  top: 0;
}
.minicart-category {
  background: #f7f6f6;
  padding: 5px 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.minicart-category:first-child {
  margin-top: 0;
}
.minicart-title-line {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  padding-right: 20px;
  position: relative;
}
.minicart-title-line a {
  text-decoration: none;
}
.delete-product {
  top: 0;
  right: 0;
  position: absolute;
}
.btn-item-plus,
  .btn-item-minus,
  .btn-item-plus:hover,
  .btn-item-minus:hover{
  width: 14px;
  height: 14px;
  background: #ef8514;
  border-radius: 50%;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  color: #fff;
  line-height: 14px;
  text-align: center;  
}

/*
  Profile menu
*/
.profile-links {
  border-bottom: #f47622 1px solid;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
#giftCertStatus {
  font-size: 11px;
}

/*
    Gift Certificate
*/
.gift-cert {
  display: flex;
  margin-bottom: 100px;
  color: #7b7373;
}
.gift-header-info {
  display: flex;
}
.gift-header-info .gift-image {
    padding: 0 20px 40px;
    min-width: 150px;
    text-align: center;
}
.gift-header-info .gift-image img {
  border-radius: 3px;
  box-shadow: rgba(0,0,0,.11) 0 0 18px 0;
}
.gift-header-info .gift-header-text {
    padding: 0 20px 40px;
}

.dialog.gift-cert-details .title {
    text-align: center;
}
.dialog.gift-cert-details .title h2 {
    font-size: 24px;
    color: #7b7373;
    font-family: 'Poppins', sans-serif;
}
.certificate-details {
    margin: 0 auto;
    max-width: 1000px;
}

/* 
  Contact Us page
*/
.contact-us-table .FormButton {
    text-align: right;
    width: 35%;
}
.contact-us-dialog .title {
    text-align: center;
}

@media screen and (max-width: 768px) {

    .contact-us-table > tbody > tr,
    .r-data-table > tbody > tr{
        position: relative;
        display: block;
        box-sizing: border-box;
        margin-bottom: 15px;
    }    
    .contact-us-table > tbody > tr > td,
    .r-data-table > tbody > tr > td {
        display: block;
    }
    .contact-us-table .FormButton,
    .r-data-table .FormButton {
        text-align: left;
        width: 100%;
    }
    .contact-us-table > tbody > tr:not(.data-table-3-column) > td:nth-child(2),
    .r-data-table > tbody > tr:not(.data-table-3-column) > td:nth-child(2) {
        position: absolute;
        right: 0;
        top: 5px;
    }

}

/*
  Menu contact us
*/
.contact-us-menu {
  border-top: #ff8800 5px solid;
  border-right: #ff8800 2px solid;
  border-left: #ff8800 2px solid;
  border-radius: 5px 5px 0 0;
  background: #fff;
  position: fixed;
  bottom: 0;
  right: 2%;
  z-index: 100;
}
.contact-us-menu .title {
  background: #ff8800; 
  color: #fff;
  font-size: 16px;
  padding: 3px 10px 8px 15px;
  display: flex;
  align-items: center;
}
.livezilla-banner {
   margin: 0 10px;
   text-align: center;
   display: inline-block;
   vertical-align: middle;
   border: #fff 1px solid;
   border-radius: 5px;
   overflow: hidden;   
}
.customer-care-hours {
  padding: 15px 47px 15px 15px;
}
.customer-care-hours .customer-care-hours-title {
  color: #000;
  margin-bottom: 10px;
  padding: 0 0 2px;
  font-size: 15px;
  letter-spacing: -.2px;
}
.customer-care-hours .customer-care-hours-body {
  color: #ff8800;  
  font-weight: bold;
}
.contact-us-menu .cookie-man {
  position: absolute;
  right: -20px;
  bottom: 0;
}
#contact-us-menu-toggle {
    border: #fff 1px solid;
    border-radius: 5px;
    padding: 4px 7px 5px;
    margin-left: auto;
    cursor: pointer;
}
.contact-us-menu.hidden .fa-angle-down:before {
    content: "\f106";
}
.contact-us-menu.hidden .customer-care-hours,
.contact-us-menu.hidden .cookie-man {
  display: none;  
}

@media screen and (max-width: 600px) {
    
    .contact-us-menu .title {
        padding-top: 0px;
        padding-bottom: 5px;
        padding-left: 5px;
    }
    .customer-care-hours {
        padding: 5px;
    }
    .customer-care-hours .customer-care-hours-title {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 13px;
    }
    
    .contact-us-menu .cookie-man {
        display: none;
    }
}

/*
  Welcome categories
*/
h3.welcome-title {
  text-align: center;
  font-size: 21px;
}
.welcome-categories {
  margin-left: -40px;
  max-width: 1420px;
  display: flex;
  flex-wrap: wrap;
}
.welcome-categories .item {
  width: 25%;
  padding: 0 0 40px 40px;
  box-sizing: border-box;
  text-align: center;
  margin: 0 auto;
}
.welcome-categories a {
    display: block;
    text-decoration: none;
    height: 100%;
}
.welcome-categories a:hover {
    background: #fff;
    box-shadow: 0px 17px 29px 0px rgba(0, 0, 0, 0.09); 
}
.welcome-categories img {
    margin: 0;
    padding: 0;
}
.welcome-categories span {
    display: block;
    padding: 20px 10px;
    font-size: 22px;
    color: #190000;
    opacity: 0.7;
    text-align: center;
    font-weight: 600;
}
.welcome-categories a:hover span {
    opacity: 1;
}

/*
  Dialog styles
*/
.dialog {
  margin: 0 0 50px;
}
.dialog .title {
  position: relative;
}
.dialog .title h2 {
  border-radius: 5px 5px 0 0;
  color: #190000;
  padding: 0 0 20px;
  margin: 0;
  font-size: 50px;
  font-weight: 400;
}
.dialog .title .subtitle {
    display: block;
    color: #ff8800;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    position: relative;
    padding: 20px 0 5px;
    text-transform: uppercase;    
}
.dialog .title .subtitle:before {
    height: 3px;
    content: "";
    background: #ff8800;
    width: 32px;
    display: block;
    width: 30px;
    margin-bottom: 15px;
}
.dialog .content {
  padding: 10px 0 0;
}

.dialog.centered .title {
    text-align: center;
}
.dialog.centered .title .subtitle:before {
    margin-left: auto;
    margin-right: auto;
}
.dialog.centered .content {
    text-align: center;
}

/**
 * Dialog with "noborder" class parameter
 */
.noborder {
  border: 0 none;
}

.noborder .content {
  padding: 0;
} 

/*
  Orange Dialog  
*/
.orange-dialog .title {
    background: #fe9916;
    padding: 10px 20px;
}
.dialog.orange-dialog .title h2 {
    color: #fff;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
}

/*
  Cart Dialog
*/
.cart-dialog .title {
  background-color: #ff9000;
  border-radius: 5px 5px 0 0;
  border: 0;
}
.cart-dialog .title h2 {
  background-color: transparent;
  padding: 15px 30px;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  font-family: 'Poppins', sans-serif;
}
.cart-dialog .content {
  background: #fff;
  box-shadow: rgba(0,0,0,0.06) 0 0 20px 10px;
  padding: 30px;
}

/*
  Send 2 friend dialog
*/
.s2f-dialog .content {
  padding-top: 40px;
  background: url(../images/custom/send2friend.png) no-repeat right bottom;
}


/*
  Subcategory Pages
*/
.subcategories-table {
  margin-left: -40px;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
}
.subcategory-cell {
  padding-left: 40px;
  padding-bottom: 20px;
  width: 50%;
  box-sizing: border-box; 
}
.subcategories-table .subcategory-item {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 1px 12.74px 1.26px rgba(0, 0, 0, 0.08); 
}
.subcategories-table .subcategory-img {
    flex-grow: 1;
}
.subcategories-table .subcategory-img img {
    width: 100%;
}
.subcategories-table .subcategory-info {
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;    
}
.subcategories-table .products-count {
    white-space: nowrap;
    color: #fe9916;
    padding-left: 20px;
    border-left: #e1e1e1 1px solid;
}
.subcategories-table a.subcategory-name {
  color: #000;
  font-size: 16px;
}

@media (max-width: 1400px) {
    .subcategories-table {
        margin-left: -20px;
    }
    .subcategory-cell {
        padding-left: 20px;
    }
    .subcategories-table .subcategory-info {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (max-width: 768px) {

    .subcategory-cell {
        width: 100%;
    }
    
}

/* Products table */
.products-table .qty-line {
  text-align: center;
  padding: 3px 0;
}
.qty-line .qty-label {
  display: none;
}
.qty-of-stock {
  font-size: 11px;
  font-weight: bold;
  color: #4d4d4d;
}
.products-table .product-img-box {
  display: block;
}
.products-table .product-title-line {
  padding: 0 0 5px;
}
.products-table .product-title {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
}
.products-table .product-title:hover {
  color: #cf3b3b;
}
.products-table .ProductPrice {
  color: #ed4706;
  font-size: 17px;
}
.products-table .price-line {
  padding: 5px 0;
}
.options-items-table {
    font-size: 13px;
}
.options-items-table select {
  font-size: 11px;
  width: 100%;
}
.options-items-table tr {
    display: block;
    padding-bottom: 8px;
}
.options-items-table td {
    display: block;
    height: auto;
}
.options-items-table td.property-name,
.options-items-table select {
    color: #5c4e4e;
}
.products-table .PListCell {
  padding-bottom: 20px;
}
.outofstock-avail-date-center {
  font-size: 13px;
  color: #000;
  min-width: 100px;
  font-weight: bold;
}
.outofstock-avail-date-center .date {
  color: #df3709;
}

/* 
  Products Grid 
*/
.prd-grid-list {
  list-style: none;
  margin: 0 0 0 -30px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.grid-item {
  width: 25%;
  display: flex;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 0 100px 30px;
  text-align: center;
}
.prd-grid {
  background-color: #fff;
}
.product-item {
    height: 100%;    
    width: 100%;
    display: flex;
    flex-direction: column;
    border: #e5e5e5 1px solid;
    position: relative;
    padding-bottom: 15px;
}
.product-item:hover {
    border-color: #fff;
    box-shadow: rgba(0,0,0,.09) 0 9px 35px 0;
}
.product-item:hover .add-to-cart-button .button-right {
    background-color: #ff9000;
    border-color: #ff9000;
}
.prd-grid .product-img-box {
  display: block;
  position: relative;
}
.prd-grid .product-img-link > img {
  object-fit: cover;
  width: 100%;
  height: 200px;
}

@media screen and (max-width:991px) {
    .prd-grid .product-img-link > img {
        height: 150px;  
    }
}

.prd-grid .product-title-line {
  padding: 10px 5px;
  font-size: 18px;
  position: relative;
}
.prd-grid .glosarry-box {
    position: absolute;
    width: 90%;
    font-size: 11px;
    background: #fff;
    padding: 4px 10px;
    left: 50%;
    transform: translate(-50%, -100%);
    border: #fe9916 1px solid;
    box-sizing: border-box;
    z-index: 10;
    display: none;
}
.prd-grid .product-title-line:hover .glosarry-box {
    display: block;
}
.prd-grid .glosarry-box:before {
  width: 0; 
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fe9916;
  position: absolute;
  bottom: -5px;
  content: "";
  left: 50%;
}
.prd-grid .glosarry-box:after {
  width: 0; 
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  position: absolute;
  bottom: -4px;
  content: "";
  left: 50%;
}

.prd-grid .product-title {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
}
.prd-grid .product-title-line .glossary {
    color: #190000;
    border: 0;
    
}
.prd-grid .product-title:hover {
  color: #cf3b3b;
}
.prd-grid .ProductPrice {
  color: #ef8514;
  font-size: 17px;
  font-weight: normal;
}
.prd-grid .price-line {
  padding: 5px 0;
  display: none;
}
.prd-grid .product-price {
  color: #ef8514;
  font-size: 19px;
  vertical-align: middle;
  margin-right: 5px;
}
.prd-grid select {
    padding: 4px 5px;
}
.buy-now-block {

}
.buy-now-block .ajax-buy-now-button-cell {
    display: inline-block;
    min-height: 51px;
    background: #fff;
    border-radius: 3px;
    box-shadow: inset #ccc 0 0 0px 1px;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.buy-now-block .ajax-buy-now-button-cell .ajax-buy-now-button-cell {
    bottom: 0;
} 

.options-title {
    color: #ef8514;
    font-size: 13px;
    padding-bottom: 5px;
}

/*
  Buttons
*/
button.button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  margin: 0;
  padding: 0;
  vertical-align: top;
  overflow: visible;
  outline-style: none;
}

div.button,
button.button .button-right {
  display: block;
  background: #fff;
  border: #7b7373 1px solid;
  padding: 0;
  border-radius: 5px;
}
button.button .button-right { display: block; }
div.button { display: inline-block; }

button.button .button-left,
div.button div,
div.button a {
  display: block;
  margin: 0;
  padding: 11px 21px;
  background: transparent;
  vertical-align: middle;
  /*white-space: nowrap;*/
  color: #7b7373;
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  text-decoration: none;
}

/* Orange button */
button.orange-button .button-right,
  div.orange-button {
  background-color: #ff9000;
  border-color: #ff9000;
}
button.orange-button .button-left,
  div.orange-button a {
  color: #fff;
}

input[type=submit].orange-button,
input[type=button].orange-button {
  background-color: #ff9000;
  border: #ff9000 1px solid;
  color: #fff;
  padding: 11px 21px;
  border-radius: 3px;
}

/* Red button */
button.red-button .button-right {
  background-color: #da2700;
  border-color: #da2700;
}
button.red-button .button-left {
  color: #fff;
}

/* Small orange button */
button.small-orange-button .button-right,
  div.small-orange-button {
  background-color: #ff9000;
  border-color: #ff9000;
}
button.small-orange-button .button-left,
  div.small-orange-button a {
  color: #fff;
  padding: 4px 10px;
  font-size: 14px;
}

/* Black button */
button.black-button .button-right,
  div.black-button {
  background-color: #000;
  border-color: #000;
}
button.black-button .button-left,
  div.black-button a {
  color: #fff;
}

/* Black small button */
button.small-black-button .button-right,
  div.small-black-button {
  background-color: #000;
  border-color: #000;
}
button.small-black-button .button-left,
  div.small-black-button a {
  color: #fff;
  padding: 4px 10px;  
  font-size: 14px;
}

/* Grey button */ 
button.grey-button .button-right,
  div.grey-button {
  background-color: #ddd;
  border-color: #ddd;
}
button.grey-button .button-left,
  div.grey-button a {
  color: #000;
}

/* Delete button */
button.delete-button .button-right,
  div.delete-button {
  background: transparent;
  border-color: transparent;
}
button.delete-button .button-left,
  div.delete-button a {
  color: #190000;
  font-size:20px; 
}
button.delete-button .button-left:after,
div.delete-button a:after {
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f014";
    margin-left: 15px;
}

/* Add to cart button */
button.add-to-cart-button .button-left {
  white-space: nowrap;
}

/* Simple Button */
a.simple-button {
  display: inline-block;
  color: #000000;
  font-weight: bold;
  font-size: 13px;
}

.button-added {
    border: #7b7373 1px solid;
    border-radius: 4px;
    padding: 11px 21px;
    font-weight: normal;
    font-size: 18px;
}

/* Next button arrow */
button.next-button .button-left:after,
  div.next-button a:after,
  div.next-button div:after {
    content: "\f178";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;    
}

/* Change Address Button */
button.change-address-button .button-right {
    background: url(../images/custom/icon-delivery.png) no-repeat;
    border: 0;
}
button.change-address-button .button-left {
    padding: 16px 0 16px 70px;
    color: #ef8514;
    font-size: 16px;
    text-decoration: underline;
}

/*
  Product page
*/
.product-details {
    display: flex;
    justify-content: center;
}
.product-details .image-box {

}
.product-details .details-box {
  padding-left: 15px;
}

.product-details h1.product-title {
  margin-top: 0;
}

.product-details .descr {
    font-size: 18px;
}

.product-details #product_code {
  font-size: 22px;  
  color: #7b7373;
  font-weight: 600;
}

.product-buttons-block {
  /*border-top: #e2dddd 1px solid;
  border-bottom: #e2dddd 1px solid;*/
  padding: 18px 0;
}

@media screen and (max-width: 480px) {
    
    .product-buttons-block > table > tbody > tr > td {
        display: block;
    }
    
}

.product-properties .property-name,
  .product-properties .property-value {
  padding-top: 12px;
  vertical-align: middle;
}
.product-price-label {
  font-size: 15px;
  font-weight: bold;
}
#product_price {
  font-size: 32px;
  font-weight: 600;
  color: #ff9000;
}
.product-options-table .property-name,
  .product-options-table .property-value {
  padding-top: 8px;
  padding-bottom: 8px;
}
.product-properties .property-name {
  padding-right: 10px;
}
.product-options-table .property-name {
  width: 32%;
  font-size: 18px;
}
.product-options-table .property-value #product_avail {
    border-radius: 0;
    height: 40px;
    min-width: 50px;
}

.product-details .product-options-table select:not(#product_avail),
.product-details .product-options-table input[type=text]{
    width: 100%;
    max-width: 300px;
    font-size: 18px;
    color: #7b7373;
}

.product-details .product-options-table select#product_avail {
    max-width: 300px;
}

@media screen and (max-width:768px) {
  
  .product-options-table .property-name,
  .product-details .product-options-table select:not(#product_avail),
  .product-details .product-options-table input[type=text]{
      font-size: 16px;
  }

}  
  
/* Cart page */
.top-auth {
  vertical-align: middle;
  padding-right: 20px;
  padding-bottom: 10px;
  min-height: 30px
}
.top-auth .username {
  font-weight: bold;
}
.top-auth td {
  vertical-align: middle;
  padding-left: 10px;
}
.cart-page #center-main {
  margin: 50px auto 0;
  max-width: 1170px;
}
p.coupon {
  margin: 0 0 60px;
  font-size: 20px;
  text-align: center;
  line-height: 1.5em;
}
.discount-coupon-top-message {
  font-weight: bold;
  text-align: center;
}
.discount-coupon-dialog {
}
.discount-coupon-dialog .title {
  display: none;
}
.coupon-box {
  background: #f1f1f1;
  margin: 0 auto;
  padding: 30px;
}
.coupon-box input[type=text]{
    height: 51px;
    box-shadow: rgba(41,41,41,0.1) 0 0 54px 0;
    width: 400px;
    border-radius: 4px;
}
.coupon-title {
    font-family: 'Merienda One', cursive;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
}
.coupon-box table {
  margin: 0 auto;
}
#coupon_error {
  color: #da2700;
  margin-bottom: 20px;
}
.discount-coupon-dialog .content td {
  padding: 0 10px;
}
.discount-code-cell {
    position: relative;
}
.discount-code {
  width: 100%;
  height: 51px;
}
.form-top-label {
    position: absolute;
    background: #fff;
    padding: 0 10px;
    left: 10px;
    top: -8px;
    text-transform: uppercase;
    color: #ef8514;
}
.checkout-menu #coupon_block .button .button-right {
    border-radius: 0;
}
#coupon_block .FormButton {
  white-space: nowrap;
  padding-right: 4px;
}
#coupon_block .discount-code-cell {
  padding-right: 4px;
}
#coupon_block .discount-code-block > tbody > tr > td {
    vertical-align: top;
}
.discount-coupon-dialog .FormButton {
  color: #fff;
  font-weight: bold;
}
#totals_block {
  background: #f1f1f1;
  padding: 15px 30px;
  margin: 0 -30px 10px;
}
#totals_block .FormButton {
  font-weight: bold;
}
.cart-dialog .content {
  padding-bottom: 30px;
}


.cart-product {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: #e9e9e9 1px solid;
}
.cart-dialog .cart-product.last {
  border-bottom: 0;
}

.cart-product:after {
  content: "";
  clear: both;
  display: block;
}
.cart-product .img-box {
  float: left;
  max-width: 210px;
  overflow: hidden;
  padding-left: 10px;
  position: relative;
}
.cart-product .details-box {
  margin-left: 210px;
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}
.cart-product .details-box h2 {
    opacity: 0.5;
    font-size: 18px;
}
.cart-product .ProductTitle {
  font-family: 'Merienda One', cursive;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}
.cart-product .descr {
    color: #7b7373;
    line-height: 1.75em;
    font-size: 16px;
    margin-bottom: 20px;
}
.cart-product .item-price {
    font-size: 18px;
    color: #ff9000;
    margin-bottom: 10px;
    font-weight: 600;
}
.cart-product .total-item-price {
    font-size: 16px;
    font-weight: 600;
}
.cart-product .total-item-price .ProductPrice {
    color: #ff9000;
    font-size: 16px;
    font-weight: normal;
}
.total-item-price input[type=text]{
    text-align: center;
    margin-right: 5px;
}
.cart-product .delete-button {
    position: absolute;
    right: 0;
    top: 0;
    background: #ef8514;
    padding: 10px;
    font-size: 20px;
    color: #fff;
}
.cart-subtotal,
.cart-subtotal-value{
    font-size: 20px;
    font-weight: 600;
}
.cart-subtotal-value .ProductPriceSmall {
    color: #000;
}
.cart-bottom-buttons {
    display: flex;
    justify-content: space-between;
    margin: 0 -5px;
}
.cart-bottom-buttons .button {
    margin: 0 5px;
}

.cart-bonuses-title {
    font-size: 18px;
}
.orange-bullets {
    list-style: none;
}
.orange-bullets li::before {
  content: "\f111";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ff9000; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  font: normal normal normal 14px/1 FontAwesome;
  vertical-align: middle;
  margin-right: 10px;
}

/*
  Checkout page
*/
.checkout-page #content-container {
    background: #f6f6f6;
}
.checkout-page  #center-main {
  /*max-width: 1260px;*/
  margin: 0 auto;
}

@media screen and (max-width: 480px) {
   .checkout-page  #center-main {
       margin-left: 0;
       margin-right: 0;
       padding-left: 0;
       padding-right: 0;
   } 
}

.checkout-page .checkout-main-column {
  width: 68%;
  float: left;
  padding-right: 40px;
  box-sizing: border-box;
}
.checkout-page .checkout-side-bar {
  width: 32%;
  float: left;
}

.checkout-tab {
  margin-bottom: 14px;
}
.checkout-tab.selected {
  padding: 4px;
  background: #fff;
  border: #e5e5e5 1px solid;
}

.checkout-tab > .title {
  border: 0;
  background: #ef8514;
  border-radius: 0;
  padding: 10px 55px 10px 35px;
}
@media screen and (max-width:768px) {
    .checkout-tab > .title {
        padding-left: 10px;
    }
    .title-bar-right-box {
        right: 10px;
    }
}

.dialog.checkout-tab > .title h2 {
  background: none;
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  font-family: 'Poppins', sans-serif;
}
.title-bar-right-box {
  position: absolute;
  right: 20px;
  color: #fff;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
}
a.tab-edit {
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.checkout-tab.disabled > .title {
    background-color: #adadad;
}
.checkout-tab.selected > .title {
    background-color: #ef8514;
}

.checkout-tab .content {
  background: #fff;
  border: 0;
  padding: 30px;
}

.checkout-big-buttons {
  display: flex;
  flex-wrap: wrap;
}
.checkout-big-buttons button {
    margin: 10px 20px 10px 0;
}

.delivery-car {
    max-height: 86px;
}

.order-gift-banner {
    box-shadow: rgba(0,0,0,0.1) 0 0 22px 0;
}

.ff-block img {
    border: #fe9916 1px solid;
    padding: 4px;
}

.checkout-page div.button, 
.checkout-page button.button .button-right {
    border-radius: 0;
}

/*.red-checkout-tab .title {
  background: #580000 url(../images/custom/red-checkout-tab.jpg) no-repeat 0 0;
  height: 51px;
}
.red-checkout-tab .title h2 {
  font-size: 22px;
  font-weight: normal;
  padding-top: 14px;
}
.red-checkout-tab .title-bar-right-box {
  top: 18px;
}*/

.FLCDialogCell {
  vertical-align: top;
}
.FLCDialogCell .dialog .content {
  /*min-height: 200px;*/
}
.FLCDialog-new-customer {
    border-top: #efefef 1px solid;
}
.FLCDialog-new-customer .title {
    display: none;
}
.FLCDialogCell .FLC_Register {
    
}
.FLCDialogCell > .dialog > .title {
    color: #ef8514;
}
.FLCDialogCell > .dialog > .title > h2 {
    color: #ef8514;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
}

@media screen and (max-width: 480px) {
    
    .order-delivery-date > tbody > tr,
    .order-delivery-date > tbody > tr > td {
        display: block;
    }
   
}

.RegSectionTitle,
.data-table .RegSectionTitle {
  font-size: 16px;
  background-color: #efefef;
  color: #333333;
  padding: 10px 15px;
  
}
.RegSectionTitle hr {
  display: none;
}
.order-type-title {
    color: #ef8514;
    font-size: 22px;
    padding: 10px 0 20px;
}

.checkout-payment-table .SubHeader {
    color:#333;
    background: #efefef;
    padding: 5px 10px;
}

.checkout-menu {
  padding: 20px;
  background: #fff;
  margin-bottom: 15px;
  box-shadow: 0px 9px 21px 0px rgba(163, 163, 164, 0.09); 
}
.checkout-menu .livezilla-banner {
  margin: -10px 10px 0 -10px;
  float: left;
}

.checkout-menu .customer-care-hours {
  padding: 0 0 15px 200px;
}

.checkout-menu .customer-care-hours .customer-care-hours-title {
  font-size: 12px;
}

.checkout-banners .banner-box {
  margin-bottom: 8px;
}
.checkout-banners .banner-text {
  line-height: 18px;
}

.checkout-menu #totals_block {
  background: #fff;
  border: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.checkout-block {
  border: #ff9000 2px solid;
  padding: 10px 0;
}

.checkout-block td.SubHeader {
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
}

.checkout-block .SubHeaderLine {
  display: none;
}

.rounded-block {
  border-radius: 7px;
  border: #ff9000 2px solid;
  padding: 10px 20px;
  margin-bottom: 10px;
}
.rounded-block .block-title {
  font-size: 15px;
  color: #ff9000;
  font-weight: bold;
  padding-bottom: 10px;
}
.registration-features {
  padding: 0 0 10px;
  margin: 0 0 0 10px;
  list-style: disc;
  font-size: 15px;
  font-weight: bold;
}

.registration-features li {
  float: left;
  width: 33.33%;
  box-sizing: border-box;
  padding: 0.15em 0;
}

.ups-icon img {
    min-width: 84px;
}

.big-page-buttons {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}
.big-page-button {
    display: flex;
    align-items: center;
    justify-content: start;
    margin: 0 10px;
    padding: 10px 20px;
    border: #e1e1e1 1px solid;
    background: #fff;
    color: #545454;
    font-size: 22px;
    font-weight: 600;
    min-width: 320px;
    cursor: pointer;
}
.big-page-button.disabled {
    opacity: 0.4;
    cursor: default;
}
.big-page-button .icon {
    border-radius: 50%;
    background-color: #fff0e0;
    text-align: center;
    width: 65px;
    height: 65px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.big-page-button.orange-button,
.big-page-button.checkout-button {
    background-color: #ff9000;
    border-color: #ff9000;
    color: #fff;
}
.big-page-button.checkout-button .icon {
    background-color: #fff;
}

@media screen and (max-width: 768px) {

  .big-page-buttons {
      flex-direction: column;
  }
  .checkout-big-buttons button,
  .big-page-button {
      margin: 10px 0;
  }    
    
}

@media screen and (max-width: 480px) {
    
    .big-page-button {
        width: 100%;
        min-width: 0;
    }
    
}

.checkout-notes-table {
    margin: 0 auto;
}

.checkout-notes-table textarea {
  width: 100%;
}

#checkoutTabs .register-table input[type="text"], 
#checkoutTabs .register-table input[type="password"], 
#checkoutTabs .register-table select, 
#checkoutTabs .register-table textarea, 
#checkoutTabs .register-table .input-style {
    max-width: 350px;
}

/* choosing */
#order_gift_customize_mode {
  text-align: center;
  padding-left: 0;
}
/*.ds-buttons {
  background: url(../images/custom/gift-card-bg.png) no-repeat center bottom;
}*/
.ds-buttons {
  padding-top: 8px;
}

.gcard-text {
  padding: 50px 0 20px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ff9000;
}
.gcard-button {
  display: inline-block;
  height: 290px;
  width: 214px;
  text-align: center;
  box-sizing: border-box;
  vertical-align: bottom;
  border: #fe9916 2px solid;
  padding: 0 20px 20px;
  position: relative;
}
.gcard-button:before {
  content: "";
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 3px #fff solid;
  background: #fff0e0 url(../images/checkout/gift-card.png) no-repeat 50% 50%;
  box-shadow: rgba(255,132,0,.13) 0 -8px 13px 5px;
  display: inline-block;
  margin-top: -48px;
  margin-bottom: 10px;
}
.gcard-separator {
    padding: 30px;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    font-weight: 600;
}
.gcard-button-title {
  color: #ff9000;
  display: block;
  padding: 0;
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 30px;  
}
.gcard-button-descr {
  font-size: 18px;
  color: #333;
}
#customize_box {
  font-size: 13px;
}
#customize_box .ui-tabs .ui-tabs-nav {
  padding: .2em;
  background: #fe9916 !important;  
}
#customize_box .ui-tabs .ui-tabs-nav li,
#customize_box .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  border-color: #fe9916;
  border-radius: 3px;
  background: #fff;
}
#customize_box .ui-state-default, 
#customize_box .ui-widget-content .ui-state-default, 
#customize_box .ui-widget-header .ui-state-default,
#customize_box .ui-state-active, 
#customize_box .ui-widget-content .ui-state-active, 
#customize_box .ui-widget-header .ui-state-active {
  font-weight: normal;  
}

/* Special Offers */
.top-offers-wrapper {
    background: #f9f9f9 url(../images/custom/so-left.jpg) 0 100% no-repeat;
    margin-bottom: 50px;
    position: relative;
}
.top-offers-block {
    background: transparent url(../images/custom/so-right.jpg) no-repeat 100% 100%;
    padding: 0 20px;
}
.top-offers-list {
  background: #fff;
  box-shadow: rgba(0,0,0,.04) 0 11px 19px 12px;
  max-width: 557px;
  border-radius: 7px;
  margin: 0 auto;
  transform: translateY(20px);
  text-align: center;
  padding: 10px 20px 15px;
  position: relative;
}
.top-offers-list:before,
.top-offers-list:after {
  content: "";
  display: block;
  background: url(../images/custom/i-cookie.png) no-repeat 50% 50%;
  background-size: cover;
  width: 35px;
  height: 35px;
  position: absolute;

}
.top-offers-list:before {
  right: -20px;
  top: 40px;    
}
.top-offers-list:after {
  left: -20px;
  bottom: 40px;    
}
.top-offers-list h2 {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 5px;
    font-size: 22px;
}
h1.category-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.more-offers-button {
  padding-top: 10px;
}
.btn-more-offers {
    background: url(../images/custom/i-offers.png) no-repeat 10px 50%;
    padding-left: 50px;
    font-size: 18px;
    line-height: 32px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    white-space: nowrap;
}

/* Category Offers */
.cat-offers-block {
    background: url(../images/custom/sp-offers-bg.jpg) 0 100% no-repeat;
    border: #fe9916 1px solid;
    padding: 40px 10%;
    margin-bottom: 25px;
    text-align: center;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    
    .top-offers-block {
        background: transparent;
        padding-left: 10px;
        padding-right: 10px;
    }

    .top-offers-list {
        padding-left: 10px;
        padding-right: 10px;      
    }
    .top-offers-list:before {
        top: 10px;
        right: -8px;
        width: 23px;
        height: 23px;      
    }
    .top-offers-list:after {
        bottom: 10px;
        left: -8px;
        width: 23px;
        height: 23px;      
    }    
    
    h1.category-title {
        flex-direction: column;
    }
    
    .btn-more-offers {
        display: block;
        float: none;
        margin-top: 20px; 
    }
    
}

/* Facebook button */
#breadcrumbs .fb-button {
  float: right;
}.fb-bottom-button {
  text-align: center;
  margin-bottom: 20px;
}

/* Calendar styles on order type page */
.order-type .ui-widget-header, .register-table .ui-widget-header, .checkout-payment-table .ui-widget-header {
  background: #EEE none !important;
  color: #222 !important;
  border: 1px solid #DDD !important;
  padding: 4px;
}
.order-type .ui-state-disabled span.ui-state-default, .checkout-payment-table .ui-state-disabled span.ui-state-default {
  border: 1px solid #DC323A !important;
  color: #DC323A !important;
}
.order-type .ui-datepicker-calendar .ui-state-default, .checkout-payment-table .ui-state-default {
  background: #EEE none !important;
  border: 1px solid #33D55B !important;
  color: #33D55B !important;
}
.order-type .ui-datepicker-calendar .ui-state-highlight, .checkout-payment-table .ui-state-highlight {
  background: #FFF none !important;
  border: 1px solid #33D55B !important;
  color: #33D55B !important;
}
/*.register-table .ui-state-default, .register-table .ui-state-highlight {
  background: #EEE none !important;
  border: 1px solid #DDD !important;
  color: #666 !important;
}*/
.order-type .ui-datepicker-calendar .ui-state-active, .register-table .ui-state-active, .checkout-payment-table .ui-state-active {
  background: #FFF none !important;
  border: 1px solid #33D55B !important;
  color: #33D55B !important;
}
.order-type .ui-state-default.ui-state-active, .register-table .ui-state-default.ui-state-active, .checkout-payment-table .ui-state-default.ui-state-active {
  background: #FFF none !important;
}
.order-type .ui-state-hover, .register-table .ui-state-hover {
  /*background: #DDD none !important;
  border: 1px solid #CCC !important;
  color: #000 !important;*/
}
.order-type .ui-state-active.ui-state-hover, .register-table .ui-state-active.ui-state-hover, .checkout-payment-table .ui-state-active.ui-state-hover {
  color: #60f980 !important;
  border: 1px solid #60f980 !important;
}
.order-type .ui-widget-content, .register-table .ui-widget-content, .checkout-payment-table .ui-widget-content {
  border: 1px solid #DDD !important;
}
.order-type .ui-widget-content .holiday a, .ui-widget-content .capacity a, .ui-widget-content .closed a, .checkout-payment-table .ui-widget-content .holiday a {
  background: #FFF none !important;
  border: 1px solid #F00 !important;
  color: #7b7373 !important;
}
.order-type #editionMenuTabs .ui-state-default {
  background: #fff none !important;
  border: 1px solid #DDD !important;
  color: #7b7373 !important;
  margin: 0 2px;
  top: 0;
  border-radius: 3px;
  font-weight: 100;
}
.order-type #editionMenuTabs .ui-state-active {
  background: #FFF none !important;
  border: 1px solid #DDD !important;
  color: #ef8514 !important;
}

/* START National Shipping calendar styles */
#order_mail_yourself .ui-widget-header,
#mail_order_gift_additional_information .ui-widget-header {
  background: #EEE none !important;
  color: #222 !important;
  border: 1px solid #DDD !important;
}
#order_mail_yourself .ui-state-disabled span.ui-state-default,
#mail_order_gift_additional_information .ui-state-disabled span.ui-state-default {
  border: 1px solid #DC323A !important;
  color: #DC323A !important;
}
#order_mail_yourself .ui-state-default,
#order_mail_yourself .ui-state-highlight,
#mail_order_gift_additional_information .ui-state-default,
#mail_order_gift_additional_information .ui-state-highlight {
  background: #EEE none !important;
  border: 1px dotted #0B0 !important;
  color: #0D0 !important;
}
#order_mail_yourself .ui-state-active,
#mail_order_gift_additional_information .ui-state-active {
  background: #FFF none !important;
  border: 1px solid #33D55B !important;
  color: #33D55B !important;
}
#order_mail_yourself .ui-widget-content .holiday a,
#order_mail_yourself .ui-widget-content .capacity a,
#order_mail_yourself .ui-widget-content .closed a,
#mail_order_gift_additional_information .ui-widget-content .holiday a,
#mail_order_gift_additional_information .ui-widget-content .capacity a,
#mail_order_gift_additional_information .ui-widget-content .closed a {
  background: #FFF none !important;
  border: 1px solid #F00 !important;
  color: #F00 !important;
}
/* END National Shipping calendar styles */
#order_day_info {
  padding: 0 2px 0 2px;
  font-weight: bold;
  color: #808080;
}

/* Select Image Popup */
.popup-img-selection .section-title {
  font-size: 13px;
  font-weight: bold;
  background: #eee;
  padding: 3px 0;
}

/**
 * Donation request form
 */
.donation-request-tag {
  color: #2065A4;
  text-decoration: underline;
}
.donation-types-header {
  text-align: center;
  color: #793A14;
}
.donation-types-table {
  border-collapse: collapse;
  border: 1px solid #793A14;
  display: flex;
  flex-wrap: wrap;
}
.donation-type {
    display: flex;
    flex-direction: column;
    width: 25%;
    border: 1px solid #793A14;
    box-sizing: border-box;
}
.donation-types-head {
  color: #FFF;
  background-color: #D79976;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  min-height: 42px;
  border-bottom: 1px solid #793A14;
}

@media screen and (max-width: 768px) {
    
    .donation-type {
        width: 50%;
    }
    
    .donation-request-table > tbody > tr {
        position: relative;
        display: block;
        box-sizing: border-box;
    }
    .donation-request-table > tbody > tr > td {
        display: block;
    }
    .donation-request-table .donation-field-name {
        text-align: left;
        width: 90%;
    }
    .donation-request-table .donation-required {
        position: absolute;
        right: 0;
        top: 5px;
    }
  
}

@media screen and (max-width: 480px) {
    
    .donation-type {
        width: 100%;
    }
  
}

.donation-type-descr {
  padding: 5px;
  flex-grow: 2;
}
.donation-types-table tr td {
  vertical-align: top;
  padding: 5px;
}
.donation-request-table tr td {
  padding: 5px;
}
.donation-field-name {
  width: 35%;
  text-align: right;
}
.donation-subheader {
  border-bottom: 1px solid #793A14;
  font-weight: bold;
  padding: 10px !important;
  color: #793A14;
}
.donation-required {
  color: #CF2A28;
  font-weight: bold;
  font-size: 16px;
}
.donation-required-field {
  width: 200px;
}
.ht-field {
  display: none;
}

/* Login Page */
.login-page {
    display: flex;
    margin:0 -50px -20px;
}
.login-page:after {
    content: "";
    background: url(../images/custom/login-page-bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    display: block;
    width: 50%;
}
.login-box {
    width: 50%;
    padding: 40px 10%;
    box-sizing: border-box;
}
.login-box .dialog .title h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    margin-right: -20px;
}
.login-text {
    font-size: 20px;
    margin-bottom: 30px;
    color: #5b5b5b;
}
.login-form .field-line {
    margin: 0 0 30px;
}
.login-form .field-line input {
    width: 100%;
    box-sizing: border-box;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 15px 40px 15px 0;
    font-size: 18px;
}
.login-form .field-username input {
    background: url(../images/custom/i-username.png) no-repeat 100% 50%;
}
.login-form .field-password input {
    background: url(../images/custom/i-password.png) no-repeat 100% 50%;
}
.login-form .login-options {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}
.login-form .ErrorMessage {
    margin-bottom: 30px;
}
.login-button-line {
    margin-bottom: 30px;
}

/* Landing page */
.landing-page #content-container {
    padding-bottom: 0;
}
.landing-page #center-main {
    padding-top: 0;
}
.landing-page #header-content {
    justify-content: left;
}

/* Wish list page */
.send-wl-line {
    margin: 10px 0;
    display: flex;
    align-items: center;
}
.send-wl-line input {
    width: 100%;
    max-width: 350px;
}

/* Flash product */
#circle-decoration,
#heart-decoration {
    padding: 25px 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: auto;
    display: none;
}
#heart-decoration {
    padding: 20px 30px;  
}
#decoration-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
#decoration-text > * {
    margin: 15px 0;
    line-height: 1em;
    height: 1em;
}
.heart-shape #decoration-text {
    font-size: 28px;
    padding-bottom: 55px;
}
.heart-shape #decoration-text > * {
    margin: 12px 0;
}
#decoration-image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    box-sizing: border-box;
}
#decoration-image img {
    max-height: 65%;
    max-width: 65%;
}
.heart-shape #decoration-image {
    padding-bottom: 65px;
}
.heart-shape #decoration-image img {
    max-height: 60%;
    max-width: 60%;
}
.flash-options-wrapper {
  max-width: 375px;
  margin: 0 auto;
}
.cart-page .flash-options-wrapper,
  .cart-page .flash-options-box {
  height: auto;
}

.flash-options-wrapper {
  position: relative; 
}
.flash-options-box.p-image {
    
}
.flash-options-box.p-flash-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;  
}
.is-mobile-device .hide-on-mobile {
  display: none;
}

.is-mobile-device .product-details .image-box, 
.product-details .details-box {
  width: 100% !important;
}
.product-details .image-box {
  max-width: 375px;    
}
@media (max-width: 991px) {
    .product-details .image-box {
        min-width: 100% !important;
        text-align: center;
    }
}
.product-details .details-box {
    max-width: 600px;
}

/*.is-mobile-device .flash-options-box,
  .is-mobile-device .flash-options-wrapper {
  width: 100%;
  position: relative;
  height: auto;
}*/

#product_thumbnail {
  height: auto!important;
}

.p-mobile-flash-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#decorating-image {
  display: none;
}

.flash-options-wrapper.visible #decorating-image   {
  display: block;
}

.p-mobile-flash-image .button {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #fe9916;
  padding: 2px 8px;
  border: #fe9916 2px solid;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

.hide-decorating,
  .flash-options-wrapper.visible .show-decorating {
  display: none;
}

.flash-options-wrapper.visible .hide-decorating {
  display: block;
}

.flash-warning {
  color: #f90;
  padding: 30px 0 0;
  font-size: 18px;
}

/* Referral Program */
.referal-program-page {
    display: flex;
    margin:  0 0 80px;
    font-size: 18px;
    color: #7b7373; 
}
.referal-program-page .image {
    padding: 20px;  
}

/* Bonuses Page */
.bonuses {
    display: flex;
    margin: 0 0 40px;
}
.bonuses h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    color: #190000;
}
.bonuses ul {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}
.bonuses ul li {
    padding: 8px 0;
}
.bonuses ul li:before {
    width: 18px;
    height: 18px;
    color: #ef8514;
    content: "\f058";
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;    
    display: inline-block;
    margin-right: 5px;
}
.bonuses .referal-program {
    width: 30%;
    color: #7b7373;
    padding-right: 20px;
}
.bonuses .how-to-earn {
    width: 70%;
    text-align: center;
}
.earn-bonuses {
    margin: 30px 0;
}
.bonuses .how-to-earn h2 {
    padding: 0 0 40px;
    font-size: 24px;
}
.bonuses .how-to-earn .options {
    display: flex;
}
.bonuses .how-to-earn .options > div {
    border: #fe9916 2px solid;
    border-radius: 3px;
    margin: 0 10px 20px;
    flex-grow: 1;
    padding: 10px;
    text-align: center;
    width: 33.33%;
    color: #7b7373;
    box-sizing: border-box;
    font-size: 16px;
}
.bonuses .how-to-earn h4 {
    color: #190000;
    margin: 0;
    padding: 0 0 10px;
}

/* Cookie club Headers */
.winners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.winners .winner {
    display: flex;
    flex-direction: column;
    margin: 0 25px 40px;
    min-width: 245px;
    background: #fff;
}
.winners .winner:hover {
    box-shadow: 0px 17px 29px 0px rgba(0, 0, 0, 0.09); 
    text-shadow: 0px 17px 29px rgba(0, 0, 0, 0.09);
}
.winners .image {
    flex-grow: 1;
    background: #000;
    display: flex;
    justify-content: center;
}
.winners .info {
    padding: 18px 10px;
}
.winners .position {
    font-size: 16px;
    display: block;
}
.winners .name {
    font-size: 20px;
    color: #ff8800;
}


/*
    Invoice
*/
.invoice__logo-box {
    padding-right: 20px;
}
.invoice__logo {
    min-width: 140px;
}
.ordered-products__product-sku-mobile {
    display: none;
}
.ordered-products__product-btn .fa {
    background-color: #f89917;
    color: #fff;
    border-radius: 10px;
    font-size: 22px;
    vertical-align: middle;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 21px;
}

@media screen and (max-width: 768px) {
    /*
        Invoice
    */
    .invoice__head > tbody > tr,
    .invoice__head > tbody > tr > td {
        display: block;
    }
    .invoice__logo-box {
        text-align: center;
        padding-right: 0;
    }
    .invoice__head-info > tbody > tr,
    .invoice__head-info > tbody > tr > td {
        display: block;
        text-align: center;
    }
    .invoice__addresses  > tbody > tr,
    .invoice__addresses > tbody > tr > td {
        display: block;
        width: 100%;
    }

    .invoice__address-table  > tbody > tr > td {
        width: 50%;
    }

    .ordered-products__product-sku {
        display: none;
    }
    .ordered-products__product-sku-mobile {
        display: inline-block;
    }

    .orders-history__buttons > tbody > tr,
    .orders-history__buttons > tbody > tr > td {
        display: block;
        width: 100%;
    }

}

/*
    Landing page video
*/
.video-box {
    margin: 40px auto;
    text-align: center;
    max-width: 800px;
}
.video-box__video {
    max-width: 100%;
    height: auto;
}