header.cm-main-header .cm-cart a {font-size: 0;}
header.cm-main-header .cart-items {padding-top: 0;}
.inner-banner.contact-us .top-banner{display: block;}

.contact-us .contact-wrap {
	margin-top: 40px;
}
.contact-us .contact-email h2 {
	color: #000000;
	font-size: 60px;
	text-transform: uppercase;
	font-family: 'Mohave';
	margin: 0;
	line-height: 30px;
}
.contact-us .contact-email p {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	font-family: 'Gotham';
	max-width: 270px;
	margin: 20px 0;
}
.contact-us .contact-email a {
	background-color: #f5c044;
	color: #000000;
	font-weight: 500;
	font-size: 22px;
	padding: 4px 14px;
	border-radius: 8px;
	font-family: 'Mohave';
}
.contact-us .contact-email a i {
	margin-right: 6px;
}
.contact-us .contact-email {
	margin-bottom: 36px;
	padding: 0;
}
.contact-us .contact-email.contact-updates p {
	max-width: 270px;
}
.contact-us .contact-email.contact-updates .form-control {
	border: 2px solid #8a8b8c;
	color: #bcbdbd;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Gotham';
	padding: 4px;
}
.contact-us .contact-email.contact-updates .form-control:focus {
	box-shadow: none;
}
.contact-us .contact-email.contact-updates .sib-form-block {
	padding: 0;
}
.contact-us .contact-email.contact-updates .sib-form-block .sib-form-block__button {
	font-size: 22px;
	color: #FFFFFF;
	background-color: #eb1c2d;
	border-radius: 8px;
	text-transform: uppercase;
	font-family: 'Mohave';
	padding: 0px 10px;
	margin-top: 26px;
	width: 50%;
}
.contact-us .contact-email.contact-updates .sib-form-block .sib-form-block__button:hover {
	background-color: #000000;
}
.contact-us .contact-right {color: #ffffff;position: relative;border: 4px solid #eb1c2d;}
.contact-us .contact-img-content {padding: 10px 20px 20px;background:#eb1c2d;}
.contact-us .contact-img-content p {font-size: 14px;font-weight: 500;font-family: 'Gotham';margin: 0;padding: 10px 0 0;}
.contact-us .contact-right img {margin: 0;width: 100%;height: auto;}
.contact-us .top-banner .top-banner-title {
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Mohave';
	line-height: 56px;
	margin-left: 26px;
}
.contact-us .top-banner .top-banner-subtitle {
	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Mohave';
	font-weight: 600;
	margin-left: 26px;
}
.top-banner {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100%;
	border-bottom: 3px solid #eb1c2d;
}
.contact-us .top-banner {
	background-image: url(/assets/templates/CoastToCoast-core/images/contact-banner.png);
	padding: 20px 0;
}

/*faq css start*/
.faq-wrapper {
	margin-top: 40px;
}
.faq-wrapper .faq-content h2 {
	color: #000000;
	font-size: 50px;
	text-transform: uppercase;
	font-family: 'Mohave';
	font-weight: bold;
	margin-bottom: 30px;
}
.faq-wrapper .faq-content .panel-title {
	margin: 0;
}
.faq-wrapper .faq-content .panel-title a{
	color: #000000;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Gotham';
	font-weight: 700;
	margin-bottom: 22px;
	display: block;
	text-decoration: none;
}
.faq-wrapper .faq-content .panel.panel-default {
	margin-bottom: 20px;
}
.faq-wrapper .faq-content .panel.panel-default .panel-collapse p {
	color: #58595b;
	font-size: 14px;
	font-family: 'Gotham';
	margin-left: 20px;
	display: table-cell;
	font-weight: 500;
	padding-left: 20px;
	max-width: 650px;
}
.faq-wrapper .faq-content .panel.panel-default .panel-collapse p a {
	color: #0000EE;
	text-decoration: underline;
}
.faq-wrapper .faq-content .panel.panel-default .panel-collapse i {
	color: #f68833;
	float: left;
	margin-right: 0;
	border: 2px solid #f68833;
	border-radius: 100%;
	font-size: 13px;
	padding: 2px;
	width: 20px;
	height: 20px;
	line-height: 13px;
	text-align: center;
	padding-left: 3px;
	cursor: pointer;
}
.faq-wrapper .faq-content {
	margin-bottom: 70px;
}
.faq .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/faq-banner.png);
	padding: 20px 0;
}
.inner-banner .top-banner-title {
	color: #ffffff;
	font-size: 50px;
	font-weight: bold;
	text-transform: uppercase;
	font-family: 'Mohave';
	line-height: 56px;
	margin-left: 26px;
}
.inner-banner .top-banner-title span, .inner-banner .top-banner-subtitle span {
	color: #c02022e6;
}
.inner-banner .top-banner-subtitle {
	color: #ffffff;
	font-size: 30px;
	text-transform: uppercase;
	font-style: italic;
	font-family: 'Mohave';
	font-weight: 600;
	margin-left: 26px;
}
.faq-wrapper .iframe {
	width: 600px;
}
.faq-wrapper .iframe.embed-responsive-16by9 {
	padding-bottom: 37%;
}
/*faq css end*/

