.mm-slideout { z-index:auto;}

.mm-opened .ubea-nav-toggle {
	display:none;
}

.modal {
    z-index: 2050;
}

.frontBanner {
	padding-top:130px;
}

@media screen and (max-width: 768px) {
	.frontBanner {
		padding-top:90px;
	}
}

@media screen and (max-width: 585px) {
	.frontBanner {
		padding-top:70px;
	}
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {  

   opacity: 1;

}

#cartItemCounter {
	border-radius:50%;
	background-color:#F00;
	color:#FFF;
	padding:2px 4px;
	font-size:12px;
}

.top-cart-info {
	line-height:40px;
	margin-top:-10px;
	margin-left:-10px;
}

.form-group {
    background: transparent;
}

#custom-search-input .form-control {
    border: 2px solid #da251c;
}

.btn-danger {
    background: #da251c;
    color: #fff;
    border: 2px solid #da251c;
}

input.form-control,
select.form-control,
textarea.form-control {
    background: #fff;
}

@media screen and (max-width: 768px) {
	.ubea-nav-toggle {
		top: 15px;
	}
}

@media screen and (max-width: 585px) {
	.ubea-nav-toggle {
		top: 5px;
	}
}




.ubea-nav ul li a {
    padding: 15px 15px;
}





#custom-search-input {
	margin:0;
	margin-top: 0px;
	padding: 0;
	margin-left:28px;
}

#custom-search-input .search-query {
	padding-right: 3px;
	padding-right: 4px \9;
	padding-left: 3px;
	padding-left: 4px \9;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */

	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#custom-search-input button {
	border: 0;
	background: none;
	/** belows styles are working good */
	padding: 2px 5px;
	margin-top: 2px;
	position: relative;
	left: -28px;
	/* IE7-8 doesn't have border-radius, so don't indent the padding */
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#D9230F;
}

.search-query:focus + button {
	z-index: 3;   
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #000;
    text-decoration: none;
    outline: 0;
    background-color: #facf0e;
}




.gototop {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}




.gototop a {
    width: 50px;
    height: 50px;
    display: table;
    background: rgba(218, 37, 28, 0.5);
    color: #fff;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}