@font-face {



    font-family: dteregular;



    src: url(fonts/SourceSansPro-Light.otf);



	font-weight: normal;



    font-style: normal;



}



@font-face {



    font-family: dtebold;



    src: url(fonts/SourceSansPro-Semibold.otf);



}



@font-face {



    font-family: dtebolditalic;



    src: url(fonts/SourceSansPro-SemiboldIt.otf);



}



@font-face {



    font-family: dteitalic;



    src: url(fonts/SourceSansPro-LightIt.otf);



}



@font-face {



    font-family: dtecondensada;



    src: url(fonts/FiraSansCondensed-Regular.otf);



}







body {



	height: 100%;



	font-size: 1em;



	font-family: dteregular;



	color: #333;



}

#systemfeedback{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	padding: 30px;

	overflow: hidden;

	background-color: #0070c9;

	color: #FFF;

	z-index: 110000;

	text-align: center;

	font-size: 20px;

}






.bold{



	font-family: dtebold;



}



.bolditalic{



	font-family: dtebolditalic;



}



.italic{



	font-family: dteitalic;



}



#backgroundImage{



	position: fixed;



	left: 0;



	top: 0;



	right: 0;bottom: 0;



	z-index: -1;



}



#screenBlock{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;



	overflow: hidden;



	background-color: #000;



	z-index: 1110000;



	opacity: 0.8;



	display: none;



}



#resolucaoImpropria{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;



	overflow: hidden;



	background-color: #000;



	z-index: 1110000;



	display: none;



}



.resolucaoImpropria{



	align-self: center;



	overflow: hidden;



	width: 200px;



	color: #FFF;



	text-align: center;



}



#loading{



	width: 10vw;



	height: 10vw;



	position: fixed;



	left: 50%;



	top: 50%;



	margin-left: -6vw;



	margin-top: -6vw;



	background-image: url(../images/layout/loading.png);



	background-size: 8vw;



	background-position: center;



	background-repeat: no-repeat;



	padding: 1vw;



	z-index: 99999999999;



	display: none;



}



#loading img{



	width: 100%;



	height: 100%;



}



a.popup:link, a.popup:visited{



	color: #057F00;



	font-family: dtebold;



	padding-left: 20px;



	background-image: url(../images/layout/videolink.png);



	background-repeat: no-repeat;



	height: 20px;



	overflow: hidden;



}



a.popup:hover{



	color: #FF0004;



	background-position: left bottom;



}







/* HEADER */



header{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	height: 140px;



	background-color: #323232;



	z-index:1000;



}



#mainHeader{



	width: 1200px;



	height: 100px;



	margin: 0 auto;



	display: flex;



	flex-flow: row nowrap;



	justify-content: space-between;



}



#mainSubHeader{



	width: 200px;



	display: flex;



	flex-flow: row nowrap;



	justify-content: space-between;



}



#logoBlk{



	margin-top: 2px;



	width: 177px;



	height: 100px;



	background-image: url('../images/layout/logo.svg');



	background-repeat: no-repeat;



	background-size: contain;



	background-position:center;



	overflow:hidden;



}



#searchBlk{



	width: 300px;



	height: 40px;



	overflow: hidden;



	margin-top: 30px;



}



#searchBlk input[type="text"]{



	width: 100%;



	height: 40px;



	border: 1px solid #333;



	border-radius: 10px;



	padding: 10px 10px 10px 40px;



	background-image: url(../images/layout/busca.png);



	background-position: 5px;



	background-repeat: no-repeat;



	background-size: 30px;



}



#searchBlk input[type="submit"]{



	width: 40px;



	height: 40px;



	border-top: 1px solid #333;



	border-bottom: 1px solid #333;



	border-right: 1px solid #333;



	border-top-right-radius: 10px;



	border-bottom-right-radius: 10px;



	color: #FFF;



	background-color: #333;



}



#searchBlk input[type="submit"]:hover{



	background-color: #39B54A;



}



#mainMenuContainer{



	top: 100px;



	width: 100%;



	height: 40px;



	border-top: 1px solid #FF0004;



	background-color: #000;



}



.menuDropContainer{



	height: 40px;



	color: #FFF;



	margin-top: 11px;



	cursor: pointer;



	overflow: hidden;



}



#produtosMenu{



	position: absolute;



	background-color: #FFF;



	flex-flow: column nowrap;



	justify-content: flex-start;



}



#produtosMenu a:link, #produtosMenu a:visited{



	color: #333;



	padding: 10px;



	border-bottom: 1px solid #CCC;



}



#produtosMenu a:hover{



	color: #FF0004;



}



.dropBlockContainer{



	display: none;



}



.homeMenu{



	width: 20px;



	height: 20px;



	background-image: url("../images/layout/home.svg");



	background-size: cover;



	margin: 10px 10px;



}



