@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,400;1,300;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}








a {
	color: #036679;
}

a:hover {
	color: #036679;
}


.primary-btn {
	border-radius: .8vw;
	font-size: 1.49vw;
	font-family: 'DM Sans', sans-serif;
	color: white;
	width: 18vw;
	display: flex;
	border: none;
	justify-content: center;
	text-transform: uppercase;
	height: fit-content;
	font-weight: 600;
	padding: 1.1vw 0vw 1.1vw 0vw;
}

.primary-btn:hover {
	text-decoration: none;
	background-color: #A97A53;
}

.square-primary-btn {
	display: flex;
	justify-content: center;
	background-color: #c9973c;
	border: none;
	color: white !important;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	height: fit-content;
	padding: 15px;
	width:300px;
	border-radius: 1px;
}

.square-primary-btn:hover {
  text-decoration: none;
  background-color: #A97A53;
}
.small-square-btn {
  display: flex;
  justify-content: center;
  background-color: #c9973c;
  border: none;
  color: white !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
  font-size:12px;
  text-transform: uppercase;
  border-radius: 0px;
  padding: 10px;
  margin-top: 5px !important;
  width:170px;
  height: fit-content;
}
.small-square-btn:hover {
  text-decoration: none;
  background-color: #A97A53;
}
.secondary-btn {
  padding: 12px 18px;
  color: white !important;
  background-color: #c9973c;
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 14px;
  height: 44px;
  border: 1px solid #A97A53;
}
.secondary-btn:hover {
  text-decoration: none;
  background-color: #A97A53;
}
.btn-lg {
  width: 100%;
}
.form-control:focus {
    outline: none !important;
}

/* RECURLY */
#recurly-elements {
    width: 100% !important;
}
.recurly-element-card {
    font-size: 14px !important;
    height: 45px !important;
    border: 1px solid #B8BDC3 !important;
    padding: 5px !important;
    border-radius: 10px !important;
    width: 100% !important;
}
input.form-control, select.form-control {
    font-size: 14px;
    height: 45px;
    border: 1px solid #B8BDC3;
    padding: 5px;
    border-radius: 10px;
    width: 100%;
}
.banner-join-now {
	position: absolute;
	bottom: 60px;
	right:80px;
}

.banner-join-now .primary-btn {
	background-image: linear-gradient(to bottom left, #dadada, #FAFAFA, #dadada);
	color: #B23E3F;
	border-radius: 30px;
}


@media screen and (min-width: 769px) {

	#register-form input.form-control.left-input, #register-form select.form-control.left-input, #buy_gc input.form-control.left-input, #buy_gc select.form-control.left-input {
	    border-radius: 10px 0 0 10px !important;
	    width: 100%;
	}
	#register-form input.form-control.right-input, #buy_gc input.form-control.right-input {
	    border-radius: 0 10px 10px 0 !important;
	    border-left: none;
	    width: 100%;
	}
	#register-form select.form-control.right-input, #buy_gc select.form-control.right-input {
	    border-radius: 0 10px 10px 0 !important;
	    width: 100%;
	}
}

.expslash {
    font-size: 47px;
    text-align: center;
    width: 100%;
    line-height: 59px;
}

div:has(> span.expslash) {
    text-align: center;
    margin-bottom: 0;
}


#register-form .primary-btn {
    /*background-color: #C9973C;*/
}
.form-group .far {
    position:absolute;
    padding-top:17px;
    right:15px;
    cursor: pointer;
}

