@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/TTNorms-Italic.woff?ts=1733422361&host=my.cratejoy.com) format('woff');
	font-weight:300;
	font-style: normal;
}
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/ttnorms-thin.woff?ts=1733422361&host=my.cratejoy.com) format('woff'); 
	font-weight:300;
	font-style: normal;
}
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/ttnorms-regular-new.woff?ts=1733422361&host=my.cratejoy.com) format('woff'); 
	font-weight:400;
	font-style: normal;
}
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/tt-norms-bold-webfont.woff?ts=1733422361&host=my.cratejoy.com) format('woff'); 
	font-weight:800;
	font-style: normal;
}
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/TTNorms-Medium.woff?ts=1733422361&host=my.cratejoy.com) format('woff');
	font-weight:500;
	font-style: normal;
}
@font-face {
	font-family: 'TT Norms';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/TTNorms-Bold.woff?ts=1733422361&host=my.cratejoy.com) format('woff');
	font-weight:700;
	font-style: normal;
}
@font-face {
	font-family: 'Junicode';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/Junicode-Bold.woff?ts=1733422361&host=my.cratejoy.com) format('woff');
	font-weight:700;
	font-style: normal;
}
@font-face {
	font-family: 'Junicode';
	src: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/fonts/Junicode-BoldItalic.woff?ts=1733422361&host=my.cratejoy.com) format('woff');
	font-weight:700;
	font-style: italic;
}
html{
	overflow-x:hidden;
}
body { 
	margin: 0px;
	color: #000000;
	font-size:16px;
	font-family: 'TT Norms';
	font-weight:400;
	line-height:normal;
	padding:0px !important;
	letter-spacing:1px;
}
img{ max-width:100%; }
h1, h2, h3, h4, h5, h6{
    font-family: 'Lato', sans-serif;
	margin:0px;
	color:#231F20;
	line-height:normal;
	font-weight:900;
	margin-bottom:15px;
}
h1{
	font-size:32px;	
}
h2 {
    font-size:32px;
}
h3{ 
	font-size:20px;
}
h4{ 
	font-size:22px;
}
h5{ 
	font-size:20px; 
}
h6{ 
	font-size:16px; 
}
hr{ margin:10px 0px; border:0px; border-bottom:1px dashed #828282;}
p, ul, ol{ margin:0px; line-height:20px; padding:0px;}
ul *, ol * { margin:0px; padding:0px;}
ol,ul { padding-left: 25px;}
ul {display:block; }
ul li{
	line-height:30px;
}
ul li+li{
}
a img { border: 0px;}
p,ul,ol {
    margin-bottom: 18px;
}
.clr{ display: block; float: none; clear: both;}
.c { overflow:hidden; float:none;}
.underline{text-decoration:underline;}
.round5 {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
	position: relative;
}
.round15 {
	-webkit-border-radius: 15px;
	border-radius: 15px;
	behavior: url(css/PIE.htc);
	position: relative;
}

.left,.flot_left{ float:left;}
.right,.flot_right{ float:right ;}
.a_left { text-align: left ;}
.a_center { text-align: center;}
.a_right { text-align: right;}
a { text-decoration:none; }
.hidden { display:none;}
.italic{
	font-style:italic;	
}
.bold{
	font-weight:bold;	
}
table{
	border-spacing:0px;
	border-collapse:collapse;
}
input[type="text"],input[type="url"],input[type="tel"], input[type="email"], input[type="password"], select, textarea {
    background:#fff;
    border:1px solid #e0e0e0;
    color: #000;
    font-size: 15px;
    padding: 10px 15px;
    resize: vertical;
    width:100%;
	font-weight:400;
	box-sizing:border-box;
    font-family: 'TT Norms', sans-serif;
}
textarea {
    width:100%;
}
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus { }
select { padding: 12px; width:100%;}
input[type="button"], input[type="submit"], input[type="reset"],.primary-button,.btn {
	border:0px;
	padding:8px 16px;
	background:#FCF2E3;
	color:#000;
	font-size:16px;
	font-weight:500;
    font-family: 'TT Norms', sans-serif;
}
input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover ,.primary-button:hover,.btn:hover,.primary-button:focus,.btn:focus{ 
	background-color:#dd806b;
	color:#fff;
}
.form-control {
    border-radius:0px;
    -moz-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    -webkit-border-radius:0px;
    box-shadow: 0 0 0;
    height: auto;
}
a:focus{
	outline:none;	
	text-decoration:none;
}
a{
	color:#224946;
}
a:hover{
	text-decoration:none;
	color:#dd806b;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
	opacity:1;
}	
/*-------------------------*/

#mob_menu{
	position: fixed;
	background-color: #000;
	height: 100%;
	z-index: 999999;
	width: 280px;
	color: #fff;
	top: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 1;
	left:-320px;
	overflow:auto;
}
#mob_menu.show_menu{
	left:0px;
}
#mob_menu .closeBox{
	text-align:right;
	padding:8px 15px;
}
#mob_menu ul,
#mob_menu ul li{
	margin:0px;
	padding:0px;
	list-style:none;	
}
#mob_menu ul li{
	display:block;	
}
#mob_menu ul li a {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight:400;
    padding: 8px 15px;
    text-transform: uppercase;
}
#mob_menu ul li + li {
    border-top:1px solid #282828;
}
#mob_menu ul li ul {
    padding-left: 20px;
}
#mob_menu ul li ul li a {
    font-size: 13px;
}
/*--------------------------------------*/