.homeMenu:hover{



	background-image: url("../images/layout/homehover.svg");



}



#footerMenu{



	margin: 0 auto;



	width: 1200px;



	height: 40px;



	overflow: hidden;



	display: flex;



	flex-flow: row nowrap;



	justify-content: space-between;



}



#contaBlk{



	width: 50px;



	height: 50px;



	margin-top: 25px;



	background-image: url("../images/layout/usermenu.svg");



	background-position: left top;



	background-repeat: no-repeat;



	background-size: 50px 50px;



	padding: 12px 0 0 45px;



	font-family: dtebold;



}



#carrinhoBlk{



	width: 30px;



	height: 30px;



	margin-top: 35px;



	background-image: url(../images/layout/carrinho.svg);



	background-position: left top;



	background-repeat: no-repeat;



	background-size: 30px 30px;



	padding: 12px 0 0 18px;



	color: #333;



	font-size: 14px;



}



#whatsBlk{



	width: 30px;



	height: 30px;



	margin-top: 35px;



	background-image: url(../images/layout/newwhats.svg);



	background-position: left top;



	background-repeat: no-repeat;



	background-size: 30px 30px;



}



#contaBlk:hover, #carrinhoBlk:hover, #whatsBlk:hover{



	background-position: left bottom;



}



#mobileMenu{



	width: 20px;



	height: 20px;



	margin-top: 40px;



	background-image: url(../images/layout/mobilemenu.svg);



	background-size:cover;



	display: none;



}



.backBlock{



	width: 100%;



	overflow: hidden;



	background-color: #E2E2E2;



}



#languageMenu{



	width: 60px;



	height: 40px;



	margin-top: 30px;



	padding-top: 40px;



	overflow: hidden;



	background-image: url("../images/layout/language.png");



	cursor: pointer;



}



.languageEspanhol{



	background-position: 0 -40px;



}



.languageMenu{



	width: 60px;



	height: 40px;



	overflow: hidden;



	background-image: url("../images/layout/language.png");



	cursor: pointer;



}



.portugues{



	background-position: top;



}



.espanhol{



	background-position: bottom;



}







/* NAV */



nav {



  width: 100%;



	background-color: #000;



  height: 40px;



	border-top: 1px solid #FF0004;



}







.mainMenuLine{



  width: 1px;



	background-color: #777;



	height: 20px;



	margin-top: 10px;



}







nav ul {



	padding: 0;



	margin: 0 auto;



	width: 1200px;



	list-style: none;



	position: relative;



	display: flex;



	flex-flow: row nowrap;



	justify-content: space-between;



}



	



nav ul li {



	display:inline-block;



  text-align: center;



}







.mainMenuItem{



  flex-grow: 1;



}







nav a {



	display:block;



	color:#FFF;



	line-height: 40px;



	text-decoration:none;



}







nav a:hover { 



	color: #42a1ec; 



}







/* Hide Dropdowns by Default */



nav ul ul {



	display: none;



	position: absolute; 



	top: 40px; /* the height of the main nav */



  background-color: #FFF;



  width: 200px;



}



	



/* Display Dropdowns on Hover */



nav ul li:hover > ul {



	display:inherit;



}



	



/* Fisrt Tier Dropdown */



nav ul ul li {



	float:none;



	display:list-item;



	position: relative;



  text-align: left;



  border-bottom: 1px solid #CCC;



}







nav ul ul li a{



  color: #333;



  padding: 0 10px;



}



.mainMenuDrop{



	background-image: url("../images/layout/mainmenudrop.svg");



	background-size: 21px 16px;



	background-position: right 12px;



	background-repeat: no-repeat;



}



.mainMenuDrop:hover{



	color: #42a1ec;



	background-image: url("../images/layout/mainmenudown.svg");



}







/* FOOTER */



footer{



	border-top: 1px solid #FF0004;



	width: 100%;



	overflow: hidden;



	background-color: #323232;



	color: #FFF;



}



#breadcrumbs{



	width: 100%;



	text-align: center;



	padding: 20px 0;



	font-size: 25px;



}



#socialBox{



	width: 100%;



	display: flex;



	flex-flow: row;



	justify-content: center;



}



.socialClick{



	width: 50px;



	height: 50px;



	margin: 0 10px;



	background-image: url(../images/layout/social.png);



}



.socialInstagram{



	background-position: -50px 0px;



}



.socialYoutube{



	background-position: -100px 0px;



}



.socialSkype{



	background-position: -150px 0px;



}



.socialGoogle{



	background-position: -200px 0px;



}



.footerTitle{



	width: 100%;



	text-align: center;



	padding: 30px 0 20px 0;



	font-size: 20px;



	font-family: dtebold;



}



