html, body{
		margin: 0;
	  	overscroll-behavior: none;
	  	/*overflow: hidden;*/
	  	/*overflow-x: hidden;*/
	  	background: #fbfbfb;
	}

/*	body.refreshing #inbox {
	    filter: blur(1px);
	} 
	
	body.refreshing .refresher {
		transform: translate3d(0,150%,0) scale(1);
		z-index: 1;
	} 
*/
	.refresher {
	    --refresh-width: 55px;
	    pointer-events: none;
	    width: var(--refresh-width);
	    height: var(--refresh-width);
	    border-radius: 50%; 
	    position: absolute;
	    transition: all 300ms cubic-bezier(0,0,0.2,1);
	    will-change: transform, opacity;
	}

	.head {
		position: fixed;
		top: 0;
    	width: 100%;
    	height: 110px;
    	background: #57a200;
		z-index: 1011;
	}

	.uk-padding-large {
		height: 100vh;
	}

	.body-content {
		padding-top: 110px;
	}

	.logo {
    	width: 100%;
    	height: 50px;
	}

	.div-busca {
		position: relative;
	    text-align: center;
	    height: 50px;
	}

	.div-busca form {
		width: 80% !important;
	}

	.div-busca > div > form > input {
	    background: white !important;
	    height: 50px !important;
	    border-radius: 50px;
	    text-align: left;
	    border: 0;
    	padding-left: 20px !important;
	}

	.rodape {
	    border-top: 1px solid #eae8e8;
	    width: 100%;
	    height: 45px;
	    position: fixed;
	    bottom: 0;
	    left: 0;
	    text-align: center;
	    padding-top: 5px;
	    background: white;
		z-index: 1011;
	}

	.footer {
	    width: 100%;
	    height: 400px;
	    background: #4a4a4a;
	}

	.bt-rodape {
	    height: 40px;
	    width: 40px;
	    display: inline-block;
	    margin-left: 4%;
	    margin-right: 4%;
	    vertical-align: middle;
	    line-height: 40px;
	    text-align: center;
	}

	.produto-vitrine > div > img {
		height: 275px;
    	padding: 5px;
	}

	.cat-principais {
	    position: relative;
	    width: 100%;
	    background: #fbfbfb;
	    border-top: 1px solid #e8e8e8;
	    line-height: 68px;
	}

	.visto-sugestoes > .carrosseis-home {
		display: inline-block;
		width: 49%;
	}

	.cat-principais div > ul > li {
	    width: 80px;
	    margin-left: 15px;
	    margin-right: 15px;
	    border: 1px solid #ccc;
	    height: 75px;
	    text-align: center;
	    line-height: 106px;
	}

	.label-cat {
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 14px;
	    height: 10px;
	}

	.uk-child-width-1-2>* {
	    width: 25%;
	    padding: 10px;
	}

	.content-load {
	    text-align: center;
	    padding-top: 250px;
	    font-size: 12px;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    width: 100%;
	}

	.carrosseis-home > h1 {
	    color: #4a4a4a;
	    text-transform: uppercase;
	    font-size: 34px;
	    width: 100%;
	    text-align: left;
	    padding-left: 28px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	}

	.carrosseis-home > h1::before {
		border-left-color: red !important;
	}

	@media screen and (max-width: 535px) {

		body.refreshing #inbox {
		    filter: blur(1px);
		    touch-action: none; /* prevent scrolling */
		}
		
		body.refreshing .refresher {
			transform: translate3d(0,150%,0) scale(1);
			z-index: 1;
		}
		
		.refresher {
		    --refresh-width: 55px;
		    pointer-events: none;
		    width: var(--refresh-width);
		    height: var(--refresh-width);
		    border-radius: 50%; 
		    position: absolute;
		    transition: all 300ms cubic-bezier(0,0,0.2,1);
		    will-change: transform, opacity;
		}

		.head {
			position: fixed;
			top: 0;
	    	width: 100%;
	    	height: 200px;
	    	background: #57a200;
			z-index: 1011;
		}

		.uk-padding-large {
			height: 100vh;
		}

		.body-content {
			padding-top: 201px;
		}

		.logo {
	    	width: 100%;
	    	height: 100px;
		}

		.div-busca {
			position: relative;
		    text-align: center;
		    height: 50px;
		}

		.div-busca form {
			width: 80% !important;
		}

		.div-busca > div > form > input {
		    background: white !important;
		    height: 50px !important;
		    border-radius: 50px;
		    text-align: left;
		    border: 0;
	    	padding-left: 20px !important;
		}

		.rodape {
		    border-top: 1px solid #eae8e8;
		    width: 100%;
		    height: 45px;
		    position: fixed;
		    bottom: 0;
		    left: 0;
		    text-align: center;
		    padding-top: 5px;
		    background: white;
			z-index: 1011;
		}

		.bt-rodape {
		    height: 40px;
		    width: 40px;
		    display: inline-block;
		    margin-left: 4%;
		    margin-right: 4%;
		    vertical-align: middle;
		    line-height: 40px;
		    text-align: center;
		}

		.cat-principais {
		    position: fixed;
		    width: 100%;
		    height: 90px;
		    background: #fbfbfb;
		    bottom: 50px;
	    	border-top: 1px solid #e8e8e8;
	    	line-height: 68px;
		}

		.uk-child-width-1-2>* {
		    width: 20%;
		    padding: 10px;
		}

		.content-load {
		    text-align: center;
		    padding-top: 250px;
		    font-size: 12px;
		    letter-spacing: 1px;
		    text-transform: uppercase;
		}

	}
	
	@media screen and (min-width: 536px) and (max-width: 1024px) {

	}