* {
	font-family: "Roboto", sans-serif;
}
.remove_one {
	cursor: pointer;
	padding-left: 5px;
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative;
}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 150px;
	width: 150px;
	margin-top: -75px;
	margin-left: -75px;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
}
.object {
	width: 20px;
	height: 20px;
	background-color: rgba(255, 255, 255, 1);
	position: absolute;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	-webkit-animation: animate 0.8s infinite;
	animation: animate 0.8s infinite;
}

#object_one {
	top: 19px;
	left: 19px;
}
#object_two {
	top: 0px;
	left: 65px;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#object_three {
	top: 19px;
	left: 111px;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
#object_four {
	top: 65px;
	left: 130px;
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
#object_five {
	top: 111px;
	left: 111px;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
#object_six {
	top: 130px;
	left: 65px;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
#object_seven {
	top: 111px;
	left: 19px;
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
#object_eight {
	top: 65px;
	left: 0px;
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

@-webkit-keyframes animate {
	25% {
		-ms-transform: scale(1.5);
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}

	75% {
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes animate {
	50% {
		-ms-transform: scale(1.5, 1.5);
		-webkit-transform: scale(1.5, 1.5);
		transform: scale(1.5, 1.5);
	}

	100% {
		-ms-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

#loading {
	background-color: rgb(74 0 94 / 55%);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1050;
	margin-top: 0px;
	top: 0px;
}

.dropdown-menu .active a {
	*color: #fff !important;
}
.dropdown-menu li a {
	cursor: pointer;
}
.header-search select {
	display: none !important;
}
.cat_select button {
	right: 50px !important;
}
@media (max-width: 768px) {
	.cat_select button {
		right: 80px !important;
	}
}

@media (max-width: 768px) {
	.nav-tabs > li {
		float: none;
		text-align: center;
	}
}

.link:hover {
	text-decoration: underline;
}
.model-2 a {
	margin: 0px 1px;
	height: 32px;
	width: 32px;
	line-height: 32px;
}

.sub_cat{
	padding-left:30px !important;
}

.widget.shop-categories ul ul.children label {
	margin-right: 0;
}
.widget.shop-categories ul label {
	display: block;
	margin-right: 20px;
	color: #232323;
	cursor: pointer;
}
.pagination-wrapper.bottom{
	text-align-last:center;
}
.sort-item{
	display:table;
}
.sort-item .form-inline{
	display:table-row;
}
.sort-item .form-group{
	display:table-cell;
}
.sort-item .widget-search .form-control{
	height:35px;
	line-height: 35px;
}
.sort-item .widget-search button{
	line-height: 26px;
}
.sort-item .widget-search button:before{
	height:30px;
}
.shop-sorting .btn-theme-sm {
	padding: 5px 7px;
}
.sidebar.close_now{
	position: relative;
	left:0px;
	opacity:1;
}
@media(max-width: 991px) {
	.sidebar.open{
		opacity:1;
		position: fixed;
		z-index: 9999;
		top: -30px;
		background: #f5f5f5;
		height: 100vh;
		overflow-y: auto;
		padding-top: 50px;
		left:0px;
	}
	.sidebar.close_now{
		position: fixed;
		left:-500px;
		opacity:0;
	}
	.view_select_btn{
		margin-top: 10px !important;
	}
}

.thumbnail.box-style-1 .vendor {
    height: 45px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_title{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.star_item{
	color: #a9a9a9;
	cursor: pointer;
	margin:0 2px;
}

.star_item:hover{
	color: #ff7c0c;
}

.star_item_active{
	color: #ff7c0c;
}

.youtube_video_thumbnail_img_div{
	width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	color: red;
	text-align: center;
	font-size: 46px;
}

.cart-items .item-title {
	overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 17px;
}

.question_ans_div{
	width: 100%;
    border-bottom: 1px solid #e3f5d3;
    padding: 14px 7px;
}

.question_div{
	font-weight: 600;
    font-size: 15px;
}

.product_cart_details_div{
	padding: 5px; 
	line-height: 12px;
}

.drinkcard-cc{
    width: 100%;
	height: 95px;
	cursor:pointer;
}

.drinkcard-cc:hover {
	box-shadow: 1px 2px 12px 3px grey;	
}

.payment_option_header{
	font-weight: bolder;
    width: 100%;
    text-align: center;
    color: #eeff64;
}

.payment_option_body{
	padding: 0 5px;
	color: #FFF;
}

.active_payment{
	border: 2px solid #FFF;
	box-shadow: 1px 2px 12px 3px grey;
}

.payment_icon{
	float: right; 
	padding-right: 6px;
}





.date {
    font-size: 11px
}

.divider {
    height: 0px !important;
    background-color: blue
}

.track-line {
    height: 2px !important;
    background-color: green
}

.dot {
    height: 10px;
    width: 10px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    background-color: green;
    border-radius: 50%;
    display: inline-block
}

.big-dot {
    height: 25px;
    width: 25px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    background-color: green;
    border-radius: 50%;
    display: inline-block
}

.big-dot i {
    font-size: 12px
}