.cc-options-data { width: 73%; }
body { overflow: hidden !important; }
.cc-sidebar.on { bottom: 125px; }
.cc-section { padding: 20px 0; }
.cc-section h3.cc-section-title { text-align: center; text-transform: uppercase; margin: 20px 0 0; }
.cc-section p.cc-section-desc { text-align: center; color: #bebebe; }

.cc-options { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.cc-options .cc-option { padding: 0 5px; width: 33.33%; box-sizing: border-box; margin: 0 0 10px; }
.cc-options .cc-option.active { background: #fff; }
.cc-option .cc-option-wrapper { position: relative; cursor: pointer; box-sizing: border-box; border: 1px solid #e8e8e8; border-bottom: 2px solid #bebebe; }
.cc-option .cc-option-wrapper .cc-pack-title { cursor: pointer; margin: 0; font-weight: 600; text-transform: uppercase; }
.cc-option .cc-option-wrapper img { display: block; }
.cc-option .cc-option-wrapper .cc-option-details { opacity: 0; box-sizing: border-box; background: #000; position: absolute; display: flex; flex-direction: column; justify-content: center; left: 0; top: 0; width: 100%; height: 100%; transition: cubic-bezier(0, 0, 0.2, 1) .3s; }
.cc-option .cc-option-wrapper .cc-option-details .cc-pack-title { color: #fff; cursor: pointer; }
.cc-option .cc-option-wrapper .cc-pack-desc { margin: 0; padding: 0; color: #fff; line-height: 1.2; text-transform: uppercase; }
.cc-option.active .cc-option-wrapper { border-color: #333; }
.cc-option.active .cc-option-details { border: 5px solid #fff; }
.cc-option:hover .cc-option-details { opacity: 1; }

#cc-deliveries { display: none; }
.cc-deliveries { overflow: hidden; margin: 10px 0 !important; display: flex; flex-wrap: wrap; justify-content: center; }
.cc-delivery { width: 40%; text-align: center; font-size: 15px; cursor: pointer; display: none; padding: 0 5px; box-sizing: border-box; margin: 0 0 10px !important; }
.cc-delivery.show { display: flex; }
.cc-delivery.active {  color: #333; }
.cc-delivery .cc-delivery-title { cursor: pointer; font-weight: bold; padding: 10px 20px; border: 1px solid #e8e8e8; display: inline-block; border-bottom: 2px solid #bebebe; text-transform: uppercase; width: 100%; box-sizing: border-box; }
.cc-delivery .cc-delivery-title:hover, .cc-delivery.active .cc-delivery-title { border-color: #000; }
.cc-delivery.active .cc-delivery-title { border-color: #333; background: #fff; }

.cc-container { position: relative; }
.cc-sidebar { position: fixed; bottom: 60px; right: 0; transition: ease-in-out .3s; width: 25%; display: none; }
.cc-sidebar.fixed { top: auto; }
.cc-sidebar-wrapper { background: transparent; padding: 10px; box-sizing: border-box; text-align: center; }
.cc-sidebar .cc-sidebar-wrapper p { margin: 0; line-height: 1; font-size: 16px }
.cc-sidebar .cc-sidebar-wrapper .cc-data { font-weight: 600; }
.cc-sidebar .cc-sidebar-wrapper .cc-data-result .cc-data  { text-transform: uppercase; margin: .5em 0; }
a.cc-buy-now, a.cc-switch-now { width: 300px; display: block; background: #333; color: #fff !important; text-align: center; padding: 15px 30px; font-size: 18px; font-weight: bold; margin: 0 auto; }
.cc-sidebar-panel-head { background: #000; padding: 10px; box-sizing: border-box; justify-content: space-between; }
.cc-sidebar-panel-head span, .cc-sidebar-panel-head a, .cc-sidebar-panel-head a:hover { line-height: 1; color: #fff; font-size: 1em; }
.cc-sidebar-panel-body { padding: 10px 15px; box-sizing: border-box; border: 1px solid #ddd; background-color: #fff;}

.cc-counter-wrapper { overflow: hidden; }
.cc-counter-desc { float: left; }
.cc-counter-counter { float: right; display: flex; }
.cc-counter-wrapper input.custom-mix-counter { border: 4px solid #000000 !important; text-align: center; background: #fff; padding: 10px 0 !important; line-height: 1 !important; max-width: 40px; box-sizing: border-box; margin: 0; }
.cc-counter-wrapper button { border: 0; text-align: center; background: #000000; color: #ffffff !important; display: inline-block; line-height: 1; margin: 0; padding: 15px; box-sizing: border-box; opacity: .5; }
.cc-counter-wrapper button.enabled { opacity: 1.0; cursor: pointer; }
.cc-counter-wrapper button.cc-clear { margin-right: 5px; opacity: 1; }
.cc-counter-wrapper button:hover { background: #000000 !important; }

.custom-mix-wrapper { clear: both; margin: auto; height: auto; overflow: hidden; display: flex; flex-wrap: wrap; }
.custom-mix-wrapper .cc-wine-wrapper { width: 32%; position: relative; margin: 5px 1%; border: 2px solid #000000; background: #ffffff; box-sizing: border-box; }
.custom-mix-wrapper .cc-wine-wrapper:nth-child(+3n) { margin-right: 0; }
.custom-mix-wrapper .cc-wine-wrapper:nth-child(3n+1) { clear: left; margin-left: 0; }
.custom-mix-wrapper .cc-wine-wrapper .image { height: 271px; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; margin-bottom: 20px; }
.custom-mix-wrapper .cc-wine-wrapper .cc-product-title { text-align: center; font-weight: bold; height: auto; line-height: 1; padding: 0 10px; box-sizing: border-box; }
.custom-mix-wrapper .cc-wine-wrapper .qty { position: absolute; top: 20px; left: 20px; width: 30px; height: 30px; text-align: center; background: #000000; border-radius: 100%; color: #ffffff; padding-top: 4px; }
.custom-mix-wrapper .cc-wine-wrapper .price { text-align: center; }
.price .strikethrough { text-decoration: line-through; }
.custom-mix-wrapper .cc-wine-wrapper .controls { display: none; position: absolute; top: 40%; left: 50%; text-align: center; transform: translateX(-50%); }
.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove,
.custom-mix-wrapper .cc-wine-wrapper .controls .quick-view-btn { cursor: pointer; width: 40px; height: 40px; background: rgba(0,0,0,.5); color: #ffffff; float: left; margin: 0 1px; border: none; }
.custom-mix-wrapper .cc-wine-wrapper .controls .quick-view-btn:hover,
.custom-mix-wrapper .cc-wine-wrapper .controls .cc-addremove:hover { -webkit-transition: all 1s; transition: all 1s; background: #000; }
.custom-mix-wrapper .cc-wine-wrapper:hover > .controls,
.custom-mix-wrapper .cc-wine-wrapper:focus > .controls { display: block; }

.cc-products-selected { display: none; }
.cc-products-selected.active { display: block; margin: 30px 0 }
.cc-products-selected h4 { font-size: 14px; font-weight: normal; color: #999; margin: 0; text-align: center; }
.cc-data-totals { margin: 0 0 20px; font-weight: bold; text-align: center; }

.cc-products-selected ul { padding: 0; overflow: hidden; list-style: none; margin: 0.5em 0; }
.cc-products-selected ul li { display: block; }
.cc-product-image { background-position: center center !important; background-repeat: no-repeat !important; background-size: contain !important; border: 1px solid #ddd; display: block; height: 100px; margin: 0 auto; width: 100px; }
.cc-products-btn > a { background: #333 none repeat scroll 0 0; color: #fff !important; display: block; font-size: 16px; font-weight: bold; padding: 10px; text-align: center; text-transform: uppercase; }
.cc-loader { font-size: 50px; text-align: center; }

.cru-custom-mix { margin-bottom: 20px; }
.cru-custom-mix table.shop_table tr.cart_item:last-child { border: 1px solid #e5e5e5; }

.fancy-product { overflow: hidden; max-width: 960px; }
.fancy-product-image { float: left; width: 30%; }
.fancy-product-details { width: 70%; float: left; }
span.fancy-controls { display: block; margin: 15px 0px; }
.fancy-ctrl-btn, .fancy-qty { width: 28px; height: 28px; display: inline-block; text-align: center; color: #fff; background: #000; line-height: 28px; font-size: 14px; cursor: pointer; box-sizing: border-box; vertical-align: middle; }
span.fancy-qty { background: #fff; color: #000; border: 2px solid; font-size: 18px; }
.fancy-product .price { font-size: 18px; }
.fancybox-close-small:after, .fancybox-close-small:hover:after { color: #fff; background: #000; }

.cc-selects { text-align: center; display: flex; flex-wrap: wrap; justify-content: center; }
.cc-selects .cc-wc-btn { padding: 0 5px; width: 33.33%; box-sizing: border-box; margin: 0 0 10px; }
.cc-selects .cc-wc-btn.active { background: #fff; }
.cc-wc-btn .cc-select-wrapper { position: relative; cursor: pointer; box-sizing: border-box; border: 1px solid #e8e8e8; border-bottom: 2px solid #bebebe; display: flex; align-items: center; justify-content: center; min-height: 70px;}
.cc-wc-btn .cc-select-wrapper .cc-pack-title { cursor: pointer; margin: 0; font-weight: 600; text-transform: uppercase; }
.cc-wc-btn.active .cc-select-wrapper { border-color: #333; }

.cc-join-now-btn {
	background: transparent; border: 3px solid #343a3f; color: #343a3f; text-transform: uppercase; padding: 20px 40px; font-size: 20px; font-weight: 700; letter-spacing: 3px; margin: 10px auto; display: block; clear: both; width: 300px; text-align: center;
}
.cc-join-now-btn:hover , .cc-join-now-btn:active , .cc-join-now-btn:focus , .cc-join-now-btn.active{
	background-color: #343a3f; color: #fff;
}
#cc-buy-now {
	text-align: center;
}
.cc-section h3 { font-size: 23px; }


@media only screen and (max-width: 960px) {
	.cc-sidebar { display: none; }
	.cc-options-data { width: 100%; }
	.custom-mix-wrapper .cc-wine-wrapper .controls { display: block; }
	.cc-sidebar { right: 0; left: 0; width: 100%; }
	.custom-mix-wrapper .cc-wine-wrapper { width: 48%; margin: 10px 1%; }
	.custom-mix-wrapper .cc-wine-wrapper:nth-child(+3n) { margin-right: 1%; }
	.custom-mix-wrapper .cc-wine-wrapper:nth-child(3n+1) { margin-left: 1%; clear: none; }
	#back_to_top { display: none; }
	.cc-sidebar { bottom: 0; }
}

@media only screen and (max-width: 767px) {
	.custom-mix-wrapper .cc-wine-wrapper, .custom-mix-wrapper .cc-wine-wrapper:nth-child(+3n),  .custom-mix-wrapper .cc-wine-wrapper:nth-child(3n+1) { width: 100%; max-width: 320px; margin: 10px auto; float: none; }
	.cc-options, .cc-delivery.show { display: block; }
	.cc-options .cc-option, .cc-delivery { width: 100%; }
	.wines-selected { width: 100%; float: none; } 
	.cc-counter-counter { float: none; justify-content: center; }
	.cc-counter-desc { float: none; text-align: center; }
	.fancy-product-image, .fancy-product-details { float: none; width: auto; }

}