/* For Safari 10.1 and up */
@media not all and (min-resolution:.001dpcm) { @media {
  input[type="password"] { 
    padding:0;
    text-indent:25px;
    height:50px;
  }
  .img-header-banner {
    max-height: 40px !important;
  }
}}
select.form-control {
  border: 1px solid #B8BDC3;
  border-radius: 10px;
  width: 100%;
  padding: 5px;
  height: 45px;
}
.form {
    display: flex;
    flex-grow: 1;
}
.remove-styles {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.remove-styles:hover {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
/* Membership cards */
.plan-card {
  position: relative;
  border: 1px solid rgba(20, 38, 58, .2);
  border-radius: 15px;
  margin: 8px;
  width: 368px;
  min-height: 670px;
}
.plan-icon {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  height: 115px;
  width: 115px;
}
ul.info-list {
  height: 200px;
}
/****************************
Checkbox Slider
****************************/
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 22px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    display: none;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
            box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  
  .switch-small {
    width: 25px;
    height: 13px;
    vertical-align: middle;
  }
  
  .switch-small .slider:before {
      height: 15px;
      width: 15px;
      left: 0px;
      bottom: -1px;
      border: 1px solid #ddd
  }
  
  .switch-small input:checked + .slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
}









/*lk*/


/* homepage */

.desktop-header {
        display: flex;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 0px 30px 0px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .2);
        font-weight: 400;
        height: 90px;
	max-height: 90px;
        border-bottom: none;
	background-image: linear-gradient(to bottom left, #dadada, #FAFAFA, #dadada);
}

.desktop-header .primary-btn {
 /*       padding: 1vw;*/
        border-radius: 2vw;
        background-color: white;
        margin: 0vw .3vw 0vw -2vw;
        font-size: 1.2vw;
        width: 11vw;
        letter-spacing: .01vw;
}

.desktop-header .logo {
        width: 100%;
        max-width: 280px;
	margin-top: -10px;
        /*padding: 0 0 0 10px;
        margin-right: -3vw;*/
}

#vectorlogo {
	max-height: 80px;
	width: 100%;
	height: auto;

}

.nav-link {
        text-align: center;
        /*padding: 1.2vw 0vw 0vw 0vw;*/
        text-transform: uppercase;
        color: black;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-family: 'DM Sans', sans-serif;
        font-size: 1.1vw;
}

.nav-link:hover {
        text-decoration: underline;
        color: #555555;
}





#nav-dropdown {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 10%;
        background-color: white;
        box-shadow: 2px 2px 6px 2px rgba(20, 38, 58, .16);
}

#nav-dropdown .dropdown-link {
        padding: 10px 20px;
        padding-right: 50px;
        font-size: 14px;
        color: #5A6775;
}

#nav-dropdown .dropdown-link:hover {
        background-color: #5A6775;
        color: white !important;
        text-decoration: none;
}





.refer-link {
        text-transform: uppercase;
        color: white;
        height: 100%;
        display: flex;
        align-items: center;
        font-weight: 500;
        font-family: 'DM Sans', sans-serif;
}

.refer-link:hover {
        color:white;
}


.banner {
        position: relative;
        left: 0px;
        width: 100%;
        height: 83vh;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
}

.banner .primary-btn {
}

#landing-banner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding-left: 4%;
        background-color: rgba(42, 27, 21,.17);
}

.banner-title {
            font-size: 48px;
            font-weight: 800;
            line-height: 4rem;
            padding-top: 0%;
            margin-bottom: 0px;
            margin-top: -18.5vw;
}

.banner-subtitle {
        font-family: 'DM Sans', sans-serif;
        width: 40vw;
        font-size: 1.4vw;
}

#landing-banner .primary-btn {
        align-self: start;
        margin-top: 25px;
}

.wrap-reverse {
        flex-wrap: wrap-reverse;
}

.mid-banner {
        margin-top: -50px;
        margin-bottom: 0px;
}

.what-is-section {
        /*background-color: #f8f8f8;*/
        padding: 4vw 0vw 0vw 0vw;
}

.what-is-blurb {
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
        padding:2vw 10vw 10vw 0.7vw
}

.what-is-blurb h3{
        font-weight: bold;
        font-size: 3vw;
        padding-bottom: 15px;
        color: #C9973C;
        font-family: 'DM Sans',sans-serif;
        text-align: center;
}