/*aboot css start*/
.aboot .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/aboot-banner.png);
	padding: 40px 0;
}
.aboot .aboot-content p {
	color: #58595b;
	font-family: 'Gotham';
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	max-width: 78%;
	margin: 40px auto;
	text-align: justify;
}

/*aboot css end*/

/*gifts css start*/
.gifts .category-header {display: none;}
.gifts .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/gifts-banner-new.png);
	padding: 24px 0;
	background-position: 100% 0%;
}

.gifts .product-item .img {
	background-color: transparent;
}
.gifts .product-items .product-item:hover {
	box-shadow: none !important;
}
.gifts .product-items {
	position: relative;
}
.gifts .product-items:before {
	position: absolute;
	content: " ";
	background-color: #609f6b;
	/*clip-path: polygon(0% 2%, 100% 0, 96% 100%, 1% 94%);*/
	clip-path: polygon(0% 2%, 100% 0, 96% 72%, 1% 68%);
	width: 100%;
	height: 100%;
	top: 7%;
	left: 0;
	right: 0;
}
.gifts .product-items .product-content a {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Gotham';
	width: 57%;
	display: block;
	text-align: center;
	margin: 30px auto;
}
.gifts .product-items {
	margin: 60px 0;
}
.gifts .product-items .product-item .name {
	overflow: visible;
}
/*gifts css end*/

/*gear css start*/
.gear .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/C2CC2022_GEAR-new.png);
	padding: 24px 0;
	background-position: 100% 100%;
}
.gear .top-banner .top-banner-title,
.gear .top-banner .top-banner-subtitle {
	color: #000000;
}
.gear .gear-wrapper {
	text-align: center;
	margin-top: 30px;
}
.gear .gear-wrapper h2 {
	color: #58595B;
	font-family: 'Gotham';
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 0;
} 
.gear .gear-wrapper p {
	color: #58595B;
	font-family: 'Gotham';
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.gear .product-items {
	position: relative;
	margin: 50px 0;
}
.gear .product-items:before {
	position: absolute;
	content: " ";
	background-color: #BFD6E6;
	clip-path: polygon(0% 2%,100% 0%,96% 82%,1% 78%);
	width: 100%;
	height: 100%;
	top: 5%;
	left: 0;
	right: 0;
}
.gear .product-item .img {
	background-color: transparent;
}
.gear .product-items .product-item:hover {
	box-shadow: none !important;
}
.gear .product-items .product-item .name {
	overflow: visible;
	width: 85%;
	text-align: center;
	margin: 0 auto;
	margin-top: 16px;
	height: auto;
}
.gear .product-items .product-item .name a {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Gotham';
	text-align: center;
	margin: 30px auto;
	color: #58595B;
}
/*gear css start*/

/*wholesale css start*/
.wholesale .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/wholesale-banner.png);
	padding: 20px 0;
	height: 140px;
}
.wholesale .page-content .top-heading img {
	display: none;
}
.wholesale  .top-banner-title {
	margin-top: 20px;color: #231F20;
}
/*wholesale css end*/

