/* CSS Document */
.whatsappbutton
	{
		background: #00e676;
		display: inherit;
		border-radius: 50%;
		padding: 10px 20px;
		color: #fff;
		font-size: 30px;
	}
#cart-contents img
{
	max-width:75px;
}

.overlaybg
{
	background:rgba(234,75,0, 0.6);
	color:#fff !important;
	padding:10px;
}
.customoffcanvas
{
	background:#fff !important;
}
.customoffcanvas .uk-card
{
	display:none;
}
.customoffcanvas #categroymodule li
{
 width:100% !important;
}
.customoffcanvas #categroymodule li .uk-button
{
width:100% !important;
}
.singlecart
{
	max-width:75px !important;
}


.uk-input, #phone_1_field
{
	border: 1px solid gray;
box-shadow: 1px 2px gray; 
}
.uk-navbar-container
{
}
.tm-cookie-banner
{
	z-index:500000 !important;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.specialli
{
background: #fa8304;
color: #fff !important;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
padding: 5px;
}

.uk-nav-default
{
	font-size:22px !important;
	color:rgba(255,255,255,.8) !important;
}
.browseProductImage
{
	margin-right:10px;
}
.uk-navbar-toggle svg
{
	color:#fff !important;
	width:30px !important;
}
@media all and (min-width:0px) and (max-width: 620px) {
	.browseProductImage
	{
		margin-right:0px !important;
	}

	#cartdatas
{
	max-height:unset !important;
	overflow:hidden !important;
}

	.btn-small, .uk-button-small
	{
		padding:0 5px !important;
	}
	 .uk-h2, h2
	 {
		 font-size:22px !important;
	 }
	.pricelist, .specialli
{
	font-size:14px !important;
	font-weight:bolder;
}
.uk-list-striped > *
{
	padding:5px 0 !important;

}

	.browseProductImage
{
	max-width:100% !important;
}

.imagdiv img
{
	max-width:70px !important;
}

.uk-text-large
{
	font-size:14px !important;
}
}
.cartmobile a:hover
{
	color:#fff !important;
	height:70px;
	width:70px;
}
.cartmobile a
{
	 -webkit-transition: 0.4s;
	 -moz-transition: 0.4s;
	 transition: 0.4s;

	 height: 60px;
	 width:60px;
	 text-align: center;
	 line-height: 60px;
	 border-radius: 50%;
	 background: #42c65c  !important;
	 color: #fff;

	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	 cursor: pointer;
}
#offcanvas-flip .uk-offcanvas-bar
{
	width:350px !important;
}
.footerdiv, .footerdiv a, .footerdiv a:hover
{
	color:#fff !important;
	font-weight:bold !important;
}



 body {
	 background: #a7ffeb;
}
 h1 {

	 font-weight: 500;
	 font-size: 32px;
	 color: #212121;
	 padding: 100px 50px 50px 50px;
	 text-align: center;
	 line-height: 135%;
}
 .menu-button {
	 -webkit-transition: 0.4s;
	 -moz-transition: 0.4s;
	 transition: 0.4s;
	 position: fixed;
	 right: 24px;
	 bottom: 24px;
	 width: 60px;
	 height: 60px;
	 text-align: center;
	 line-height: 60px;
	 border-radius: 50%;
	 background-color: #e91e63;
	 color: #fff;
	 font-size: 24px;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	 cursor: pointer;
}
 .menu-button:hover {
	 background: #d81558;
	 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
 .menu-button a {
	 -webkit-transition: 0.4s;
	 -moz-transition: 0.4s;
	 transition: 0.4s;
	 opacity: 0;
	 width: 0px;
	 height: 0px;
	 text-align: center;
	 line-height: 50px;
	 border-radius: 50%;
	 color: #fff;
	 font-size: 24px;
	 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.22);
	 cursor: pointer;
}
 .menu-button a:hover {
	 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.28), 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}
 .menu-button a:nth-child(2) {
	 -webkit-transition-delay: 0.3s;
	 -moz-transition-delay: 0.3s;
	 transition-delay: 0.3s;
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	 background: #4267B2;
}
 .menu-button a:nth-child(3) {
	 -webkit-transition-delay: 0.4s;
	 -moz-transition-delay: 0.4s;
	 transition-delay: 0.4s;
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	 background: #00e676;
}
 .menu-button a:nth-child(4) {
	 -webkit-transition-delay: 0.5s;
	 -moz-transition-delay: 0.5s;
	 transition-delay: 0.5s;
	 position: absolute;
	 right: 30px;
	 bottom: 30px;
	 background: #8a3ab9;
}
 .menu-button:hover a {
	 opacity: 1;
	 width: 50px;
	 height: 50px;
}
 .menu-button:hover a:nth-child(2) {
	 right: 80px;
	 bottom: 0px;
}
 .menu-button:hover a:nth-child(2):hover {
	 -webkit-transition-delay: 0s;
	 -moz-transition-delay: 0s;
	 transition-delay: 0s;
	 background: #3ea1ec;
}
 .menu-button:hover a:nth-child(3) {
	 right: 65px;
	 bottom: 65px;
}
 .menu-button:hover a:nth-child(3):hover {
	 -webkit-transition-delay: 0s;
	 -moz-transition-delay: 0s;
	 transition-delay: 0s;
	 background: #00e676;
}
 .menu-button:hover a:nth-child(4) {
	 right: 0px;
	 bottom: 80px;
}
 .menu-button:hover a:nth-child(4):hover {
	 -webkit-transition-delay: 0s;
	 -moz-transition-delay: 0s;
	 transition-delay: 0s;
	 background: #8a3ab9;
}
/*---FOR MOBILE VIEW---*/
 @media screen and (max-width: 400px) {
	 h1 {
		 padding: 15px;
		 font-size: 25px;
	}
}