.what-is-blurb h3 img{
        width: 50%;
        top: -10px;
        position: relative;
        z-index: 9;
}

.what-is-blurb p {
        font-family:'DM Sans', sans-serif;
        font-size:1.4vw;
        padding-bottom: 4vw;
}

.what-is-blurb .primary-btn {
        background: #C9973C;
}

.what-is-blurb ol {
        counter-reset: li;
        margin-left: 0;
        padding-left: 0;
}

.what-is-blurb ol > li {
        position:relative;
        margin:0 0 6px 2em;
        padding:4px 8px;
        list-style:none;
        /*background:#f6f6f6;*/
        font-family:'DM Sans', sans-serif;
        font-size: 1.4vw;
}

.what-is-blurb ol > li:before {
        content:counter(li);
        counter-increment:li;
        position:absolute;
        left:-2.7vw;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        width:2.7vw;
        margin-right:8px;
        padding:4px;
        color:#fff;
        background:#C9973C;
        font-weight:bold;
        text-align:center;
        border-radius: 2vw;
}


.restaurant-section {
        display: flex;
        justify-content:center;
        margin-bottom: 17vh;
        padding-top:26px;
}

.restaurant-section h3 {
        font-weight: 600;
        font-family:'DM Sans', sans-serif;
        font-size: calc(15px + 1.5vw);
}

.restaurant-section .primary-btn {
        background-color: #c94e31;
}

.restaurant-card {
        width: 100%;
        margin-right: 40px;
        cursor: pointer;
}


.restaurant-card .restaurant-name {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: 14px;
        color:#2c4554;
        text-transform: uppercase;
}

.restaurant-card .restaurant-city {
        color:black;
        font-size: 12px;
        font-weight: bold;
}

.restaurant-card .restaurant-cuisine {
       font-size: 12px;
       color:black;
}

.restaurant-card:hover {
        transform: scale(1.01);
}

.restaurant-card img.restaurant-picture {
        width: 100% !important;
        height: auto;
}

.restaurant-card .no-restaurant-picture {
        position: relative;
        background-color: #DEDEE7;
        border-bottom: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #a7a7a7;
        min-height: 200px;
        padding: 0;
        margin: 0 !important;
        color: #000000;
}

.restaurant-card .price-range span{
        margin: 0;
        padding: 0;
}

#featured-restaurants {
        display: flex;
        margin-bottom: 50px;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
}

#featured-restaurants::-webkit-scrollbar {
        display: none;
}

#img-row {
	width: 90% !important;
}
.scroll-right {
        border-radius: 50%;
        width: 60px;
        height: 60px;
        position: absolute;
        right: 20px;
/*        top:calc(50% - 30px);
*/        background-color: rgba(128, 128, 128, .7);
        cursor: pointer;
        z-index: 3;
        display: flex;
        justify-content: center;
        align-items: center;
}

.scroll-left {
        display: none;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        position: absolute;
        left: 20px;
/*        top:calc(50% - 30px);
*/        background-color: rgba(128, 128, 128, .7);
        cursor: pointer;
        z-index: 3;
        display: flex;
        justify-content: center;
        align-items: center;
}
.enormous-acts-section {
        position: relative;
        left: 0px;
        width: 100%;
        height: 750px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;

}

.enormous-acts-section .banner-title {
        font-size: 2.75vw;
        text-align: center;
        margin-top:0vw;
        padding-top: 11vw;
}

.enormous-acts-section .banner-subtitle {
        font-size: 1.4vw;
        text-align: center;
        width: 100%;
        margin-top: 2vw;
	text-shadow: 0vw 0vw .4vw #000;
}

.enormous-acts-section .primary-btn {
        margin-top: 7vw;
        background-color: #C9973C;
}

.enormous-acts-section .bannerBG {
        filter: brightness(.85);
        font-size: 5vw;
        text-align: center;
}