.footerText{



	width: 100%;



	text-align: center;



	padding-bottom: 30px;



}











/* MOBILE MENU */



#newmobileMenuContainer{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	min-width: 150px;



	bottom: 0;



	z-index: 99999999999;



	background-image: url("../images/layout/newmobilebg.png");



	display: none;



}



#newMobileMenuBlk{



	position: fixed;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;



	background-color: #FFF;



	overflow-y: auto;



	padding-top: 65px;



}



#newMobileMenuClose{



	position: fixed;



	width: 20px;



	height: 20px;



	top: 23px;



	left: 15px;



	background-image:url("../images/layout/close.png");



	background-repeat: no-repeat;



	background-position: center left;



	background-size: 40px 20px;



	overflow: hidden;



	cursor: pointer;



}



#newMobileMenuClose:hover{



	background-position: center right;



}



#newMobileLogo{



	position: fixed;



	width: 100px;



	height: 60px;



	background-image: url("../images/layout/logomobile.svg");



	background-size: contain;



	left: 50%;



	top: 5px;



	margin-left: -50px;



}



#newMobileCheckout{



	position: fixed;



	width: 30px;



	height: 30px;



	top: 20px;



	right: 15px;



	background-image: url(../images/layout/carrinho.svg);



	background-position: left top;



	background-repeat: no-repeat;



	background-size: 30px 30px;



	padding: 12px 0 0 17px;



	color: #FFF;



	font-size: 14px;



}



.newMobileMenuItem{



	width: 100%;



	padding: 15px 0 15px 15px;



	color: #000;



	border-bottom: 1px solid #000;
	
	



}



.arrow{



	background-image: url("../images/layout/mobilemenuarrow.svg");



	background-repeat: no-repeat;



	background-position: center right;



}



.menuLoja{







}



.menuUser{



	background-image: url("../images/layout/usermenu.svg");



	background-repeat: no-repeat;



	background-position: left;



	padding-left: 60px;



}



.newMobileMenuItemActive{



	color: #FF0004;



	background-image: url("../images/layout/mobilemenuarrowdown.svg");



}



.newMobileMenuSubItens{



	background-color: #F4F4F4;



	overflow: hidden;



	height: auto;



	display: none;



}







#mobileMenuContainer{



	position: fixed;



	top: 0;



	right: 0;



	bottom: 0;



	left: 0;



	z-index: 99999999999;



	background-image: url(../images/layout/blackbg.png);



	display: none;



}



#mobileMenuBlk{



	position: fixed;



	top: 0;



	right: 0;



	bottom: 0;



	left: 0;



	display: flex;



	justify-content: space-around;



	flex-flow: column nowrap;



	padding: 20px;



}



#mobileMenuClose{



	width: 36px;



	height: 36px;



	background-image: url(../images/layout/close.png);



	background-size: 72px 36px;



	background-position: right;



}



#mobileIconMenu{



	width: 100%;



	height: 36px;



	overflow: hidden;



	display: flex;



	flex-flow: row nowrap;



	justify-content: space-around;



	padding-bottom: 50px;



}



.mobileMenuItem{



	width: 100%;



	text-align:center; 



}



.mobileMenuItem a:link, .mobileMenuItem a:visited{



	color: #FFF;



	font-size: 22px;



}



.mobileIconMenu{



	width: 36px;



	height: 36px;



	overflow: hidden;



}



.mobileIconMenu img{



	width: 36px;



	height: 36px;



}



.mobileHome{



	background-image: url(../images/layout/home.png);



}



.mobileLogin{



	background-image: url(../images/layout/login.png);



}



.mobileCheckout{



	background-image: url(../images/layout/checkout.png);



}



.mobileWhatsapp{



	width: 36px;



	height: 36px;



	background-image: url(../images/layout/mobilewhats.png);



}



.comprarWhats{



	float: left;



	width: 100%;



}



.comprarWhats img{



	width: 230px;



	height: 70px;



	overflow: hidden;



}







@media(max-width: 1220px) {



	#mainHeader, nav ul, #footerMenu{



		width: 940px;



	}







}



@media(max-width: 960px) {



	header{



		height: 94px;



		background-size: 10px;



	}



	#mainHeader{



		width: calc(100% - 40px);



	}



	#mainMenuContainer, nav, #footerMenu{



		display: none;



	}



	#searchBlk{



		width: 200px;



	}



	#contaBlk span, #carrinhoBlk span, #whatsBlk span{



		display: none;



	}



	#mobileMenu{



		display: block;



	}



}



@media(max-width: 640px) {



	#searchBlk, #contaBlk{



		display: none;



	}



	#footerMobile{



		display: flex;



		flex-flow: row nowrap;



		justify-content: space-between;



	}



}