.start-btn{background-color:#000;color:#fff;padding: 10px 15px;display: inline-block;}
.start-btn:hover{
	background:#dd806b;
	color:#fff;	
}
.start-btn.clr-btn{background-color:#DD806B;}
.start-btn.large-btn{font-size:14px;}

/*--------------*/
.top-bar-box{font-size:15px;color:#fff;text-align:center;padding:15px 0px;background:#000;font-weight:400;}
.top-bar-box a{color:#fff;}
.nav-logo-section{padding:25px 20px;}
.nav-logo-section .nav-box{float:left;width:calc(50% - 110px);}
.nav-logo-section .nav-box ul li:nth-child(4),
.nav-logo-section .nav-box ul li:nth-child(5),
.nav-logo-section .nav-box ul li:nth-child(6){
	display: none;
}
.nav-logo-section .logo-box{float:left;width:220px;padding-top: 6px;}
.nav-logo-section .account-box{float:right;width:calc(50% - 110px);text-align:right;margin-top:6px;}

.nav-logo-section .nav-box ul, .nav-logo-section .nav-box ul li {list-style: outside none none;margin: 0;padding: 0;}
.nav-logo-section .nav-box ul{
	font-size:0px;	
}
.nav-logo-section .nav-box ul li {display: inline-block;vertical-align: top; position:relative;}
.nav-logo-section .nav-box ul li a {display: block;font-size: 14px;font-weight: 500;padding: 4px 10px;border-radius: 2px;color: #000;position: relative;transition: all linear .2s;-moz-transition: all linear .2s;-ms-transition: all linear .2s;-o-transition: all linear .2s;-webkit-transition: all linear .2s; text-transform:uppercase;}
.nav-logo-section .nav-box ul li:hover > a {color: #dd806b;background-color:#D8E8EA;}
.nav-logo-section .nav-box ul li:hover a::before {width: 100%;}
.nav-logo-section .account-box ul{
	font-size:0px;	
}
.nav-logo-section .account-box ul, .nav-logo-section .account-box ul li {list-style: outside none none;margin: 0;padding: 0;}
.nav-logo-section .account-box ul li {display: inline-block;vertical-align: top; position:relative;}
.nav-logo-section .account-box ul li+li{margin-left:20px;}
.nav-logo-section .account-box ul li a {display: block;font-size: 14px;font-weight: 500; text-transform:uppercase;}
.nav-logo-section .account-box ul li a span {display: inline-block;height: 30px;vertical-align: top;width: 45px;background-repeat:no-repeat;background-position:center top;text-align:center;line-height: 21px;font-size:12px;margin-right:10px;}
.nav-logo-section .account-box ul li.account-icon a span{background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/user.png?ts=1733422365&host=my.cratejoy.com);}
.nav-logo-section .account-box ul li.cart-icon a span{background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/cart.png?ts=1733422362&host=my.cratejoy.com);color: #fff;padding-left: 23px;padding-top: 0;}
.nav-logo-section .account-box ul li.mobile-menu{display:none;float:left;margin-top:-3px;}
.nav-logo-section .account-box ul li.mobile-menu a{color:#fff;}
.nav-logo-section .account-box ul li.mobile-menu a span{width:32px;height:19px;vertical-align:middle;background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/mob_btn.png?ts=1733422364&host=my.cratejoy.com );
}
.nav-logo-section .account-box ul li ul {
    background: #000 none repeat scroll 0 0;
    left: -12px;
    min-width: 210px;
    opacity: 0;
    padding: 3px 0;
    position: absolute;
    top: 40px;
    transition: all 0.2s linear 0s;
    visibility: hidden;
    z-index: 999;
}
.nav-logo-section .account-box ul li ul li {
    display: block;
    padding: 0;
}
.nav-logo-section .account-box ul li ul li a {
    color: #fff;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 22px;
    padding: 4px 8px;
    text-align: left;
}
.nav-logo-section .account-box ul li ul li + li {margin-left: 0;}
.nav-logo-section .account-box ul li ul li:hover > a{background:#fff;color:#000;}
.nav-logo-section .account-box ul li:hover > ul{opacity:1;visibility:visible;}
.nav-logo-section .account-box ul li ul li a i {padding-right: 15px;}
.nav-logo-section .account-box ul li ul::before {
    content: "\f0d8";
    font-family: fontawesome;
    font-size: 25px;
    left: 30px;
    position: absolute;
    top: -14px;
}

.nav-logo-section .nav-box ul li ul {background: #000;left: -12px;min-width: 210px;opacity: 0;position: absolute;top: 40px;transition: all 0.2s linear 0s;visibility: hidden;z-index: 999;padding: 3px 0;}
.nav-logo-section .nav-box ul li ul li {display: block;padding: 0; background-color:transparent !important;}
.nav-logo-section .nav-box ul li ul li a {
    font-size: 12px;
    line-height: 22px;
    padding: 4px 8px;
    text-align: left;
	color:#fff;
	letter-spacing: 0;
}
.nav-logo-section .nav-box ul li ul li + li {margin-left: 0;}
.nav-logo-section .nav-box ul li ul li:hover > a{background:#fff;color:#000;}
.nav-logo-section .nav-box ul li:hover > ul{opacity:1;visibility:visible;}
.nav-logo-section .nav-box ul li ul li a i {padding-right: 15px;}
.nav-logo-section .nav-box ul li ul::before {
    content: "\f0d8";
    font-family: fontawesome;
    font-size: 25px;
    left: 30px;
    position: absolute;
    top: -14px;
}


.banner-section{position:relative;}
.banner-btn a,.button a{display: inline-block;vertical-align: top;background:#fff;font-size: 17px;color:#224946;font-family: 'TT Norms';font-weight: 700;padding: 10px 15px;text-align: center;}
.banner-section .bannerbtn:hover{color:#dd806b !important;}
.banner-section .desktop-banner{display:block;height:410px;overflow:hidden;position: relative;}
.banner-section .desktop-banner .content {left: 15%;position: absolute;top: 50%;transform: translateY(-50%);width: 332px;}
.banner-section .desktop-banner .content h1,
.banner-section .desktop-banner .content h2{font-size:40px;color:#fff;font-weight:600;margin-bottom: 0;}
.banner-section .desktop-banner .bannerbtn {margin-top: 30px;}

.banner-section .mobile-banner{display:none;}
.banner-section .mobile-banner .image img{width:100%;}
.banner-section .down-arrow {bottom: 20px;cursor: pointer;height: 24px;left: 50%;position: absolute;transform: translateX(-50%);width: 44px;z-index: 2;animation: 2s ease 0s normal none infinite running pulse;}
@keyframes pulse {
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(0px, 10px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes pulse {
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(0px, 10px);
}
100% {
    transform: translate(0px, 0px);
}
}
.banner-section .bannerbtn {
    font-size: 15px;
    padding: 12px 20px;
}
.banner-section .bannerbtn:hover{
	color:#fff !important;
}
.banner-section .join {margin-top: 20px;}
.banner-section .join input[type="submit"]{margin-left: 10px;padding: 9px 16px;}
.mobile-banner .mob-banner-cnt {
    padding: 20px;
    padding-top: 0;
    background: #8dbac0;
    text-align: center;
}
.mobile-banner .mob-banner-cnt h1 ,.mobile-banner .mob-banner-cnt h2 {font-size: 24px;color: #fff;}
.mob-banner-cnt .banner-btn a{background:#000;color:#fff;}
.mob-banner-cnt .banner-btn a:hover{color:#dd806b;}
.button a{background:#224946;color:#fff;padding:12px 34px;}
.button a:hover{background:#dd806b;}
.subscription-section{background-color: #d8e8ea;}
.subscription-section .subscribe-image {
    float: left;
    width: 45%;
}
.subscription-section .subscribe-content {
    float: left;
    padding: 70px 50px 110px 100px;
    width: 570px;
}
.subscription-section .spoon > img {
    margin-top: -210px;
}
.subscription-section .subscribe-content > h1 ,.subscription-section .subscribe-content > h2{ font-size:32px;margin-bottom: 35px;}
.subscription-section .subscribe-content  ul {list-style: outside none none;padding: 0;margin-bottom: 40px;}
.subscription-section .subscribe-content li {padding-left: 20px;position: relative;}
.subscription-section .subscribe-content li::before {content: "\f111";font-family:FontAwesome;position: absolute;left: 0;}
.got-qstn {color: #fff;font-size: 19px;font-weight: 700;padding: 35px 0;text-align: center;overflow: hidden;position: relative;}
.got-qstn a{color: #fff;font-size: 19px;}
.got-qstn p{margin-bottom:0;}
.who-we-section {background: #d8e8ea none repeat scroll 0 0;display:table;}
.who-we-section .who-image {background-image: url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/who-img.jpg?ts=1733422365&host=my.cratejoy.com); background-repeat: no-repeat;background-size: cover;display: table-cell;    vertical-align: middle;width: 50%;}
.who-we-section .who-content {display: table-cell;padding: 60px 110px;vertical-align: middle;width: 50%;}
.who-we-section .who-content h2 { font-size:32px; margin-bottom: 40px;}
.who-we-section .who-content p {margin-bottom: 30px;}
.who-we-section .start-btn{margin-top:10px;}
.how-it-works {padding: 70px 0 0;text-align: center;} 
.how-it-works .how-it-top {padding-bottom: 110px;}
.how-it-works .how-it-bottom {background: #d8e8ea none repeat scroll 0 0;padding-bottom:70px;}
.how-it-works .how-box {display: inline-block;vertical-align: top;margin: 0 3%;width: 26.33%;}
.how-it-works .how-box img{margin-bottom:40px;margin-top: -85px;}
.how-it-works .how-box p {line-height: 18px;}
.how-it-works .start-btn {margin-bottom: -85px;position: relative;z-index: 99;}
.customer-say {background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/customer-say-bg.jpg?ts=1733422362&host=my.cratejoy.com );background-size:cover;background-repeat:no-repeat;padding: 100px 0;text-align: center;color: #fff;}
.customer-say h2{color: #fff;margin-bottom: 30px;}
.customer-say .item {margin: 0 auto;width: 750px;font-size: 19px; font-weight:400;}
.customer-say .owl-prev ,.customer-say .owl-next {font-size: 50px;position: absolute;top: 30%;transform: translateY(-50%);cursor:pointer;}
.customer-say .owl-prev {left: 6%;}
.customer-say .owl-next {right: 6%;}
.customer-say .item span+span {font-style: italic;font-weight: 400;}
.featured-section {background: #FCF2E3 none repeat scroll 0 0;display:table;}
.featured-section .featured-image  {background-image: url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/chantler-tea-who.jpg?ts=1733422362&host=my.cratejoy.com );background-repeat: no-repeat;background-size: cover;display: table-cell;vertical-align: middle;width: 50%;}
.featured-section .featured-content {display: table-cell;padding: 50px 110px;vertical-align: middle;width: 50%;}
.featured-section .featured-content h3 {margin-bottom: 0;}
.featured-section .featured-content h2 {font-size:32px; margin-bottom: 40px;}
.featured-section .featured-content p {margin-bottom: 20px;line-height: 20px;}
.featured-section .start-btn{margin-top:10px;}
.other-feature {padding: 70px 0;text-align: center;padding: 90px 0 110px;}
.other-feature h2 {margin-bottom: 60px;}
.other-feature .owl-prev ,.other-feature .owl-next {font-size: 50px;position: absolute;top: 50%;transform: translateY(-50%);cursor:pointer;}
.other-feature .owl-prev {left: 0;}
.other-feature .owl-next {right: 0;}
.other-feature .other-content img {
    margin: 0px 16px;
}
.instagram {background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/insta-bg.jpg?ts=1733422363&host=my.cratejoy.com );padding: 70px 0 100px;text-align: center;background-size:cover;background-repeat:no-repeat;}
.instagram h2 {margin-bottom: 70px;}
.instagram a {display: inline-block;margin: 0 1% 20px;width: 210px;}
.footer-secion {border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;padding:50px 0px 0;background-color:#2C3B50;}
.footer-secion .footer-box ul, .footer-secion .footer-box ul li {list-style: outside none none;margin: 0;padding: 0;display:inline-block;}
.footer-secion .footer-social {text-align: center;margin-bottom: 50px;}
.footer-secion .footer-social a {background: #fff none repeat scroll 0 0;border-radius: 50%;display: block;font-size: 28px;margin: 0 16px;padding: 8px;text-align: center;width: 46px;}
.footer-secion .footer-subscribe input[type="text"], .footer-secion .footer-subscribe input[type="email"] {background: #f9f7f6 none repeat scroll 0 0;border-color: #f9f7f6;color: #898989;padding: 11px;font-size:16px;font-weight:400;}
.footer-secion .footer-subscribe table {width: 100%;}
.footer-secion .footer-subscribe input[type="submit"] {padding:12px;margin-left: 10px;}
.footer-secion .newsletter {margin: 0 auto 30px;text-align: left;width: 450px;}
.footer-secion .newsletter p{font-family: 'Junicode';font-weight:700;color:#fff;font-size:25px;margin-bottom: 24px;line-height: 35px;text-align:center;}
.footer-secion .newsletter p span{font-style:italic;}
.footer-secion .footer-navigation {text-align:center;margin-bottom: 30px;}
.footer-secion .footer-navigation a {color: #fff;font-size: 17px;font-weight: 500;padding: 0 10px;}
.footer-secion .contact-on {text-align: center;}
.footer-secion .contact-on a {color: #fff;font-size: 17px;font-weight: 700;padding: 0 20px;}
.footer-secion .contact-on li + li::before {background: #fff none repeat scroll 0 0;content: "";height: 16px;position: absolute;top: 9px;width: 2px;}
.footer-secion .contact-on li {position: relative;}
.footer-secion .contact-addr {color: #fff;font-size: 17px;font-weight: 700;text-align: center;}
.footer-secion .response {color: #fff;padding-top: 10px;}
#mce-error-response > a {color: #aaaaaa;}
.footer-bottom {background: #000 none repeat scroll 0 0;color: #fff;font-size: 16px;font-weight: 700;padding: 8px 0 12px;text-align: center;}
.subscibe-banner {background: #d8e8ea none repeat scroll 0 0;padding: 30px 0;text-align: center;position: relative;}
.subscibe-banner h3 {margin-bottom: 3px;}
.subscibe-banner .start-btn {margin-top: 35px;}
.down-arrow-black{cursor: pointer;margin-top:10px;animation: 2s ease 0s normal none infinite running pulse;}
@keyframes pulse {
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(0px, 10px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes pulse {
0% {
    transform: translate(0px, 0px);
}
50% {
    transform: translate(0px, 10px);
}
100% {
    transform: translate(0px, 0px);
}
}


.choose {padding: 40px 0;text-align: center;}
.choose h2.title-box {
    margin-bottom: 18px;
    font-size: 25px;
	font-family: 'Lato';
	font-weight: 900;
}
.choose .choose-box {display: inline-block;padding: 70px 20px 40px;vertical-align: top;width: 330px;margin: 0 0.5% 10px;cursor:pointer;height:350px; transition:border-color linear .2s;border: 1px solid #3a7d94;}
.choose .choose-box h4 { 
    font-size: 18px;
    font-weight: 500;
}
.choose .choose-box h5 {
    font-size: 16px;
    font-weight: 400;
}
.choose .choose-box h3 {
    font-size: 20px;
}

.choose .choose-box h2{font-size:25px;font-family: 'Lato', sans-serif;font-weight:700;margin-bottom: 30px;}
.choose .choose-box.selected, .choose .choose-box:hover {background: #d8e8ea;border: 1px solid #3a7d94;webkit-transform: scale(1);transform: scale(1); } 


.who-is {padding-bottom: 30px ;text-align: center;display:none;}
.who-is  h2.title-box {margin-bottom: 18px;font-size: 25px;font-family: 'Lato';font-weight: 900;}
.who-is .who-is-box {display: inline-block;padding: 70px 20px 40px;vertical-align: top;width: 320px;margin: 0 0.5% 10px;cursor:pointer;height:250px;border: 1px solid #3a7d94;}
.who-is .who-is-box p {
    letter-spacing: normal;

}
.who-is .who-is-box h2{font-size:25px;font-family: 'Lato', sans-serif;font-weight:700;margin-bottom: 18px;}
.who-is .who-is-box h5{font-size:16px;font-weight: 400;}
.who-is .who-is-box.selected, .who-is .who-is-box:hover {background: #d8e8ea;border: 1px solid #3a7d94;webkit-transform: scale(1);transform: scale(1);}
.what-tea {text-align: center;padding-bottom: 30px;display:none;}
.what-tea .what-tea-box {background-image: url( "//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-black-new.png?ts=1733423053&host=my.cratejoy.com ");background-repeat: no-repeat;background-size: cover;cursor: pointer;display: inline-block;height: 250px;margin: 0 0.5% 12px;padding: 60px 10px 30px;position: relative;
vertical-align: top;width: 284px; border:1px solid #3a7d94;}
.what-tea .what-tea-box.one {border:1px solid #3a7d94;background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-green-new.png?ts=1733422364&host=my.cratejoy.com );}
.what-tea .what-tea-box.two {background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/teas-bg3.jpg?ts=1733422365&host=my.cratejoy.com );}
.what-tea .what-tea-box.three {border:1px solid #3a7d94;background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-fruit-new.png?ts=1733422364&host=my.cratejoy.com );}
.what-tea .what-tea-box.four {background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/teas-bg5.jpg?ts=1733422365&host=my.cratejoy.com );}
.what-tea .what-tea-box.five {border:1px solid #3a7d94;background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-surprise-new.png?ts=1733422364&host=my.cratejoy.com );}
.what-tea .what-tea-box.selected, .what-tea .what-tea-box:hover {background: rgba(231,245,247,0.5);border:1px solid #3a7d94;webkit-transform: scale(1);transform: scale(1); background-image: url( "//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-black-new.png?ts=1733423053&host=my.cratejoy.com ");background-repeat: no-repeat;background-size: cover;}
.what-tea .what-tea-box.five.selected, .what-tea .what-tea-box.five:hover {
    background: rgba(255,233,222,0.5);background-image: url( "//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-surprise-new.png?ts=1733422364&host=my.cratejoy.com ");background-repeat: no-repeat;background-size: cover;
}
.what-tea .what-tea-box.three.selected, .what-tea .what-tea-box.three:hover {
    background: rgba(250,236,241,0.5);background-image: url( "//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-fruit-new.png?ts=1733422364&host=my.cratejoy.com ");background-repeat: no-repeat;background-size: cover;
}
.what-tea .what-tea-box.one.selected, .what-tea .what-tea-box.one:hover {
    background: rgba(238,251,241,0.5);background-image: url( "//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/select-green-new.png?ts=1733422364&host=my.cratejoy.com ");background-repeat: no-repeat;background-size: cover;}

.what-tea h3 {margin-bottom: 5px;}
.what-tea h2.title-box {margin-bottom: 18px;font-size:25px;font-family: 'Lato';font-weight: 900;}
.what-tea .what-tea-box h2 {font-family: 'Lato', sans-serif;font-size: 25px;font-weight: 700;letter-spacing: 0;margin-bottom:10px;position: relative;}
.what-tea .what-tea-box h2::before {background: #000 none repeat scroll 0 0;bottom: -2px;content: "";height: 2px;left: 50%;position: absolute;transform: translateX(-50%);width: 135px; display:none;}
.what-tea .what-tea-box p{margin-bottom:5px;letter-spacing: normal; font-size:16px; line-height:normal;}
.what-tea .what-tea-box::before {background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;content: "";height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 9;}
.what-tea .what-tea-box.selected::before, .what-tea .what-tea-box:hover::before {opacity: 0;}
/*.what-tea .what-tea-box.one::before {background: rgba(238, 251, 241, 0.3) none repeat scroll 0 0;}
*/.what-tea .what-tea-box.two::before {background: rgba(216, 232, 234, 0.6) none repeat scroll 0 0;}
/*.what-tea .what-tea-box.three::before {background: rgba(250, 236, 241, 0.3) none repeat scroll 0 0;}
*/.what-tea .what-tea-box.four::before {background: rgba(235, 198, 170, 0.6) none repeat scroll 0 0;}
/*.what-tea .what-tea-box.five::before {background: rgba(255, 233, 222, 0.3) none repeat scroll 0 0;}
*/.what-tea .what-tea-box h3{font-size: 15px;font-weight: 700;left: 50%;padding: 10px;position: absolute;top: 0;transform: translateX(-50%);width: 100%;background-color:#DA9676;color:#fff;z-index: 10;}
.what-tea .what-txt {height: 110px;position: relative;z-index: 99;}
.what-tea .what-txt .start-btn {bottom:-35px;left: 50%;position: absolute;transform: translateX(-50%);}
.ingredients {text-align: center;padding-bottom: 30px;display:none;}
.ingredients h3 {margin-bottom: 5px;}
.ingredients h2.title-box {
    margin-bottom: 18px;
    font-size: 25px;
}
.ingredients h2 span{font-style:italic;}
.ingredients .ingred-box {background: #d8e8ea none repeat scroll 0 0;display: inline-block;padding: 30px 20px 35px;vertical-align: top;width: 184px; height:200px;margin: 0 0.5% 10px;cursor:pointer;}
.ingredients .ingred-box.selected, .ingredients .ingred-box:hover {border:5px solid #000;background: #8dbac0;webkit-transform: scale(1);transform: scale(1); padding-top:25px;}
.ingredients .ingred-box .icon-slash {display: none;}
.ingredients .ingred-box:hover .icon-slash,.ingredients .ingred-box.selected .icon-slash {display: block;}
.ingredients .ingred-box:hover .icon,.ingredients .ingred-box.selected .icon {display: none;}
.ingredients .ingred-box h2{font-size:20px;font-family: "Playfair Display",serif;font-weight:700;margin-bottom: 20px;}
.ingredients .ingred-box .icon, .ingredients .ingred-box .icon-slash {margin-bottom: 15px;}
.delivery {text-align: center;padding-bottom: 30px;display:none;}
.delivery h3 {margin-bottom: 5px;}
.delivery h2.title-box {
    margin-bottom: 18px;
    font-size: 25px;
	font-family: 'Lato';
	font-weight: 900;
}
.delivery .delivery-box {cursor: pointer;display: inline-block;margin: 0 0.5% 10px;padding: 70px 14px 35px;vertical-align: top;width: 280px; height:240px;position:relative;border:1px solid #3a7d94;}
.delivery .delivery-box.selected, .delivery .delivery-box:hover {background: #d8e8ea;border:1px solid #3a7d94;webkit-transform: scale(1);transform: scale(1); }
.delivery .delivery-box h2{font-size:25px;font-family: 'Lato', sans-serif;font-weight:700;margin-bottom: 30px;}
.delivery .delivery-box h3 {background-color: #da9676;color: #fff;font-size: 17px;font-weight: 700;left: 50%;padding: 10px;position: absolute;top: 0;transform: translateX(-50%);width: 100%;z-index: 10;}

.payment-plan {text-align: center;padding-bottom: 30px;display:none;}
.payment-plan h2.title-box {
    margin-bottom: 18px;
    font-size: 25px;
	font-family: 'Lato';
	font-weight: 900;
}
.payment-plan .payment-box {cursor: pointer;display: inline-block;margin: 0 0.5% 10px;padding: 70px 14px 35px;vertical-align: top;width: 280px; height:340px;position:relative;border:1px solid #3a7d94;}
.payment-plan .payment-box .most-popular{
	background-color: #da9676;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    left: 50%;
    padding: 10px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10;
}
.payment-plan .payment-box.selected,.payment-plan .payment-box:hover {background: #d8e8ea;border:1px solid #3a7d94;webkit-transform: scale(1);transform: scale(1); }
.payment-plan .payment-box .total {display: block;margin-bottom: 10px;}
.payment-plan .payment-box h2{font-size:25px;font-family: 'Lato', sans-serif;font-weight:700;margin-bottom: 30px;}
.payment-plan .payment-box h3,.payment-plan .payment-box h4 {font-size: 17px;font-weight: 700;}
.payment-plan .payment-box h4 {
    min-height: 50px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -14px;
    font-size: 15px;
    color: #000;
    padding-top: 14px;
    font-weight: 400;
}
.gift-section .gift-box .start-btn:hover, .gift-section .gift-box .start-btn:focus {
    background-color: #8dbac0;
    color: #fff;
}
.payment-plan .payment-box.selected h4,.payment-plan .payment-box:hover h4{
	
}	
.payment-plan .payment-box.hide{display:none;}
.payment-plan .payment-box > span {display: block;margin-bottom: 20px;}

.single-box {padding-bottom: 30px;display:none;}
.single-box .cancel-box {border:1px solid #3a7d94;margin: 0 auto;padding: 40px 30px 30px;text-align: center;width: 500px;}

.single-box .cancel-box > h3 {
    font-size: 17px;
    line-height: 38px;
    margin-bottom: 0;
}
.single-box .cancel-box > h3 br {
    display: none;
}
.single-box .cancel-box > h2 {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 0;
}
.single-box .cancel-box h2 + h3 {
    font-size: 15px;
}
.single-box .sing-sub-text{
	display:none;	
}
.single-box .start-btn {margin: 30px 0;}
.single-box .cancel-box > p {line-height: normal;}
.gift-section {padding-bottom: 30px;text-align: center;display:none;}
.gift-section > p {line-height: 18px;margin-bottom: 60px;}
.gift-section .gift-box {background: #fff none repeat scroll 0 0; border:1px solid #d8e8ea;margin: 60px auto 45px;padding-bottom: 40px;width: 270px;}
.gift-section .gift-box.selected{border:1px solid #3a7d94; background:#d8e8ea;webkit-transform: scale(1.1);transform: scale(1);}
.gift-section .gift-box .selctd{display:none;}
.gift-section .gift-box.selected .select-btn {
    pointer-events: none;
}
.gift-section .gift-box.selected .selctd{display: inline-block;}
.gift-section .gift-box > img {margin-top: -35px;}
.gift-section .gift-box > h2 {font-family: 'TT Norms';font-size: 25px;font-weight: 700;letter-spacing: 0;margin-bottom:12px;}
.gift-section .gift-box > p {
    font-family: "TT Norms";
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 22px;
}
.gift-section p {
    letter-spacing: normal;
}

.choose-box:hover >.start-btn,.choose-box.selected >.start-btn,
.who-is-box:hover >.start-btn,.who-is-box.selected >.start-btn,
.what-tea .what-tea-box:hover  .start-btn,.what-tea .what-tea-box.selected .start-btn,
.ingred-box:hover >.start-btn,.ingred-box.selected >.start-btn,
.delivery-box:hover >.start-btn,.delivery-box.selected >.start-btn,
.payment-box:hover >.start-btn,.payment-box.selected >.start-btn{
	background:#8dbac0;
	color:#fff;	
}
.single-box .cancel-box .start-btn {
    min-width: 180px;
    padding: 16px 20px;
	text-decoration:none;
	color:#fff;
}
.continue-checkout .start-btn {
    min-width: 180px;
    padding: 16px 15px;
}

.single-box .cancel-box a {
    color: #0066c0;
    text-decoration: underline;
}
.single-box .cancel-box a:hover{
	color:#dd806b;	
}
.single-box .cancel-box .start-btn:hover{
	color:#fff;
	background:#8dbac0;	
	
}

.banner-box { background-color: #d8e8ea; padding: 100px 0 90px;}
.banner-box .banner-content { text-align: center;}
.banner-box .banner-content h1 { font-size:48px;}
.banner-box .banner-content h3 { font-size: 20px;}
.good-tea-box { padding: 75px 0;}
.good-tea-box .good-tea-details { margin: 0 auto; text-align: center; width: 1170px;}
.good-tea-box .good-tea-img-sec { float: left; padding-right: 80px; width: 50%;}
.good-tea-box .good-tea-img-sec img { width: 100%;}
.good-tea-box .good-tea-content { float: left; padding-top: 50px; text-align: left; width: 50%;}
.good-tea-box .good-tea-content h2 { font-size: 32px; margin-bottom: 30px;}
.good-tea-box .good-tea-content p { font-size: 16px; margin-bottom: 0;}
.environment-section { background-color: #ebc6aa; padding: 110px 0;}
.environment-section .environment-details { padding: 0 150px; text-align: center;}
.environment-section .environment-details h2 { font-size: 32px; margin-bottom: 25px;}
.environment-section .environment-details p { color: #231f20; font-size: 16px; }
.environment-section .environment-details p:last-child { margin-bottom: 65px;}
.we-care-section { background-color: #fcf2e3; display: table;width: 100%;}
.we-care-section .we-care-img { background-image:url(//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/we-care-img.png?ts=1733422365&host=my.cratejoy.com ); background-repeat: no-repeat; background-size: cover; display: table-cell; vertical-align: middle; width: 45%;}
.we-care-section .we-care-details { display: table-cell; padding: 60px 130px; vertical-align: middle; width: 54%;}
.we-care-section .we-care-details h3 { font-size: 22px; margin-bottom: 10px;}
.we-care-section .we-care-details h2 { font-size: 32px; margin-bottom: 45px;}
.we-care-section .we-care-details p { font-size: 16px; margin-bottom: 38px;}
.tea-time { color: #fff; overflow: hidden; padding: 90px 0 70px; position: relative; text-align: center; z-index: 999;}
.tea-time p { font-family: junicode; font-size: 70px; margin-bottom: 45px;}
.tea-time p span { font-style: italic;}
.start-btn.clr-btn:hover { color: #000;}
.our-value-section { padding: 50px 0 80px;}
.our-value-section h2 { font-size: 32px; margin-bottom: 20px; text-align: center;}
.our-value-section .value-details { font-size: 0; margin: 0 auto; text-align: center; width: 1100px;}
.our-value-section .value-box { display: inline-block; margin: 60px 25px; text-align: center; vertical-align: top; width: calc(25% - 51px);}
.our-value-section .value-box h2 { color: #387c93; font-size: 90px; font-weight: 700; margin-bottom: 35px;}
.our-value-section .value-box h3 { font-size: 22px; margin-bottom: 15px;}
.our-value-section .value-box p { font-size: 16px; line-height: 20px;}
.our-value-section .get-start-btn { text-align: center;}
.account-login{margin-top:30px;}
.login-form {margin-bottom:30px;}
.login-form .login-btn {margin-bottom: 0;}
.login-form .forgot-btn {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;font-size: 12px;}
.login-form .forgot-btn:hover{color:#000;}
.login-form .form-control:focus{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(252, 242, 227, 0.66);border-color:#fcf2e3;}
.forgot-title{margin-top:30px;}
.forgot-section {margin-bottom:30px;}
.forgot-section .form-control:focus{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(252, 242, 227, 0.66);border-color:#fcf2e3;}
/*.faq-section {margin: 50px 0;}
.faq-section .tab_link {float: left;width: 200px;}
.faq-section .tab-contents {border-left: 1px solid #ccc;float: left;padding-left: 60px;cursor:pointer;width: calc(100% - 200px);}
.faq-section .tab-content li:hover{color:#dd806b;}
.faq-section .tab-title {font-size: 14px;font-weight: 700;margin-bottom: 15px;}
.faq-section .tabs {padding: 7px 0;cursor:pointer;}
.faq-section .tabs:hover{color:#dd806b;}
.faq-section .tab_link span {display: block;margin-bottom: 10px;}
.faq-section .tab_link li {list-style: outside none none;cursor:pointer;}
.faq-section #tabs ul.tab_link li a {font-size: 14px;font-weight: 400;padding: 4px 0;display: block;text-decoration: none;}
.faq-section #tabs ul.tab_link li.select a {color:#dd806b;}
.faq-section .tab-contents .tab-content {display: none;}
.faq-section .tab-contents .tab-content.active {display: block;}
.faq-section .tab-contents .tab-content ul {padding: 0;}
.faq-section .tab-contents .tab-content ul li {list-style: outside none none;padding-left: 20px;position: relative;padding-bottom: 5px;}
.faq-section .tab-contents .tab-content > ul > li::before {left: 0;position: absolute;top: 0;font-family: TT Norms;content: "\f105";}
.faq-section .tab-contents .tab-content ul li ul {display: none;padding: 15px 0;}
.faq-section .tab-contents .tab-content ul li.active ul {display: block;}
.faq-section .tab-contents .tab-content > ul > li:hover{color:#dd806b;}
.faq-section .tab-contents .tab-content ul li:hover ul li{color:#000;}*/
.faq-section {padding: 50px 0;}
.faq-section .faq_box {
   padding: 10px 0;
}
.faq-section .faq_question_head {
    color: #313335;
    cursor: pointer;
    padding-left: 30px;
	position: relative;
}
.faq-section .faq_question_head::after {
    content: "\f059";
    font-family:FontAwesome; 
    font-size: 17px;
    left: 0;
    position: absolute;
    top: 5px;
}
.faq-section .faq_question_head h3 {
    margin: 0;
}
.faq-section .faq-answer {
    border-bottom: medium none;
    color: #666666;
    padding: 10px 0 10px 30px;
}
.faq-section .faq-answer > p {
    color: #000;
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
.faq-section .faq_box + .faq_box {
    border-top: 1px solid #eaeaea;
}

.checkout_content label{font-weight:400;}
.checkout_content input.not-required[type="text"]:focus + label[placeholder]::before, .checkout_content input.not-required[type="text"]:valid + label[placeholder]::before, .checkout_content input[type="text"][required]:focus + label[placeholder]::before, .checkout_content input[type="text"][required]:valid + label[placeholder]::before, .checkout_content input[type="email"][required]:focus + label[placeholder]::before, .checkout_content input[type="email"][required]:valid + label[placeholder]::before, .checkout_content input[type="password"][required]:focus + label[placeholder]::before, .checkout_content input[type="password"][required]:valid + label[placeholder]::before{font-weight:400;}
.checkout_content .styled_cart table td {padding: 10px 0;}
.checkout_content .styled_cart .total-row th{font-size: 24px;}
.checkout_content .styled_cart table #shipping_row{height: 60px;}
.checkout_content .styled_cart table tr td .subscription-plan {padding-top: 10px;}
.checkout_content .styled_cart table tr td .subscription-autorenew, .checkout_content .styled_cart table tr td .variant-info{padding-top: 10px;}
.component-shop-sort{text-align:center;padding: 60px 0 30px;}
.component-shop-sort .nav-pills > li{float:none;display:inline-block;margin-bottom: 8px;}
.component-shop-sort .nav > li > a {background: #d8e8ea none repeat scroll 0 0;padding: 4px 15px;border-radius: 0;}
.component-shop-sort .nav > li > a:hover,.component-shop-sort  .nav > li > a:focus,.component-shop-sort .nav > li > a.active{background-color:#dd806b;color:#fff;}
.shop-listing {padding-bottom: 50px;text-align: center; font-size:0px;}
.shop-listing .shop-listing-item__image.square-img-content{background-repeat: no-repeat;background-position: center center;background-size: contain;height: 300px;width: 100%;margin:0 auto;}
.shop-listing .shop-listing-item {border: 1px solid #ebebeb;display: inline-block;margin: 0px 15px;padding: 20px;text-align: center;width: calc(33.33% - 32px);margin-bottom: 30px;font-size: 15px;box-sizing: border-box;}
.shop-listing-item__price {margin-bottom: 20px;}
.privacy-policy {margin: 50px 0;}
.privacy-policy .termsBox + .termsBox {padding-top: 20px;}
.privacy-policy .termsBox li + li {margin-top: 8px;}
.privacy-policy .termsBox > ul {margin: 0 0 0 30px;padding: 0 0 15px;}
.for-mobile{display:none;}
.shop-product {padding: 60px 0;}
.shop-product .btn{border-radius:0;}
.shop-product .form-control{width: 80px;}
.shop-product-header {padding-top: 40px;}
.contact-section {padding: 70px 0;}
.contact-section .contct-info {float: left;width: 310px;}
.contact-section .contact-form {float: left;width: calc(100% - 310px);}
.contact-section a{display:block;margin-bottom: 7px;}
.contact-section h3{font-size:18px;}


#form {padding-top: 0;}
#form [data-role="page"][data-num-children]:not([data-num-children="0"]){margin:0 auto !important;}
#form div[data-role="page"], #form[data-submission-phase="show-html"] > [data-submission-phase="show-html"], #form div[data-role="detailed-invoice"], #form #editor-settings-panel{box-shadow: none;}
#form div[data-role="page-header"] div[data-type="form-header"] {padding-top: 0;}
#form button[data-role="submit"], #form button[data-role="update"]{background-color: #000;border-radius:0;}
body:not([data-mouse-gesture-type]) #form button[data-role=submit]:not([disabled]):hover, body:not([data-mouse-gesture-type]) #form button[data-role=update]:not([disabled]):hover, body:not([data-mouse-gesture-type]) #form button[data-role=submit]:not([disabled]):focus, body:not([data-mouse-gesture-type]) #form button[data-role=update]:not([disabled]):focus{background-color:#dd806b;}
#form div[data-role="form-footer"]{display: none;}
#form div[data-role="control"] h2{color:#231f20;font-size: 28px;}
#thank-you-free-odd{display:none;}
.form-footer.transparent-footer{display:none;}
.form-container{box-shadow: none !important;}
.what-tea .sub-down-arrow, .ingredients .sub-down-arrow{
    display: none;
}
.subscription-sub-box {
    border-top: 80px solid #d8e8ea;
    margin-top: 30px;
    padding: 70px 0 40px;
}
.inner-section{
	padding:50px 0px;	
}
.partner-logo-box {
    text-align: center;
    font-size: 0;
}
.partner-logo-box .part-logo-box {
    font-size: 15px;
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 30px);
    border: 1px solid #d8e8ea;
    margin: 0px 15px;
    margin-bottom: 30px;
    height: 300px;
    padding: 20px;
    text-align: center;
}
.partner-logo-box .part-logo-box .image {
    max-width: 150px;
    vertical-align: middle;
    margin: 0px auto;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
}
.partner-logo-box .part-logo-box h2 {
    font-size: 20px;
    margin-bottom: 8px;
}

.partner-logo-box .part-logo-box h3 {
    font-size: 13px;
}
.other-feature .see-link {
    letter-spacing: normal;
    font-size: 16px;
    margin-top: 30px;
}
.other-feature .see-link a {
    color: #0066c0;
    text-decoration: underline;
    font-size: 24px;
    font-weight: 600;
}
.other-feature .see-link a:hover{
	color:#dd806b;	
}
.tea-landing-bg{
	background:#d8e8ea;
}
.coupon-code-box {
    text-align: center;
	margin-bottom:50px;
}
.coupon-code-box .code-box {
    background: #e0f0f2 none repeat scroll 0 0;
    border: 2px dashed #2c3b50;
    color: #2c3b50;
    display: inline-block;
    font-family: "TT Norms";
    font-size: 20px;
    font-weight: 600;
    padding: 20px 35px;
    vertical-align: top;
}
.coupon-code-box .code-box .credit {
    font-weight: 700;
	font-family: "TT Norms";
}
.coupon-code-box .code-box .apply {
    font-size: 14px;
}
.tea-landing-bg .tea-lp-banner {
	background-position: right top;
    background-repeat: no-repeat;
    padding-top: 50px;
	background-image:url("//s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/tea-with-box.jpg?ts=1733422365&host=my.cratejoy.com");
}
.tea-landing-banner .banner-cnt-box {
    float: left;
    width: 540px;
    font-weight: 400;
}
.tea-landing-banner .banner-image {
    float: right;
    width: calc(100% - 690px);
}
.tea-landing-banner h2 {
	font-family: "TT Norms";
    font-size: 30px;
    line-height: 48px;
}
.tea-landing-banner h3 {
    font-size: 22px;
}
.tea-landing-howitbox .how-it-works .how-it-top h1 {
	font-family:"TT Norms";
}
.tea-button-box {
    /*background-color: #ebf3f3;*/
    padding-top: 20px;
    text-align: center;
}
.tea-landing-banner {
    margin-bottom: 70px;
}
.tea-button-box .button-box {
    margin-bottom: 16px;
}
.tea-button-box .button-box .start-btn {
    text-transform: uppercase;
    font-size: 20px;
    padding: 15px 5px;
    min-width: 250px;
}
.tea-button-box p a {
    color: #0066c0;
    text-decoration: underline;
}
.tea-button-box p a:hover {
    color: #dd806b;
}
.tea-landing-howitbox .how-box h3 {
    font-family:"TT Norms";
}
.tea-landing-bg .tea-landing-howitbox {
    background-color: #ebf3f3;
}
.tea-landing-bg .tea-landing-howitbox .how-it-works .how-it-bottom{
	background:none;	
    font-weight: 400;
}
.tea-testimonial-box {
    font-size: 0;
	background-color: #ebf3f3;
	padding-bottom: 50px;
}
.tea-testimonial-box h1 {
	font-family:"TT Norms";
    margin-bottom: 30px;
    text-align: center;
}
.tea-testimonial-box .tea-testi-box {
    display: inline-block;
    font-size: 14px;
    margin: 0 15px 31px;
    vertical-align: top;
    width: calc(49% - 30px);
}
.tea-testimonial-box .tea-testi-box .quote {
    background: #e0f0f2 none repeat scroll 0 0;
    font-weight: 400;
    margin-bottom: 18px;
    padding: 18px;
    position: relative;
    min-height: 130px;
    vertical-align: middle;
}
.tea-testimonial-box .tea-testi-box .quote::before {
    position: absolute;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border: 8px solid #e0f0f2;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -15px;
    left: 10px;
}
.lp-top-bar-box {
    background-color: #000;
    min-height: 10px;
}
.checkout_content .order_thanks {text-align:center;}
.checkout_content .cart_addresses{margin-bottom: 30px;}
.cart_addresses .ship_to .editor .row:nth-child(3) .col-md-9 {
    width: 100%;
}
.cart_addresses .ship_to .editor .row:nth-child(3) .col-md-3 {
    display: none;
}
#gift-email-container{display: none;}
#gift-form .gift-info{display: none;}
#gift-form .gift-info.show{display: block;}
.checkout_button.primary-button {
    padding: 10px 30px;
}
.item_table .product_column .meta-data {
    margin-top:8px;
}
.item_table .product_column .meta-data strong {
}
.checkout_content .register section h3 {
    margin-bottom: 0;
}
.checkout_content .register section .create-small-text {
    margin-bottom: 20px;
}
.checkout_content .register section .pass-small-text i {
    margin-right: 6px;
}
.join-the-box {
    margin-bottom: 60px;
    text-align: center;
}
.join-the-box.join-the-bottom {
    margin-bottom: 0;
    margin-top: 60px;
}
.join-the-box .join-form-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    max-width: 600px;
}
.join-form-box table {
    width: 100%;
}
.join-form-box td {
    padding-bottom: 20px;
}
.join-form-box input[type="submit"] {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    font-weight: 400;
    min-width: 140px;
    padding: 12px 15px;
}
.join-form-box input[type="submit"]:hover {
    background: #dd806b;
}
.join-section {
    background: #d8e8ea none repeat scroll 0 0;
    padding: 30px 0;
}
.join-section .join-box {
    font-size: 0;
    margin: 0 auto;
    max-width: 1010px;
}
.join-section .left-box, .join-section .right-box {
    font-size: 16px;
}
.join-section .left-box {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    vertical-align: middle;
    width:calc(100% - 300px);
}
.join-section .right-box {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    width:290px;
}
.join-section .left-box p {
    line-height: 27px;
    margin-bottom: 0;
}
.addon-products-box {
    font-size: 0;
    margin: 0px 20px;
    margin-top: 60px;
	margin-bottom:40px;
}
.addon-products-box .addon-box {
    display: inline-block;
    vertical-align: top;
    width: calc(33% - 40px);
    margin: 0px 20px;
    text-align: center;
}

.addon-products-box .addon-box button {
    width: auto;
    padding: 10px 15px;
    display: block;
    width: 100%;
    background: #000;
    color: #fff;
}
.addon-products-box .addon-box button:hover{
	background:#dd806b;
}
.addon-products-box .addon-box .image {
    margin-bottom: 20px;
    min-height: 360px;
}
.subscibe-banner .rt-logo {
    margin: 0 auto 30px;
    max-width: 150px;
}
.checkout_content .cta #checkout_button {
    margin-bottom: 14px;
}
.checkout_content .cta .pass-small-text {
    font-size: 14px;
    line-height: 25px;
}
.checkout_content .cta .pass-small-text a{
    text-decoration:underline;
}
.hide-2505718577 {
    display: none !important; 
}
/*--------------*/
@media only screen and (max-width:1260px){
	.benefit-section .parallax-container{padding:65px 0px;}
	.good-tea-box .good-tea-details { width: 100%;}
	.good-tea-box .good-tea-img-sec { padding-right: 40px; padding-top: 25px;}
	.good-tea-box .good-tea-content { padding-top: 0;}
	.good-tea-box .good-tea-content h2 { font-size: 27px; margin-bottom: 20px;}	
	.environment-section { padding: 80px 0;}
	.environment-section .environment-details { padding: 0 100px;}
	.environment-section .environment-details p { margin-bottom: 55px;}
	.we-care-section .we-care-details { padding: 50px;}
	.we-care-section .we-care-details h3 { font-size: 22px;}
	.we-care-section .we-care-details h2 { font-size: 26px; margin-bottom: 25px;}
	.our-value-section { padding: 40px 0 50px;}
	.our-value-section .value-details { width: 100%;}
	.our-value-section .value-box { margin: 30px 20px; width: calc(25% - 41px);}
	.our-value-section .value-box h1 { font-size: 80px; margin-bottom: 25px;}
	.our-value-section .value-box h3 { font-size: 18px; margin-bottom: 12px;}
	
	.tea-landing-banner .banner-cnt-box {
		width: 500px;
	}
	.tea-landing-banner .banner-image {
		width: calc(100% - 500px);
	}
	.addon-products-box .addon-box .image{
		min-height:270px;
	}	

	
}
@media only screen  and (max-width:991px){
	#layerslider{height:400px !important;}
	.who-we-section .who-content {padding: 30px;}
	.who-we-section .who-content h1 {margin-bottom: 20px;}
	.customer-say .item{width: 620px;}
	.customer-say .owl-prev {left: 0;}
	.customer-say .owl-next {right: 0;}
	.featured-section .featured-content{padding: 30px;}
	.banner-box { padding: 80px 0 70px;}	
	.banner-box .banner-content h1 { font-size: 45px;}
	.banner-box .banner-content h3 { font-size: 18px;}
	.subscription-section .subscribe-image {float: none;width:280px;}
	.subscription-section .subscribe-content {float: none;width: 100%;padding: 20px 50px 40px 60px;}
	.subscription-section .spoon > img {margin-top: 0;}
	.good-tea-box { padding: 60px 0;}
	.good-tea-box .good-tea-img-sec { float: none; margin: 0 auto 20px; padding-right: 0; padding-top: 0; width: 450px;}
	.good-tea-box .good-tea-content { float: none; width: 100%;}
	.good-tea-box .good-tea-content h2 { font-size: 25px;}
	.environment-section { padding: 60px 0;}
	.environment-section .environment-details { padding: 0 50px;}
	.environment-section .environment-details h2 { font-size: 28px; margin-bottom: 15px;}
	.environment-section .environment-details p { font-size: 15px; margin-bottom: 40px;}
	.we-care-section .we-care-details { padding: 40px 25px;}
	.we-care-section .we-care-img { background-position: center center;}
	.tea-time { padding: 70px 0;}
	.tea-time p { font-size: 55px;}
	.our-value-section h2 { font-size: 28px; margin-bottom: 15px;}
	.our-value-section .value-box { margin: 20px 15px; width: calc(25% - 31px);}
	.our-value-section .value-box h1 { font-size: 65px; margin-bottom: 18px;}
	.our-value-section .value-box h3 { font-size: 16px;}
	.shop-listing .shop-listing-item__image.square-img-content{height: 220px;}
	.tea-landing-banner .banner-image {
		width: calc(100% - 400px);
	}
	.tea-landing-banner .banner-cnt-box {
		width: 380px;
	}
	.tea-landing-banner h2 {
		font-size: 25px;
		line-height: 35px;
	}
	.addon-products-box .addon-box h3 {
		font-size: 15px;
	}
	.addon-products-box .addon-box .image{
		min-height: 190px;
	}	
	.addon-products-box .addon-box button {
		width: 100%;
		font-size: 12px;
	}
    .shop-listing .shop-listing-item {
        width: calc(50% - 32px);
    }
	
}
@media only screen  and (max-width:768px){
	.top-bar-box{display:none;}
	.nav-logo-section .account-box{display:block;}
	.nav-logo-section{padding:0px;}
	.nav-logo-section .nav-box{display:none;}
	.nav-logo-section .account-box {float: none;width: auto;background:#000;padding:8px 15px;margin-top:0px;}
	.nav-logo-section .logo-box {float: none;text-align: center;width: auto;padding:8px 15px;}
	.nav-logo-section .account-box ul li a{color:#fff;}	
	.nav-logo-section .account-box ul li.mobile-menu{display:inline-block;}
	.nav-logo-section .account-box ul li.cart-icon a span{background-image:url( //s3.amazonaws.com/cratejoy_vendor_images/blueteabox/parcel_mobile-copy-0/images/cart1.png?ts=1733422362&host=my.cratejoy.com );color: #000;}
	h1{font-size:26px;}	
	h2{font-size:22px;}	
	h3{font-size:16px;}	
	#layerslider{height:400px !important;}
	.banner-section .desktop-banner{display:none;}
	.banner-section .mobile-banner{display:block;}
	.footer-secion .footer-box {float: none;width: auto;}
	.top-bar-box.subs-top {display: block;}
	.account-box.accnt-sub {display: none;}
	.got-qstn, .got-qstn a{font-size: 14px;}
	.who-we-section .who-image {display: block;height: 300px;width: 100%;}
	.who-we-section .who-content {display: block;width: 100%;}
	.how-it-works {padding: 40px 0 0;}
	.how-it-works .how-box {margin: 0 ;width: 100%;}
	.how-it-works .how-box + .how-box {margin-top:30px;}
	.how-it-works .how-box img {margin-top: 0;}
	.how-it-works .how-it-top {padding-bottom: 30px;}
	.featured-section {border-bottom: 5px solid #fcf2e3;}
	.featured-section .featured-content {display: block;width: 100%;}
	.featured-section .featured-image {display: block;height: 300px;width: 100%;}
	.featured-section .featured-content h1 {margin-bottom: 20px;}
	.who-we-section{border-top:5px solid #d8e8ea;}
	.customer-say {padding: 60px 0;}
	.customer-say .item {width: 100%;font-size: 13px;}
	.other-feature {padding: 40px 0 70px;text-align: center;}
	.instagram{padding: 40px 0 60px;}
	.instagram h1 {margin-bottom: 30px;}
	.who-is {padding: 50px 0;}
	.what-tea {padding-bottom: 50px;}
	.ingredients {padding-bottom: 50px;}
	.delivery {padding-bottom: 50px;}
	.single-box {padding-bottom: 50px;}
	.gift-section {padding-bottom: 80px;}
	.banner-box { padding: 60px 0 50px;}
	.banner-box .banner-content h1 { font-size: 38px; margin-bottom: 10px;}
	.banner-box .banner-content h3 { font-size: 16px;}	
	.good-tea-box .good-tea-img-sec { width: 375px;}
	.environment-section { padding: 50px 0;}
	.environment-section .environment-details { padding: 0 25px;}
	.environment-section .environment-details h2 { font-size: 26px;}
	.environment-section .environment-details p { margin-bottom: 25px;}
	.we-care-section .we-care-details { padding: 30px 25px;}
	.we-care-section .we-care-details h3 { font-size: 20px;}
	.we-care-section .we-care-details h2 { font-size: 25px; margin-bottom: 20px;}
	.we-care-section .we-care-details p { margin-bottom: 28px;}
	.tea-time { padding: 60px 0;}
	.tea-time p { font-size: 45px; margin-bottom: 35px;}
	.our-value-section { padding: 40px 0;}
	.our-value-section .value-box { margin: 15px 20px; width: calc(50% - 41px);}
	.contact-section {padding: 40px 0;}
	.partner-logo-box .part-logo-box {
		width: calc(49% - 30px);
	}
	.nav-logo-section .logo-box {
		margin: 0 auto;
		max-width: 300px;
	}
	.tea-landing-banner .banner-image {
		float: none;
		margin: 0 auto 25px;
		max-width: 400px;
		width: auto;
	}
	.tea-landing-banner .banner-cnt-box {
		float: none;
		text-align: center;
		width: auto;
	}
	.tea-landing-banner {
		margin-bottom: 40px;
	}
	.tea-testimonial-box .tea-testi-box {
		display: block;
		margin: 40px 0 0;
		width: auto;
	}
	.tea-testimonial-box .tea-testi-box .quote {
		min-height: auto;
	}
	.faq-section .faq-answer > p {
		font-size: 15px;
	}
	.tea-landing-bg .tea-lp-banner {
		background-size: 290px;
		background-position: center top;
		padding-top: 230px;
	}
	.join-section .left-box {
		display: block;
		margin-bottom: 20px;
		text-align: center;
		width: auto;
	}
	.join-section .right-box {
		display: block;
		width: auto;
	}
	.addon-products-box .addon-box {
		width: 280px;
		display: block;
		margin: 0px auto;
	}
	
	.addon-products-box .addon-box+.addon-box {
		margin-top: 30px;
	}
	.checkout_content .cart_listing {
		overflow-y: auto;
	}
	

}
@media only screen  and (max-width:640px){
	h1{font-size:22px;}	
	h2{font-size:16px;}	
	h3{font-size:14px;}	
	#layerslider{height:300px !important;}
	.single-box .cancel-box{width: 100%;}
	.banner-box { padding: 50px 0 40px;}	
	.banner-box .banner-content h1 { font-size: 30px;}
	.banner-box .banner-content h3 { font-size: 15px;}
	.environment-section { padding: 40px 0;}
	.environment-section .environment-details { padding: 0;}
	.environment-section .environment-details p { font-size: 14px; margin-bottom: 20px;}
	.we-care-section .we-care-details { padding: 25px;}
	.we-care-section .we-care-details h3 { font-size: 18px; margin-bottom: 8px;}
	.we-care-section .we-care-details h2 { font-size: 24px; margin-bottom: 15px;}
	.tea-time { padding: 50px 0;}
	.tea-time p { font-size: 35px; margin-bottom: 25px;}
	.our-value-section h2 { font-size: 26px;}
	.our-value-section .value-box h1 { font-size: 50px; margin-bottom: 12px;}
	.shop-listing .shop-listing-item{width: 48%;}
	.contact-section .contct-info {float: none;width: 100%;}
	.contact-section .contact-form {float: none;width: 100%;}
    .shop-listing .shop-listing-item {
      width: calc(100% - 32px);
    }
}
@media only screen  and (max-width:550px){
	.good-tea-box { padding: 40px 0;}
	.good-tea-box .good-tea-img-sec { width: 100%;}	
	.good-tea-box .good-tea-content h2 { font-size: 22px; margin-bottom: 15px;}
}
@media only screen  and (max-width:500px){
	.our-value-section { padding: 35px 0;}	
	.partner-logo-box .part-logo-box {
		width: 280px;
		display: block;
		margin: 0px auto;
		margin-bottom: 25px;
	}
}
@media only screen  and (max-width:480px){
	#layerslider{height:250px !important;}
	.footer-secion{padding: 30px 0 0;}
	.footer-secion .footer-social a {font-size: 16px;margin: 0 8px;width: 37px;padding:3px;}
	.footer-secion .newsletter{width:100%;}
	.footer-secion .footer-social {margin-bottom: 30px;}
	.footer-secion .newsletter p{font-size: 18px;margin-bottom: 12px;}
	.footer-secion .footer-navigation a{font-size: 11px;}
	.footer-secion .contact-addr{font-size: 12px;}
	.footer-secion .contact-on li + li::before{display:none;}
	.footer-secion .contact-on a {font-size: 13px;}
	.footer-secion .footer-bottom{font-size: 12px;}
	.got-qstn{padding: 15px 0;}
	.banner-box { padding: 40px 0 30px;}
	.banner-box .banner-content h1 { font-size: 26px;}	
	.banner-box .banner-content h3 { font-size: 14px;}
	.subscription-section .subscribe-content{padding: 20px 15px 40px;}
	.subscription-section .spoon {max-width: 150px;}
	.featured-section .featured-content {padding: 30px 15px;}
	.who-we-section .who-content {padding: 30px 15px;}
	.good-tea-box .good-tea-content h2 { font-size: 18px; margin-bottom: 10px;}
	.good-tea-box .good-tea-content p { font-size: 12px;}	
	.environment-section .environment-details h2 { font-size: 22px; margin-bottom: 10px;}
	.environment-section .environment-details p { font-size: 13px; margin-bottom: 18px;}
	.we-care-section .we-care-details { padding: 35px 20px;}
	.we-care-section .we-care-details h3 { font-size: 16px;}
	.we-care-section .we-care-details h2 { font-size: 20px;}
	.we-care-section .we-care-details p { font-size: 12px; margin-bottom: 20px;}
	.tea-time { padding: 35px 0;}
	.tea-time p { font-size: 28px; margin-bottom: 20px;}
	.our-value-section { padding: 30px 0;}
	.our-value-section h2 { font-size: 24px; margin-bottom: 10px;}
	.our-value-section .value-box { margin: 15px; width: calc(50% - 31px);}
	.our-value-section .value-box h1 { font-size: 40px;}
	.our-value-section .value-box p { font-size: 12px; margin-bottom: 10px;}
	/*.shop-listing .shop-listing-item{width: 100%;margin: 2% 0;}*/
	.choose .choose-box, .who-is .who-is-box, .ingredients .ingred-box, .delivery .delivery-box, .payment-plan .payment-box{margin-bottom:20px;}
}
@media only screen  and (max-width:360px){
	#layerslider{height:200px !important;}
	.banner-box { padding: 30px 0;}	
	.banner-box .banner-content h1 { font-size: 22px; margin-bottom: 8px;}
	.banner-box .banner-content h3 { font-size: 12px;}
	.good-tea-box { padding: 35px 0;}
	.good-tea-box .good-tea-content h2 { font-size: 16px;}	
	.environment-section { padding: 30px 0;}
	.environment-section .environment-details h2 { font-size: 20px;}
	.we-care-section .we-care-details h3 { font-size: 15px;}
	.we-care-section .we-care-details h2 { font-size: 18px;}
	.tea-time p { font-size: 25px; margin-bottom: 15px;}
	.our-value-section .value-box { margin: 5px 0; width: 100%;}
	.our-value-section .value-box h1 { font-size: 35px; margin-bottom: 8px;}
	.our-value-section .value-box h3 { font-size: 15px; margin-bottom: 8px;}
	
	.choose .choose-box {display: block;width: auto;}
}