.newsletter-section {
        margin: 7vw 0;
}


.newsletter-section h2 {
        font-size: 2.75vw;
        font-weight: 900;
}


.newsletter-section p {
        padding: 0px 20vw;
        font-size: 1.4vw;
}

.newsletter-section #sign-me-up-form {
        background-color: black;
        width: 42vw;
        padding: 2vw;
}


/* modals */

.tocontinue {
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-style: italic;
	font-weight: 600;
}
.modal-footer .primary-btn {
	background-color: #C9973C;
}

.modal.show .modal-dialog {
	max-width: 95% !important;
}



/* enormous acts page */

.eat-desc-blurb {
	display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
        padding:.5vw 5vw 10vw 0.7vw;
	margin-top: 3.7vw;
}

.eat-desc-blurb p {
        font-family:'DM Sans', sans-serif;
        font-size:1.4vw;
        padding-bottom: 1vw;
	text-align: center;
	line-height: 2.3vw;
}

.eat-desc-blurb .primary-btn {
	background: #C9973C;
}
.eat-desc-section {
        background-color: #f8f8f8;
        padding: 2vw 0vw 0vw 4vw;
}

.eat-desc-img {
	position: absolute;
	top: 6vw;
	right: 0;
	width: 50vw;
}

.eat-video-section h3 {
	text-align: center;
	width: 100%;
	margin-top: 3vw;
}

.eat-video-section {
	margin-bottom: 5vw !important;
}

.ctr {
	width: 100%;
	text-align: center;
}

.eat-video-container {
    float: left;
    width: 100%;
    padding: 2.8vw 6vw 28.125% 7vw
}

.video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0 1vw 1vw 0;
}



.eat-video-area {
    padding: 0vw .5vw 0vw 3vw;
}

#plans-section {

}

p.classic-headline{
      font-size: 2.5vw;
      color: #a6becd;
}

.banner-hand-left {
	display: none;
	position: absolute;
	width:28vw;
	max-width: 445px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.banner-hand-right {
	display: none;
	position: absolute;
	right:0;
	width: 33vw;
	max-width: 445px;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#search-section {
	margin-bottom: 2vh;
	margin-top: 1vh;
}

#video-section h4 {
	padding: 0 1.2vw;
}

#qrcode .primary-btn {
	width: auto;
    background-color: #D4AF37;
    padding-left: 3vw;
    padding-right: 3vw;
}

/* FOOTER */
.logo-white {
    width: 300px;
    max-width: 300px;
    margin-top: -40px;
}

/* admin customer list */
/*
col-select
col-name
col-urcode
col-type
col-signdate
col-email
col-phone
col-pcode
col-rcode
col-status
col-lastpay
col-nextpay
*/
.col-select {

}
.col-name {

}

.col-urcode {

}

.col-type {

}

.col-signdate {

}

.col-email {

}

.col-phone {

}

.col-pcode {

}

.col-rcode {

}

.col-status  {

}

.col-lastpay {

}

.col-nextpay {

}

/* --- Admin Menu --- */

.admin-menu .btn-secondary {
	width: 15vw;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, .15);
	background-color: #fff;
	color: #000 !important;
	border-radius: 0;
	font-size: 12px;
        transition: box-shadow 0.5s ease-in-out 0s;
	border: none;
}

.admin-menu .btn-secondary:hover, .admin-menu .btn-secondary .active {
        box-shadow: -6px -6px 10px 0px rgba(0, 0, 0, .15);
	transition: box-shadow 0.5s ease-in-out 0s;

}

.admin-menu .dropdown-menu {
	border-radius: 0 !important;
}

.admin-menu .dropdown-item {
	font-size: 12px;
}

.admin-menu .dropdown-menu {
    border-radius: 0 !important;
    width: 100%;
    box-shadow: 6px 6px 10px 0 rgba(0,0,0,.15);
    border: none;
}

/* --- end Admin Menu --- */