/*coffee css start*/
.coffees .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffee.png);
	padding: 20px 0;
	height: 140px;
}
.coffees .page_header .category-header img {
	display: none;
}
.coffees .step-main-col {
	position: relative;
	height: 180px;
	padding: 15px 15px 5rem;
	max-width: 100%;
	margin: 0 auto 8rem !important;
	display: flex;
	flex-wrap: wrap;
}
.coffees .step-main-col:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffee-steps-border.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: -1;
}
.coffees .step-main-col h4 {
	font-size: 30px;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	text-transform: uppercase;
	color: #EB1C2D;
	font-family: 'Gotham';
	margin: 0px 0px 2px;	
	text-align: center;
}
.coffees .step-main-col h4 small{
	font-size: 15px;
	font-weight: 500;
	color: #EB1C2D;
	font-family: 'Gotham';
}
.coffees .step-main-col p {
	color: #58595b;
	line-height: 1;
	font-size: 22px;
	margin-bottom:0px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-family: 'Gotham';
}
.coffees .step-main-col p:last-child {
	font-size: 13px;
	line-height: 0.8;
}
.coffees .step-main-col p small {
 	color: #58595b;
 	font-size: 13px;
 	font-weight: 500;
 	line-height: 1;
 	vertical-align: middle;
 	font-family: 'Gotham';
 	margin-top: 2px;
}
.coffees .step-main-col p:last-child small {
	font-size: 14px;
	margin-top: 0px;
}
.coffees .step-main-col ul {
	margin-left: 0px;
	margin-top: 0px;
	padding: 0px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.coffees .step-main-col ul li {
	color: #58595B;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
	border-left: transparent;
	width: 33%;
	display: inline-block;
	vertical-align: top;
	line-height: 1.2;
	text-align: center;
	font-family: 'Gotham';
}
.coffees .step-main-col .coffee-steps-info-area {
	position: absolute;
	width: 530px;
	height: auto;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffee-steps-infobox.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding: 15px;
	bottom: -65px;
	right: 50px; 
	text-align: center;
}
.coffees .step-main-col .coffee-steps-info-area h5 {
	font-size: 22px;
    margin: 0px 0px 0px;
    color: #58595b;
    font-weight: 500;
    font-family: 'Gotham';
    text-transform: uppercase;
}
.coffees .step-main-col .coffee-steps-info-area p {
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 1.2;
	color: #58595b;
	font-weight: 500;
	font-family: 'Gotham';
    text-transform: uppercase;
}
.coffees .step-main-col .coffee-steps-info-area small {
	font-size: 12px;
	line-height: 1.2;
	display: inline-block;
	color: #58595b;
	font-family: 'Gotham';
    text-transform: uppercase;
    font-weight: 500;
}



.coffees .catFilters-img {
	float: left;
	margin-right: 10px;
	margin-top: -20px;
}
.coffees .catFilters-img img {
	max-width: 85%;
}
.coffees .catFilters {display: -ms-flexbox;display: flex;flex-wrap: wrap;margin: 0 -3px;}
.coffees .catFilters .form-group {
	display: -ms-flexbox;display: flex;
	flex-wrap: wrap;
	flex: 1;
	border-bottom: 2px solid #f7f7f7;
	padding-bottom: 30px;
}
.coffees .product-item .img {
/*	min-height: 200px;*/
}

.coffees .product-items {
	position: relative;
	margin-top: 7%;
	clear: both;
}

.coffees .product-items:before {
	position: absolute;
	content: " ";
	background-color: #c7e6db;
	clip-path: polygon(0% 1%, 100% 4%, 98% 96%, 2% 94%);
	width: 92%;
	height: 100%;
	top: -3%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.coffees .product-item .name {
	display: none;
}
.coffees .product-item .img {
	background-color: transparent;
}
.coffees .product-items .product-item:hover {
	box-shadow: none !important;
}
.coffees label.cat-filters {
	padding: 0 3px;
	margin-right: 0;
	width: 20%;
	flex: auto;
}
.coffees .catFilters {
	border-bottom: transparent;
}
.coffees .cat-filters label {
	color: #58595B;
	font-size: 16px;
}
.coffees .catFilters h4 {
	width: 100%;
	padding: 0 3px;
	text-transform: uppercase;
	color: #FF001B;
	font-size: 26px;
	font-weight: 500;
	font-family: 'Gotham';
	margin-top: 0;
	margin-bottom: 20px;
}
.coffees .page_header {
	margin-top: 16px !important;
	margin-bottom: 0 !important;
}
/*coffee css end*/

/* subscriptions css start */
.coffee-subscriptions .top-banner {
    display: block;
    background-image: url(/assets/templates/CoastToCoast-core/images/C2CC2022_SUBS_new.png);
    padding: 20px 0;
    height: 140px;
}
.coffee-subscriptions .subscriptions-blog-section {
	padding: 15px 15px 3px;
	position: relative;
}
.coffee-subscriptions .subscriptions-blog-section:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffeesubscriptions-blog-border.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	z-index: -1;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-blog-header {
	padding: 15px;
	background-color: transparent;
	position: relative;
	margin: -40px auto 0px 23%;
	z-index: 1;
	width: 260px;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-blog-header:before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffeesubscriptions-blog-titleBG.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	z-index: -1;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-blog-header h2 {
	margin: 0px;
	font-size: 22px;
    font-weight: bold;
    color: #529a8e;
    text-align: center;
    letter-spacing: 2px;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-pic-col {
	width: 191px;
	display: inline-block;
    clip-path: polygon(-1% 0%, 100% 0%, 100% 97%, 6% 101%);
    margin: -35px 0px 0px -12px;
    vertical-align: top;
    transition-delay: 0.5s;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-disc-box { 
	padding: 20px 20px 14px 27px;
	display: inline-block;
	width: 80%;
	max-width: calc(100% - 191px);
	margin-top: -6px;
}
.coffee-subscriptions .subscriptions-blog-section .subscriptions-disc-box p { 
	font-family: 'Gotham';
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
	line-height: 1.2;	
	letter-spacing: 0.8px;
	margin-bottom: 0px;
	color: #58595B;
}
.coffee-subscriptions .category-products {
	position: relative;
	margin-bottom: 11rem;
}
.coffee-subscriptions .category-products:before {	
    content: " ";
    display: block;
    position: absolute;
    background-color: #529a8e;
    clip-path: polygon(0% 2%, 100% 11%, 98% 91%, 3% 100%);
    width: 108%;
    height: 95%;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);    
}
.coffee-subscriptions .product-item .img {
	background-color: transparent;
}
.coffee-subscriptions .product-item .price {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1.2;
	height: auto;
	margin-top: 25px;
}
.coffee-subscriptions .product-item .price span { 
	display: inline-flex;
	color: #5b83af;
	font-size: 1.85rem;
	line-height: 0.9;
	position: relative;
	z-index: 5;
}
.coffee-subscriptions .product-item .price .regular-price {
	font-size: 2.2rem;
	font-weight: 900;
	position: relative;
	letter-spacing: 0.9px;
    z-index: 5;
    color: #fff;
}
/*.coffee-subscriptions .product-item .price span.regular-price:after {
    content: "$23.00";
    display: block;
    position: absolute;
    font-size: 24px;
    background-color: transparent;
    border-radius: 25px;
    height: 22px;
    border-bottom: 23px solid #fff;
    left: -2px;
    top: 0px;
    -webkit-text-stroke-width: 4px;
    z-index: -1;
    -webkit-text-stroke: 0px 0px -3px;
    -webkit-text-stroke-color: #fff;
}*/
.coffee-subscriptions .product-item .price span.price-pack {
	z-index: 4;
}
/*.coffee-subscriptions .product-item .price span.price-pack:after {
    content: "/pack";
    display: block;
    position: absolute;
    font-size: 2rem;
    background-color: transparent;
    border-radius: 35px;
    height: 23px;
    left: -1px;
    top: 0px;
    -webkit-text-stroke-width: 5px;
    z-index: -2;
    -webkit-text-stroke: 0px 0px -3px;
    -webkit-text-stroke-color: #fff;
}*/
.coffee-subscriptions .category-notes-area {
	margin-bottom: 3rem;
	font-size: 15px;
	color: #fff;
	line-height: 1.3;
	width: 80%;
	margin: 0px auto;
	letter-spacing: 1.2px;
}
.coffee-subscriptions .category-notes-area h3 {
	font-size: 2.2rem;
	margin: 0px 0px 2rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1.4px;
}
.coffee-subscriptions .category-notes-area ul {
	margin: 0px;
	padding-left: 20px;
}
.coffee-subscriptions .category-notes-area ul li {
	margin-bottom: 10px;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	line-height: 1.3;
}


/* subscriptions css end */
.gear .category-header {
	position: relative;
	padding: 2px 15px 50px;
}
.gear .category-header:before { 
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-image: url(/assets/templates/CoastToCoast-core/images/blue-border.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;	
	z-index: -1;
}
/*generic start*/
/*.generic .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/generic-img.png);
	height: 140px;
	}*/
	.generic .top-banner-title {
		display: none;
	}

/*Green Coffee css Start*/
.geeen-coffees .top-banner {
	display: block;
	background-image: url(/assets/templates/CoastToCoast-core/images/green-coffee-banner.png);
	padding: 24px 0;
	background-position: 100% 100%;
}
.geeen-coffees .top-banner .top-banner-title,
.geeen-coffees .top-banner .top-banner-subtitle {
	color: #fff;
}
.geeen-coffees .gear-wrapper {
	text-align: center;
	margin-top: 30px;
}
.geeen-coffees .gear-wrapper h2 {
	color: #58595B;
	font-family: 'Gotham';
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 500;
	margin-top: 0;
} 
.geeen-coffees .gear-wrapper p {
	color: #58595B;
	font-family: 'Gotham';
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.geeen-coffees .product-items {
	position: relative;
	margin: 50px 0;
}
.geeen-coffees .product-items:before {
	position: absolute;
	content: " ";
	background-color: #C7E6D5;
	clip-path: polygon(0% 2%,100% 0%,96% 79%,4% 75%);/*polygon(0% 2%,100% 0%,96% 82%,1% 78%);*/
	width: 100%;
	height: 100%;
	top: 5%;
	left: 0;
	right: 0;
}
.geeen-coffees .product-item .img {
	background-color: transparent;
}
.geeen-coffees .product-items .product-item:hover {
	box-shadow: none !important;
}
.geeen-coffees .product-items .product-item .name {
	overflow: visible;
	width: 85%;
	text-align: center;
	margin: 0 auto;
	margin-top: 16px;
	height: auto;
	display: none;
}
.geeen-coffees .product-items .product-item .name a {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Gotham';
	text-align: center;
	margin: 30px auto;
	color: #58595B;
}
.gear-wrapper .h2-desktop {display: block;}
.gear-wrapper .h2-mobile {
	display: block;
    font-size: 34px;
    line-height: 1;
    color: #FF0000 !important;
}
.gear-wrapper .h2-mobile span {
    color: #FF0000;
    font-size: 14px;
    line-height: 18px;
    display: block;
}
.green-coffee-ship-section {
	width: 100%;
	padding: 15px;
	position: relative;
	margin: 2.5rem 0px;
	display: flex;
	align-items: baseline;
	font-family: 'Gotham';
}
.green-coffee-ship-section:before {
	position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/templates/CoastToCoast-core/images/coffee-steps-border.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.green-coffee-ship-section .green-coffee-priceArea {
	width: 60%;
	padding: 5px;
	margin: 0px 0px 5rem;
}
.green-coffee-ship-section .green-coffee-priceArea ul {
	margin: 0px 0px 0px auto;
	padding: 0px;
	width: 90%;
	display: flex;
	justify-content: space-between;
}
.green-coffee-ship-section .green-coffee-priceArea ul li {
	list-style-type: none;
	width: 33%;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap:0px;	
}
.green-coffee-ship-section .green-coffee-priceArea ul li h5 { 
	font-size: 2.8rem;
	color: #eb1c2d;
	font-weight: bold;
	font-family: 'Gotham';
	margin: 0; 
}
.green-coffee-ship-section .green-coffee-priceArea ul li h6 { 
	font-size: 1.5rem;
	color: #eb1c2d;
	font-weight: 600;
	font-family: 'Gotham';
	margin: 0;
}
.green-coffee-ship-section .green-coffee-priceArea ul li p { 
	font-size: 2rem;
	color: #eb1c2d;
	font-weight: 500;
	margin-bottom: 0px;	
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0px;
	line-height: 1.2;
	color: #58595b;
	font-family: 'Gotham';
}
.green-coffee-ship-section .green-coffee-priceArea ul li p small {
	font-size: 13px;
	color: #58595b;
	font-family: 'Gotham';
	margin-top: 2px;
}
.green-coffee-ship-section .green-coffee-shipinfo-area {
	width: 50%;
	padding: 15px;
	position: relative;
	margin-right: -10%;
	background-image: url(/assets/templates/CoastToCoast-core/images/coffee-steps-infobox.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    text-align: center;
    right: -2%;
    top: 2%;
    text-transform: uppercase;
    font-family: 'Gotham';
}

.green-coffee-ship-section .green-coffee-shipinfo-area h2 {
	font-size: 2rem;
	color: #eb1c2d;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 8px;
	font-family: 'Gotham';
}
.green-coffee-ship-section .green-coffee-shipinfo-area h2 span {
	display: block;
	width: 100%;
	font-size: 1.5rem;
	font-family: 'Gotham';
	font-weight: 500;
}
.green-coffee-ship-section .green-coffee-shipinfo-area p {
	font-size: 13px;
	color: #58595b;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 1.2;
	font-family: 'Gotham';
}


/*Green Coffee css End*/

/*Thank you page css Start*/
.checkout-thankyou-page .top-banner {display:block;border-bottom:0;padding-top: 15px;}
.checkout-thankyou-page.inner-banner .top-banner-title,
.checkout-thankyou-page.inner-banner .top-banner-subtitle {color:#58595B;}
.checkout-thankyou-page video {box-shadow:0 20px 32px rgba(0, 0, 0, .5);}
.checkout-thankyou-page #checkoutThankYou {padding:90px 0 0;}
.checkout-thankyou-page #checkoutThankYou h1 {font-size:46px;color:#58595B;text-transform:uppercase;line-height:1.217;margin:0;}
.checkout-thankyou-page #checkoutStep4 #checkoutThankYou>h1:before {content:'';display:none;}
.checkout-thankyou-page h3.checkout4_invoicemessage {font-size:24px;color:#58595B;margin:0 0 40px;text-transform:uppercase;}
.checkout-thankyou-page .thankyou_message {margin:0 auto;}
.checkout-thankyou-page .thankyou_message p {font-size:21px;color:#58595B;line-height:1.342;padding:0 0 30px;margin:0;}
.checkout-thankyou-page .thankyou_message p a {color:#0000EE;text-decoration:underline;}
.checkout-thankyou-page .thankyou_actions {display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:center;padding:60px 0 0;}
.checkout-thankyou-page .thankyou_actions .btn {font-size:18px;background:#EB1C2D;border:0;border-radius:16px;display:flex;padding:18px 24px;margin:0 40px;align-items:center;}
.checkout-thankyou-page .thankyou_actions .btn i {font-size:26px;display:block;margin:0 10px 0 0;}
.checkout-thankyou-page #invoiceContainer {display:none;}
/*Thnak you page css End*/

/*responsive*/
@media (min-width: 1600px) {
	.coffees .step-main-col ul {
		margin-left: 0%;
		margin-top: 0;
	}
	.coffees .step-main-col {
		display: flex;
		margin: 0 auto;
	}
}
@media (max-width: 1280px) {
	.green-coffee-ship-section .green-coffee-shipinfo-area{
		right: -0.9%;
	}
}
@media (max-width: 1199px) {
	.contact-us .contact-email p,
	.contact-us .contact-email.contact-phone p,
	.contact-us .contact-email.contact-updates p {
		max-width: 100%;
	}
	.contact-us .top-banner .top-banner-title,
	.contact-us .top-banner .top-banner-subtitle {
		margin-left: 116px;
	}
	.coffees .step-main-col {
		padding: 16px;
	}
	.coffees .step-main-col span {
		font-size: 30px;
		margin-bottom: 14px;
	}
	.coffees .step-main-col ul li {
		font-size: 24px;
	}
	.coffees .catFilters-img {
		margin-right: 40px;
	}
	.coffees .catFilters .form-group {
		width: 65%;
	}
	.coffees.inner-banner .top-banner-title {
		margin-left: 126px;
	}
	.coffees.inner-banner .top-banner-subtitle {
		margin-left: 126px;
	}
	.inner-banner .top-banner-title {
		margin-left: 126px;
	}
	.inner-banner .top-banner-subtitle {
		margin-left: 126px;
	}
	.faq-wrapper .faq-content {
		margin-bottom: 36px;
	}
	.checkout-thankyou-page .thankyou_actions{padding:30px 0 0;}
	.checkout-thankyou-page .thankyou_actions .btn {margin:0 20px;}
	.green-coffee-ship-section .green-coffee-shipinfo-area {
        width: 39vw;
        text-align: center;
        right: -10px;
    }
}

@media (max-width: 991px) {
	.contact-us .contact-right img {
		width: 100%;
	}
	.contact-us .contact-wrap {
		margin-top: 10px;
	}
	.contact-us .contact-email h2 {
		font-size: 36px;
	}
	.contact-us .contact-email p, 
	.contact-us .contact-email.contact-phone p, 
	.contact-us .contact-email.contact-updates p {
		margin: 10px 0;
	}
	.contact-us .top-banner .top-banner-title,
	.contact-us .top-banner .top-banner-subtitle {
		margin-left: 26px;
	}
	.aboot .aboot-content p {
		max-width: 100%;
		margin: 0 !important;
	}
	.faq-wrapper .faq-content .panel-title a {
		font-size: 14px;
	}
	.faq-wrapper .faq-content h2 {
		font-size: 34px;
		margin-bottom: 22px;
	}
	.gear .gear-wrapper h2 {
		font-size: 32px;
	}
	.gear .top-banner {
		padding: 10px 0;
	}
	.gear .product-items .product-item .name a {
		font-size: 16px;
	}
	.coffees .step-main-col ul {
		margin-left: 0%;
		margin-bottom: 3.5rem;
	}
	.coffees .step-main-col ul li {
		font-size: 20px;
		line-height: 25px;
	}
	.coffees .step-main-col span {
		font-size: 24px;
		margin-bottom: 7px;
	}
	.coffees .step-main-col {
		height: 180px;
		margin-bottom: 13rem !important;
	}
	.coffees .catFilters-img {
		width: 100%;
		margin-right: 0;
	}
	.coffees .catFilters-img img {
		display: table;
		margin: 0 auto;
		text-align: center;
	}
	.coffees .catFilters .form-group {
		width: 100%;
		margin-top: 26px;
	}
	.coffees.inner-banner .top-banner-title {
		margin-left: 26px;
	}
	.coffees.inner-banner .top-banner-subtitle {
		margin-left: 26px;
	}
	.coffees .product-items:before {
		top: 0%;
		clip-path: polygon(0% 1%, 100% 4%, 98% 99%, 2% 96%);
	}
	.inner-banner .top-banner-subtitle {
		margin-left: 26px;
	}
	.inner-banner .top-banner-title {
		margin-left: 26px;
	}
	.contact-us .contact-img-content {
		bottom: 90px;
	}
	.coffee-subscriptions .subscriptions-blog-section .subscriptions-pic-col {
		display: none;
	}
	.coffee-subscriptions .subscriptions-blog-section .subscriptions-disc-box {
	    padding: 15px 20px 30px;
	    display: inline-block;
	    width: 100%;
	    max-width: 100%;
	}
	.coffee-subscriptions .subscriptions-blog-section .subscriptions-blog-header {
	    margin: -40px auto 0px;
	}
	.coffee-subscriptions .category-products:before {
	    content: " ";
	    display: block;
	    position: absolute;
	    background-color: #529a8e;
	    clip-path: polygon(0% 2%, 100% 7%, 98% 96%, 2% 100%);
        width: 100%;
        height: 104%;
        top: 5%;
	}
	.coffee-subscriptions .category-notes-area h3 {
		margin-top: 25px;
	}
	.coffees .step-main-col .coffee-steps-info-area {
	    position: relative;
	    margin: 2rem auto;
	    background-image: unset;
	    right: unset;
	    bottom: unset;
	}
	.green-coffee-ship-section {
		flex-direction: column;
	}
	.green-coffee-ship-section:before {
	    background-repeat: no-repeat;
	    background-size: 100% 175px;
	}
	.green-coffee-ship-section .green-coffee-priceArea,
	.green-coffee-ship-section .green-coffee-shipinfo-area {
		width: 100%;
	}
	.green-coffee-ship-section .green-coffee-shipinfo-area {
        margin-right: 0px;     
        right: 0;
        background-image: unset;
        margin-top: 2rem;
    }
    .green-coffee-ship-section .green-coffee-priceArea ul {
    	width: 100%;
    }
    .green-coffee-ship-section .green-coffee-priceArea ul li h5 {
	    font-size: 3rem;
	}
	.green-coffee-ship-section .green-coffee-priceArea ul li h6 {
	    font-size: 1.8rem;
	}
	.green-coffee-ship-section .green-coffee-shipinfo-area h2 {
		font-size: 3rem;
	}
	.green-coffee-ship-section .green-coffee-shipinfo-area p{
		margin-top: 3px;
		width: 75%;
		text-align: center;
		margin: 15px auto;
		font-size: 15px;
		font-weight: 500;
	}
}

@media (max-width: 767px) {	
	.top-banner {border-width: 0;}
	.contact-us .top-banner,
	.wholesale .top-banner,
	.faq .top-banner,
	.gifts .top-banner,
	.coffees .top-banner,
	.aboot .top-banner {padding: 9px 0 8px;height: auto;}
	.aboot .aboot-content p {
		margin: 20px;
		font-size: 14px;
		line-height: 18px;
	}
	.wholesale .top-banner-title {margin-top: 0;color: #231F20;}
	.contact-us .top-banner .top-banner-subtitle ,
	.coffees.inner-banner .top-banner-subtitle,
	.inner-banner .top-banner-subtitle {margin-left:8px;}
	.gear .gear-wrapper h2 {
		font-size: 30px;
	}
	.gear .gear-wrapper {
		margin-top: 50px;
	}
	.gear-wrapper .h2-desktop {display: none;}
	/*.gear-wrapper .h2-mobile {display: block;font-size: 34px;line-height: 1;color: #FF0000 !important;}
	.gear-wrapper .h2-mobile span {color: #FF0000;font-size: 14px;line-height: 18px;display: block;}*/
	.gear .gear-wrapper p,
	.geeen-coffees .gear-wrapper p {font-size: 13px;max-width: 74%;margin: 0 auto;}
	.gear .inner-banner .top-banner-subtitle {
		font-size: 18px;
	}
	.gear .top-banner .top-banner-title, .gear .top-banner .top-banner-subtitle {color: #fff;}
	.coffees .category-header {margin: 0;}
	.coffees .category-header div[align="left"] {display: none;}
	.coffees .product-items {margin-top: 30px;}
	.gear .product-items {
		margin: 50px 0;
	}
	.gear .product-items:before{
		top: 4%;
	}
	.coffees .step-main-col ul li {
		width: 33.333333%;
	}
	.coffees .step-main-col h4 {
    	font-size: 25px;
    }	
	.coffees .step-main-col {
		height: 160px;
		padding:15px;
		max-width: 100%;
	}
	.coffees .step-main-col ul {
		margin-left: 0;
		display: -ms-flexbox;
		display: flex;
		text-align: center;
		margin: 0 0 3rem;
	}
	.coffees .step-main-col span {
		font-size: 18px;
		margin-bottom: 0px;
		text-align: center;
	}
	.coffees .step-main-col ul li {
		font-size: 14px;
		line-height: 18px;		
		padding: 0 14px;
		margin-bottom: 12px;
		color: #000;
	}	
	.coffees .step-main-col ul:before {
		position: absolute;
		content: " ";
		top: -12px;
		left: 0;
		width: 100%;
		height: 100%;
		border: 2px solid #c7e6db;
		transform: rotate(-4deg);
		display: none;
	} 
	.coffees .catFilters h4 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	.gifts .product-items {
		margin: 40px 0;
	}
	.contact-us .contact-img-content {
		bottom: 40px;
	}
	.top-banner .row {display: -ms-flexbox;display: flex;align-items: center;}
	.geeen-coffees .top-banner {padding: 9px 0 8px;background-image: url(/assets/templates/CoastToCoast-core/images/green-coffee-banner-mobile.png);}
	.coffees .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/coffee-mobile.png);}
	.gifts .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/gifts-banner-mobile.png);}
	.gear .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/gear-mobile.png);padding: 9px 0 8px;}
	.aboot .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/aboot-banner-mobile.png);}
	.faq .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/faq-banner-mobile.png);}
	.wholesale .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/wholesale-banner-mobile.png);}
	.contact-us .top-banner {background-image: url(/assets/templates/CoastToCoast-core/images/contact-banner-mobile.png);}
	.contact-us .top-banner .top-banner-title,
	.inner-banner .top-banner-title,
	.inner-banner .top-banner-title {font-size: 28px;line-height: 1;}
	.contact-us .top-banner .top-banner-subtitle,
	.gear .top-banner .top-banner-subtitle,
	.inner-banner .top-banner-subtitle {font-size: 14px;}
	.coffees .category-actions {display: none;}
	.coffees .catFilters {position: relative;}
	.coffees .catFilters-img {
		width: 100%;
		margin-right: 0;
		position: absolute;
		top: 20px;
		left: 0;
	}
	.coffees .catFilters-img img {max-width: 100%;width: 100px;margin: 0;}
	.coffees .catFilters h4 {font-size: 18px;padding: 0 0 0 130px;margin-bottom: 10%;}
	.coffees .catFilters .form-group {float: none;}
	.geeen-coffees .product-items {margin: 20px 0;}
	.gifts .product-items:before,
	.gear .product-items:before,
	.geeen-coffees .product-items:before {clip-path: polygon(0% 1%, 100% 4%, 98% 96%, 2% 94%);top: 0;}
	.geeen-coffees .gear-wrapper {margin-top: 30px;}
	.aboot .aboot-content p {text-align: left;color: #000;}
	.wholesale .tc-pagebuilder .top-heading > span {font-size: 14px !important;color: #000;}
	.wholesale .tc-pagebuilder .col-main-contant  > p span {font-size: 14px !important;}
	.contact-us .contact-email h2 span {font-size: 34px !important;}
	
	.checkout-thankyou-page .header-navigation {margin-bottom:0;}
	.checkout-thankyou-page .top-banner {padding: 10px 0;}
	.checkout-thankyou-page video {box-shadow:0 12px 12px rgba(0, 0, 0, .5);}
	.checkout-thankyou-page #checkoutThankYou{padding:40px 0 0;}
	.checkout-thankyou-page #checkoutThankYou h1 {font-size:26px;}
	.checkout-thankyou-page h3.checkout4_invoicemessage {font-size:18px;margin:0 0 20px;}
	.checkout-thankyou-page .thankyou_message p {font-size:14px;padding:0 0 10px;}
	.checkout-thankyou-page .thankyou_actions {padding:10px 0 0;}
	.checkout-thankyou-page .thankyou_actions .btn {font-size:16px;height:50px;min-width:215px;margin:16px 0;}
	.checkout-thankyou-page .thankyou_actions .btn.hidden-xs {display:flex !important;}
	.checkout-thankyou-page .thankyou_actions .btn i {font-size:20px;}
	.coffee-subscriptions .top-banner {
	    padding: 8px 0;
	    height: 50px;
	}
	.coffee-subscriptions .category-products:before {	    
	    clip-path: polygon(0% 2%, 100% 7%, 98% 96%, 2% 100%);
        width: 100%;
        height: 104%;
        top: 3%;
	}
	.coffee-subscriptions .category-notes-area {
	    margin-bottom: 3rem;	 
	    width: 95%;
	}
	.green-coffee-ship-section .green-coffee-shipinfo-area p {
        margin-top: 20px;
        width: 100%;
    }
    .green-coffee-ship-section .green-coffee-shipinfo-area {
    	padding: 15px 12px;
    }
    .green-coffee-ship-section:before {
	    background-repeat: no-repeat;
	    background-size: 100% 155px;
	}
}
@media (max-width: 568px) {
	header.cm-main-header nav {padding: 0.825em 5%;}
	header.cm-main-header .cm-logo img {max-width: 45% !important;}
}
@media (max-width: 639px) {
	.gear .top-banner .top-banner-subtitle {
		font-size: 14px;/*23px*/
	}
	.gear .gear-wrapper {
		margin-top: 30px;
	}
	.gear .product-items {
		margin: 20px 0;
	}
	.coffees label.cat-filters {
		width: 33.333333%;
	}
	.coffees .step-main-col ul {
		margin-top: 0;
	}
	.contact-us .contact-img-content {
		bottom: -23px;
		background: #eb1c2d;
	}
}

@media (max-width: 479px) {
	.coffees label.cat-filters {
		width: 50%;
		flex: initial;
	}
	.coffees .step-main-col h4 {
        font-size: 20px;
    }
    .coffees .step-main-col h4 small {
	    font-size: 13px;
	}
	.coffees .step-main-col p {
	    color: #58595b;
	    line-height: 1.1;
	    font-size: 17px;
	}
	.coffees .step-main-col p small {	 
	    font-size: 10px;
	}
	.coffees .step-main-col .coffee-steps-info-area h5 {
	    font-size: 21px;
	}
	.coffees .step-main-col .coffee-steps-info-area p {
	    font-size: 15px;
	}
	.coffees .step-main-col .coffee-steps-info-area {
	    width: 100%;
	    padding: 15px 12px;
	}
	.coffees .step-main-col {
        height: 140px;
        margin-bottom: 15rem !important;
    }

}
@media (max-width:400px) {
	.geeen-coffees .gear-wrapper p {max-width: 100%;}
	.coffees .step-main-col {margin-bottom: 15rem !important;}
	.coffees .step-main-col h4 {font-size: 16px;}
	.coffees .step-main-col h4 small {font-size: 10px;}
	.coffees .step-main-col p {font-size: 14px;}
	.coffees .step-main-col p:last-child small {font-size: 10px;}
	.coffees .step-main-col:before {
	    background-image: url(/assets/templates/CoastToCoast-core/images/coffee-steps-border.png);
	    background-repeat: no-repeat;
	    background-size: 100% 75%;
	    z-index: -1;
	}
	.coffees .step-main-col .coffee-steps-info-area {
        padding: 5px 0px;
        margin: 1rem auto;
    }
	.coffees .step-main-col ul {margin: 0 0 3rem;}
	.coffees .step-main-col ul li {padding: 0 5px;}
	.coffees .catFilters h4 {
        font-size: 16px;
        padding: 0 0 0 120px;
    }
}
@media (max-width:300px) {
	.coffees .step-main-col {margin-bottom: 20rem !important;}
}