/* --- Referral Page --- */

#refer-banner {
    display: block;
    position: relative;
    margin: 5.2vw 0 0 0;
    width: 100%;
    height: 365px;
    /*background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_2d0fa6f09c6745f1848153fce95fd3d7_mv2.webp");*/
    background-color: #464646;
}

#refer-banner .row {
	height: 100%;
	width: 100%;
	padding-top: 4vh;
}

#refer-banner H1 {
	color: white;
	font-weight: 700;
	font-size: 3.9vw;
	letter-spacing: -.15vw;
}

#refer-banner p {
	text-align: center;
	color: white;
	font-size: 3.3vh;
}

.black-box {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 4.6vw 9vw;
	max-height: 460px;
}

.black-box h1, .slate-box h1 {
	font-size: 4vh;
}

.slate-box {
	background-color: #607980;
	color: #fff;
	text-align: center;
	padding: 4.6vw 5vw;
}

.slate-box .sidenote {
	font-size: 14px;
}

.slate-box ul{
	text-align: left;
}


#spread-row {
}

#spread-img {
	background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_d127ff140d0b438fa57216c81501db6e_mv2.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 460px;
}

#how-img {
	background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_b3d088588ff744c28cfa4ab821de0554_mv2.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 745px;
}

#friends-img {
	background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_6618e54c2ecc40a3b1ee0b9b7f73906f_mv2.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 460px;
}

#drip-quote {
      height: 430px;
      overflow: hidden;
}

#dripVideo {
    width: 100vw;
    height:100vh;
    object-fit: cover;
    filter: brightness(0.65);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
#dripquote-text {
    position: absolute;
    /* top: -690px; */
    padding: 0 22vw;
    margin: 20vh 0 0 0;
}
#dripquote-text h1 {
    font-family: 'Cormorant Garamond', serif;
    color: #fff;
    font-style: italic;
    font-size: 3.8vh;
    text-align: center;
    font-weight: 600;
    padding: 0 3.8vw;
}

#dripquote-text p {
    color: #fff;
    text-align: left;
    text-indent: -1vw;
    padding: 7vh 0vw 0 37.8vw;
}

/* --- end Referral Page --- */

/* --- buy gift cert page --- */

#gc-img {
        background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_b3d088588ff744c28cfa4ab821de0554_mv2.webp");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
}


/* --- buy gift cert page --- */

/*.form-box {
        background-color: #607980;
        color: #fff;
        padding: 4.6vw 5vw;
}

.form-box h3 {
	font-weight: bold;
}*/


/* --- end buy gift cert page --- */


/* --- Redeem page --- */

.alert-red {
	color: #C82F34;
        font-size: 48px;
        font-family: 'Open Sans', sans-serif;
        font-weight: 800 !important;
}

.invalid-box {
        background-color: #C82F34 !important;
        width: 100%;
        padding: 10px;
        color: white;
        font-size: 26px;
        line-height:28px;
	padding-top: 5px;
}

.invalid-box p {
         margin: 2.2vh 0;
}

#restaurant-warn {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

#redeem-logo {
	width:100%;
	padding: 20px 10vw;
}

#redeem-logo img {
	max-width: 600px;
}

#restaurant-input {
	height: 15vh !important;
}

.search-go {
	background-color: #C82F34;
}

.search-clear {
	background-color: black;
	color: white;
}

.search-clear:hover {
/*	background-color: crimson;
	color: white;*/
}
	

.rest-button{
	font-size: 18px !important;
	margin-bottom: 3px;
}

#membership-banner .banner-text h1 {
        font-weight:900;
}
#membership-banner .banner-text h2 {
    font-weight: 700;
}

#geolocate-btn span, #search span {
	display: none;
}


/* --- end Redeem page --- */

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

	#geolocate-btn {
		font-size: 10px !important;
	}




}

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

	.nav-link {
		font-size: 1.3vw;
	}
	.logo {
		margin-right: 0;
	}
	.logo img {
		height: 64px;
	}
	#landing-banner {
		padding-top: 26%;
	}
        .enormous-acts-section {
		height: 100%;
		padding: 10px 0;
	}

	.newsletter-section #sign-me-up-form {
		width: 90vw;
	}

	.newsletter-section .sign-up-email {
		width: 70vw;
	}

	.restaurant-section {
		margin: 0 0 4vh 0;
	}

	.enormous-acts-section .banner-title {
	        font-size: calc(16px + 1.5vw);
		line-height: 1;
	        text-shadow: 0vw 0vw .4vw #000;
		padding-top: 2vw;
	}

	.enormous-acts-section .banner-subtitle {
        	font-size: calc(14px + 1.5vw);
	}

	.enormous-acts-section .bannerBG {
		height: 100%;
		filter: brightness( .55 ) !important;
	}

	#what-is-text {
		flex: 0 0 100% !important;
		max-width: 100%;
	}

	.what-is-blurb {
		margin-bottom: 3vw;
	}
	
	.what-is-blurb ol > li:before {
		left: -36px;
		width: 36px;
		height: 36px;
		border-radius: 50%;
	}
	
	.what-is-blurb h3 {
		font-size:calc(14px + 1.5vw);
		/*font-size: 18px;*/
	}
	
	.what-is-blurb h3 img {
		width: 60%;
		top: -10px;
	}

	.what-is-blurb ol > li, .what-is-blurb p {
		font-size:calc(12px + 1.5vw);
		/*font-size: 16px;*/
	}

	.whatisimg {
		width: 100vw;
		padding: 0px 0px 0px 0px;
	}
	
	div:has(> img.whatisimg) {
		padding: 0;
		margin: 0;
	}

	.primary-btn {
		width: 100%;
		max-width: 90vw;
		/*font-size: 24px;*/
		font-size:calc(18px + 1.5vw);
	}

	.upload-btn-wrp {
		width: 100%;
	}

        #EAT-banner .side-banner {
		right: 0;
	};


	#EAT-banner .side-banner h1 {
		text-shadow: 0vw 0vw .5vw #000;
	}

        #EAT-banner .side-banner p {
		padding-left: 15vw;
		padding-right: 15vw;
                background-color: rgba(0,0,0,.35);;
        }

	.eat-desc-blurb p {
		font-size: calc(10px + 1.5vw);
		line-height: 6vw;
	}

        .eat-desc-section {
		padding: 2vw 0vw 0vw 0vw;
        }

	.eat-video-container {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 2.8vw 6vw 56.25% 7vw;
	}
	
	.eat-video-section h3 {
		font-size: 3.5vw;
	}

        .eat-desc-img {
		position: relative;
		top: -3vh;
		width: 100vw;
        }

	.col-md-6 {
		flex: 0 0 100%;
		max-width: 100vw;
		padding-left: 0;
	}

        #membership-banner {
                margin-bottom: 5vw;
        }

	#membership-banner .banner-text {
		margin-top: -8vw;
	}

        #membership-banner .banner-text h1 {
		font-size: calc(18px + 1.5vw);
		line-height: 1;
		margin-bottom: 0;
	}

        #membership-banner .banner-text h2 {
                font-size: calc(18px + 1.5vw);
		line-height: 1;
        }

        #membership-banner .banner-text p {
                font-size: calc(14px + 1.5vw);
                line-height: 1;
		margin-top: 19vw;
		width: 80%;
        }
	
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0 2.8vw 0 2.8vw;
		margin: 2.5vh 5.5vw;
	}
	
	.card-deck {
		-ms-flex-flow: column;
		flex-flow: column;
	}
	
	p.classic-headline, p.ambassador-headline {
	/*	font-size: 5vw !important;*/
	}

	p.subscription-price {
	    font-size: calc(10px + 1.5vw) !important;
	}
	
	.card-body ul li, .card-body ul li b, .card-body ul li u {
            font-size: calc(10px + 1.5vw) !important;
        }
	
	.banner-hand-right {
		display: none;
		top: 55%;
	}
	
	.restaurant-card .restaurant-cuisine {
		font-size: calc(10px + 1vw);
		color: black;
	}

        #geolocate-btn span, #search span {
                display: none;
        }


}

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

	#refer-banner {
	    height: auto;
	    margin-top: auto;
	    background-size: 100%;
	}

	#refer-banner p {
		font-size: 18px;
		line-height: 1.2;
		margin-bottom: 5px;
	}

	#refer-banner h1 {
		font-size: 24px;
		text-align: center;
		margin-bottom: 0;
	}
	
	.black-box h1, .slate-box h1 {
		font-size: 24px;
	}
	
	#spread-img {
		width: auto;
		background-size: 110%;
		position: relative;
		height: 170px;
	}
	
	#friends-img {
		background-image: url("https://tfc-uwc.s3.amazonaws.com/49dc4c_b3d088588ff744c28cfa4ab821de0554_mv2.webp");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 416px;
	}

	#how-img {
		display: none;
	}

	#how-text .joinbtn, #friends-text .joinbtn {
		font-size: 24px !important;
		border-radius: 18px !important;
		margin-bottom: 24px;
		padding: 5px 48px !important
	}
	
	#dripquote-text {
		padding: 0 4vw;
		margin: 5vh 0 0 0;
	}
	
	.stackrow .primary-btn {
		padding: 15px 0;
		font-size: 5vw;
	}
	
        #progressbar {
		padding: 0;
	}
	#progressbar li {
		font-size: 3vw !important;
	}

        .stackrow {
                display: block !important;
        }

        .left-input, .right-input{
                border-radius: 10px !important;
                width: 100%;
        }

        .stackrow .w50, .stackrow .w80, .stackrow .w20, .stackrow .w45, .stackrow .w25 {
                width: 100% !important;
        }
        
	.stackrow .w10 {
		display: none;
	}

	#membership-banner {
		top: 0;
	}
	ul.info-list {
		min-height: 280px;
	}
        .button-swap{
                display: grid !important;
        }
        .button-swap-next {
                order: 1;
        }
        .button-swap-prev {
                order: 2;
        }
}

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

@media screen and (max-width: 300px) {
        .black-box h1, .slate-box h1 {
                font-size: 20px;
        }

	.black-box p {
		font-size: 14px;
	}

        #how-text .joinbtn, #friends-text .joinbtn {
                font-size: 16px !important;
        }

}

/*end lk*/
/*
 *
.what-is-section {
        background-color: #f8f8f8;
        padding: 14vw 0vw 0vw 0vw;
}

.what-is-blurb {
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
        padding:2vw 10vw 10vw 0.7vw
}

.what-is-blurb h3{
        font-weight: bold;
        font-size: 3vw;
        padding-bottom: 15px;
        color: #C9973C;
        font-family: 'DM Sans',sans-serif;
        text-align: center;
}

.what-is-blurb h3 img{
        width: 50%;
        top: -10px;
        position: relative;
        z-index: 9;
}

.what-is-blurb p {
        font-family:'DM Sans', sans-serif;
        font-size:1.4vw;
        padding-bottom: 4vw;
}

.what-is-blurb .primary-btn {
        background: #C9973C;
}

*/

@media screen and (min-width: 1200px) {
	.banner-text p {
		font-size: 2.3vw;
		margin-top: 2vw;
	}

}

@media screen and (min-width: 1600px) {
        #plans-section {
                margin-top: 3vh;
        }
        .banner-text {
		margin-top: 0;
	}
        .banner-text p {
                margin-top: 1vw;
                font-size: 1.8vw;
        }
        .banner-text h2 {
                font-size: 2.5vw;
        }
        .banner-text h1 {
                font-size: 4.20vw;
        }


}