/* ---------------------------------------------------------------------- */
/*	GLOBAL
/* ---------------------------------------------------------------------- */
body{ font-family: 'Lato', sans-serif; background:#FFF; color:#333 !important;}
h1,h2,h3,h4{ margin:0; padding:0; font-weight:lighter;}
img{ border:none;}
ul,li{ margin:0; padding:0; list-style:none;}
a, a:hover{ text-decoration:none; color:#18B588 !important; cursor:pointer;}
.clear{ clear:both; font-size:1px;}
.fontzero{ font-size:0em;}

::-webkit-input-placeholder{ color: #999 !important; font-weight:bold;}
:-moz-placeholder{ color: #999 !important; font-weight:bold;}
:-ms-input-placeholder{ color: #999 !important; font-weight:bold;}

.padding-none{ padding:0;}
.padding-left{ padding:0;}
.padding-right{ padding-right:0;}

.carousel-control.right {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
}

.sticky-note{ padding:0 0 20px 10px !important; font-size:15px; font-weight:lighter !important;}
.top-right, .top-left, .top-center{ top:45px !important;}

.texto img{ max-width:100%;}

.blur{ background:#FFF; -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px);}

input[type="checkbox"] {
		display:none;
	}
	input[type="checkbox"] + label span {
		display:inline-block;
		width:13px;
		height:13px;
		margin:-1px 4px 0 0;
		vertical-align:middle;
		background:url(../img/sprites/checkbox.png) left top no-repeat;
		cursor:pointer;
	}
	input[type="checkbox"]:checked + label span {
		background:url(../img/sprites/checkbox.png) 0 -13px no-repeat;
	}

	/*
	  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
	  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
	  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
	  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
	*/
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}
	
	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}
	
	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}
	
	.carousel-fade .carousel-control {
	  z-index: 2;
	}
	
	/*
	  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
	  Need to override the 3.3 new styles for modern browsers & apply opacity
	*/
	@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}

.custom-file-input {
  width:100%;
  padding: 5px;
  color: #999;
  border: 1px solid #000;
  vertical-align: middle;
  font-weight:300;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
  content: 'Escolher Arquivo';
  color: #666;
  display: inline-block;
  background: #fff;
  border: 1px solid #999;
  border-radius: 3px;
  margin: -3px 0 -3px -3px;
  padding: 5px 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-align: center;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  font-weight:300;
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}


.controles{
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
	background:#FFF;
	padding:10px;
}
.controles:hover {
    background: #e9ebec;
}
.controles.show {
    opacity: 1;
}

.dropdown-menu{ background:#18B588;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ background-color:#0461C8;}

.portrait {
    width: auto !important;
    height: 35px !important;
}

@import '~pretty-checkbox/src/pretty-checkbox.scss';

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	> 1200 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1200px){
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:22px 0 0 3px;}
	.logomarca img{ width:100%;}
	
    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */	
	.menu-mobile{ display:none;}
	.menu{ float:right; border-bottom:1px solid #CDCDCD !important; border-radius:0;}
	.m-menu{ margin-top:15px; padding:0; font-size:15px !important;}
	.m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0;}
    .m-menu .navbar{ margin:0; padding:0; background:none; border:none; min-height:0 !important; position:relative; z-index:99999}
	.m-menu .navbar .navbar-collapse{ text-align: center;}
    .m-menu .navbar-nav>li a{ padding:15px 18px 10px 18px; color:#333 !important; font-weight:bold;}
	.m-menu .menu .m-quem-somos a{ color:#FE231F !important;}
	.m-menu .menu .m-brinquedos a{ color:#FBBB4F !important;}
	.m-menu .menu .m-lancamentos a{ color:#65CCAF !important;}
	.m-menu .menu .m-contato a{ color:#4BCBE6 !important;}
	
	.m-menu .categorias{ float:right; padding:10px 50px 10px 0;}
	.m-menu .categorias a{ padding:15px 18px 10px 18px; color:#333 !important; font-weight:bold;}

	.categorias{ margin:30px 0 0 0 !important; padding:0 !important; text-align:center;}
	.categorias ul li{ margin:0 !important; padding:0 0 10px 0 !important; display:inline-block; text-align:center; position:relative;}
	.categorias ul li a{ width:100%; color:#666; font-size:17px; text-transform:uppercase; padding:20px 0 17px; position:relative; z-index:1; color:#333 !important; font-weight:bold;}
	.categorias ul li:after{ content:''; width:100%; height:9px; display:block; border-top-right-radius:5px; border-top-left-radius:5px; position:absolute; bottom:0; transition:.1s height;}
	.categorias ul li:hover:after,
	.categorias ul li.ativo:after{ height:50px;}
	.categorias ul li:not(:hover):after{ transition:1s height;}
	.categorias ul li.faixaetaria:after{ background-color:#EC1E27;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8);}
	.m-menu-fixo .logomarca{ padding:0;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu a,.m-menu-fixo .navbar-nav>li a{ color:#FFF !important;}
	.m-menu-fixo .categorias ul li a{ color:#FFF !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BREADCRUMB
    /* ---------------------------------------------------------------------- */
	.breadcrump{ margin-bottom:20px; padding:7px 2px; font-size:13px; color:#18B588; text-transform:uppercase; border-top:1px solid #888; border-bottom:1px solid #888;}
	.breadcrump a{ padding:0 5px; display:inline; text-transform:uppercase;}
	.breadcrump span{ padding-left:5px;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */
	.banner{ width:100%;}
	.banner img{ width:100%;}
	
	.carousel-indicators{ bottom:-5px;}
	.carousel-indicators li{ margin-right:5px !important; width:12px; height:12px; background:#FFF; border:none;}
	.carousel-indicators .active{ width:12px; height:12px; background:#BBB; margin-bottom:1px !important;}
	
	.p-lancamentos{ padding:30px 0; background:#F9A51A;}
	.p-lancamentos h2{ margin-bottom:20px; color:#FFF;}
	.p-lancamentos .produtos-lancamentos{ position:relative; margin-bottom:20px;}
	.produtos-lancamentos .slider-lancamentos div{ padding-right:10px; text-align:center;}
	.produtos-lancamentos .slider-lancamentos img{ width:100%;}
	.produtos-lancamentos .slider-lancamentos a{ color:#FFF !important; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
    
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos .lista-empresa{ margin-bottom:20px; border-bottom:1px solid #999;}
    .quem-somos div{ padding-left:0;}
	.quem-somos div img{ width:100%;}
	.quem-somos div h3{ margin-bottom:10px;}
	
    /* ---------------------------------------------------------------------- */
    /*	PRODUTO
    /* ---------------------------------------------------------------------- */
	.s{ margin:0 0 40px 0; padding:10px; font-size:20px; color:#FFF; background:#E23054;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.s span{ color:#000;}
	
	.larg-img{ position:relative;}
	.larg-img img{ width:100%;}
	
	.thumnail-image{ margin-top:10px; overflow:hidden;}
	.thumnail-image ul.tab-menu li{ margin-bottom:2px; padding:0; padding-right:2px; height:55px; overflow:hidden;}
	.thumnail-image ul.tab-menu li img{ width:100%;}
	
	.produto .video{ clear:both; padding-top:20px;}
	.produto .video iframe{ width:100%;}
	
	.produto .txt{ margin-bottom:20px;}
	.produto h4{ margin-bottom:8px; font-size:15px; font-weight:bold;}
	.produto h4 span{ font-weight:lighter;}
	.produto .categorias{ margin-top:30px; font-size:14px;}
	.produto .categorias span{ font-weight:bold;}
	
	.produto form{ margin-top:40px; padding:10px; background:#EEE;}
	.produto form h3{ margin:10px 0 20px 0; font-size:16px;}
	.produto .bt{ background:#009045; color:#FFF;}
	
	.produto .relacionados{ margin-top:20px; padding:10px;}
	.produto .relacionados .titulo{ margin:10px 0 20px 0; padding:5px; font-size:17px; background:#18B588; color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
    .produto .relacionados div{ margin-bottom:10px; padding-left:0; text-align:center;}
    .produto .relacionados div .img{ width:100%;}
	.produto .relacionados div h3{ font-size:14px;}
	
    /* ---------------------------------------------------------------------- */
    /*	BUSCA
    /* ---------------------------------------------------------------------- */
	.busca form{ padding:10px 10px 0 10px; background:#EEE;}
	.busca .bt{ background:#009045; color:#FFF;}
    
    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer{ padding-top:30px; background:url(../img/bg/bg-footer.png) 0 420px repeat-x;}
	
	footer .endereco .btn{ background:#18B588 !important; color:#FFF !important;}
	
	footer .redes-sociais{ margin-bottom:20px; text-align:center;}
	footer .redes-sociais a{ display:inline-block; margin:0 10px;}
	
	footer .mapa iframe{ height:300px;}
	
	footer .formulario .form-group{ margin-bottom:5px !important;}
	footer .formulario .form-group input{ height:25px;}
	footer .formulario .form-group select{ padding:5px; height:30px; line-height:0 !important;}
	footer .formulario .form-group .bt{ float:right; line-height:0; background:#D0D610; color:#FFF;}
	
	footer .direitos{ margin-top:180px; background:; color:#df5f5f;}
	footer .direitos a{ float:right; color:#FFF !important;}

}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	991 X 1200 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 991px) and (max-width: 1200px){
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:22px 0 0 3px;}
	.logomarca img{ width:100%;}
	
    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */	
	.menu-mobile{ display:none;}
	.menu{ float:right; border-bottom:1px solid #CDCDCD !important; border-radius:0;}
	.m-menu{ margin-top:15px; padding:0; font-size:15px !important;}
	.m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0;}
    .m-menu .navbar{ margin:0; padding:0; background:none; border:none; min-height:0 !important; position:relative; z-index:99999}
	.m-menu .navbar .navbar-collapse{ text-align: center;}
    .m-menu .navbar-nav>li a{ padding:15px 18px 10px 18px; color:#333 !important; font-weight:bold;}
	.m-menu .menu .m-quem-somos a{ color:#FE231F !important;}
	.m-menu .menu .m-brinquedos a{ color:#FBBB4F !important;}
	.m-menu .menu .m-lancamentos a{ color:#65CCAF !important;}
	.m-menu .menu .m-contato a{ color:#4BCBE6 !important;}
	
	.m-menu .categorias{ float:right; padding:10px 50px 10px 0;}
	.m-menu .categorias a{ padding:15px 18px 10px 18px; color:#333 !important; font-weight:bold;}

	.categorias{ margin:30px 0 0 0 !important; padding:0 !important; text-align:center;}
	.categorias ul li{ margin:0 !important; padding:0 0 10px 0 !important; display:inline-block; text-align:center; position:relative;}
	.categorias ul li a{ width:100%; color:#666; font-size:17px; text-transform:uppercase; padding:20px 0 17px; position:relative; z-index:1; color:#333 !important; font-weight:bold;}
	.categorias ul li:after{ content:''; width:100%; height:9px; display:block; border-top-right-radius:5px; border-top-left-radius:5px; position:absolute; bottom:0; transition:.1s height;}
	.categorias ul li:hover:after,
	.categorias ul li.ativo:after{ height:50px;}
	.categorias ul li:not(:hover):after{ transition:1s height;}
	.categorias ul li.faixaetaria:after{ background-color:#EC1E27;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8);}
	.m-menu-fixo .logomarca{ padding:0;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu a,.m-menu-fixo .navbar-nav>li a{ color:#FFF !important;}
	.m-menu-fixo .categorias ul li a{ color:#FFF !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BREADCRUMB
    /* ---------------------------------------------------------------------- */
	.breadcrump{ margin-bottom:20px; padding:7px 2px; font-size:13px; color:#18B588; text-transform:uppercase; border-top:1px solid #888; border-bottom:1px solid #888;}
	.breadcrump a{ padding:0 5px; display:inline; text-transform:uppercase;}
	.breadcrump span{ padding-left:5px;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */
	.banner{ width:100%;}
	.banner img{ width:100%;}
	
	.carousel-indicators{ bottom:-5px;}
	.carousel-indicators li{ margin-right:5px !important; width:12px; height:12px; background:#FFF; border:none;}
	.carousel-indicators .active{ width:12px; height:12px; background:#BBB; margin-bottom:1px !important;}
	
	.p-lancamentos{ padding:30px 0; background:#F9A51A;}
	.p-lancamentos h2{ margin-bottom:20px; color:#FFF;}
	.p-lancamentos .produtos-lancamentos{ position:relative; margin-bottom:20px;}
	.produtos-lancamentos .slider-lancamentos div{ padding-right:10px; text-align:center;}
	.produtos-lancamentos .slider-lancamentos img{ width:100%;}
	.produtos-lancamentos .slider-lancamentos a{ color:#FFF !important; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
    
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos .lista-empresa{ margin-bottom:20px; border-bottom:1px solid #999;}
    .quem-somos div{ padding-left:0;}
	.quem-somos div img{ width:100%;}
	.quem-somos div h3{ margin-bottom:10px;}
    
    /* ---------------------------------------------------------------------- */
    /*	PRODUTO
    /* ---------------------------------------------------------------------- */
	.s{ margin:40px 0; padding:10px; font-size:20px; color:#FFF; background:#E23054;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.s span{ color:#000;}
	
	.larg-img{ position:relative;}
	.larg-img img{ width:100%;}
	
	.thumnail-image{ margin-top:10px; overflow:hidden;}
	.thumnail-image ul.tab-menu li{ margin-bottom:2px; padding:0; padding-right:2px; height:40px; overflow:hidden;}
	.thumnail-image ul.tab-menu li img{ width:100%;}
	
	.produto .video{ clear:both; padding-top:20px;}
	.produto .video iframe{ width:100%;}
	
	.produto .txt{ margin-bottom:20px;}
	.produto h4{ margin-bottom:8px; font-size:15px; font-weight:bold;}
	.produto h4 span{ font-weight:lighter;}
	.produto .categorias{ margin-top:30px; font-size:14px;}
	.produto .categorias span{ font-weight:bold;}
	
	.produto form{ margin-top:40px; padding:10px; background:#EEE;}
	.produto form h3{ margin:10px 0 20px 0; font-size:16px;}
	.produto .bt{ background:#009045; color:#FFF;}
	
	.produto .relacionados{ margin-top:20px; padding:10px;}
	.produto .relacionados .titulo{ margin:10px 0 20px 0; padding:5px; font-size:17px; background:#18B588; color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
    .produto .relacionados div{ margin-bottom:10px; padding-left:0; text-align:center;}
    .produto .relacionados div .img{ width:100%;}
	.produto .relacionados div h3{ font-size:14px;}
    
    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer{ padding-top:30px; background:url(../img/bg/bg-footer.png) 0 420px repeat-x;}
	
	footer .endereco .btn{ background:#18B588 !important; color:#FFF !important;}
	
	footer .redes-sociais{ margin-bottom:20px; text-align:center;}
	footer .redes-sociais a{ display:inline-block; margin:0 10px;}
	
	footer .mapa iframe{ height:300px;}
	
	footer .formulario .form-group{ margin-bottom:5px !important;}
	footer .formulario .form-group input{ height:25px;}
	footer .formulario .form-group select{ padding:5px; height:30px; line-height:0 !important;}
	footer .formulario .form-group .bt{ float:right; line-height:0; background:#D0D610; color:#FFF;}
	
	footer .direitos{ margin-top:180px; background:#29723A; color:#FFF;}
	footer .direitos a{ float:right; color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	768 PX > 991 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px){
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ padding:22px 0 0 3px;}
	.logomarca img{ width:100%;}
	
    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */	
	.menu-mobile{ display:none;}
	.menu{ float:right; border-bottom:1px solid #CDCDCD !important; border-radius:0;}
	.m-menu{ margin-top:15px; padding:0; font-size:14px !important;}
	.m-menu .dropdown:hover .dropdown-menu{ display: block;}
    .m-menu .navbar-collapse{ margin:0; padding:0;}
    .m-menu .navbar{ margin:0; padding:0; background:none; border:none; min-height:0 !important; position:relative; z-index:99999}
	.m-menu .navbar .navbar-collapse{ text-align: center;}
    .m-menu .navbar-nav>li a{ padding:15px 10px 10px 10px; color:#333 !important; font-weight:bold;}
	.m-menu .menu .m-quem-somos a{ color:#FE231F !important;}
	.m-menu .menu .m-brinquedos a{ color:#FBBB4F !important;}
	.m-menu .menu .m-lancamentos a{ color:#65CCAF !important;}
	.m-menu .menu .m-contato a{ color:#4BCBE6 !important;}
	
	.m-menu .categorias{ float:right; padding:10px 33px 10px 0;}
	.m-menu .categorias a{ padding:15px 10px 10px 10px; color:#333 !important; font-weight:bold;}

	.categorias{ margin:30px 0 0 0 !important; padding:0 !important; text-align:center;}
	.categorias ul li{ margin:0 !important; padding:0 0 10px 0 !important; display:inline-block; text-align:center; position:relative;}
	.categorias ul li a{ width:100%; color:#666; font-size:17px; text-transform:uppercase; padding:20px 0 17px; position:relative; z-index:1; color:#333 !important; font-weight:bold;}
	.categorias ul li:after{ content:''; width:100%; height:9px; display:block; border-top-right-radius:5px; border-top-left-radius:5px; position:absolute; bottom:0; transition:.1s height;}
	.categorias ul li:hover:after,
	.categorias ul li.ativo:after{ height:50px;}
	.categorias ul li:not(:hover):after{ transition:1s height;}
	.categorias ul li.faixaetaria:after{ background-color:#EC1E27;}
	
	.m-menu-fixo{ position:fixed; top:0; left:0; margin:0; padding:10px 0 !important; z-index:99999; width:100%; background:rgba(0,0,0,0.8);}
	.m-menu-fixo .logomarca{ padding:0;}
	.m-menu-fixo .m-menu{ margin:0;}
	.m-menu-fixo .m-menu a,.m-menu-fixo .navbar-nav>li a{ color:#FFF !important;}
	.m-menu-fixo .categorias ul li a{ color:#FFF !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BREADCRUMB
    /* ---------------------------------------------------------------------- */
	.breadcrump{ margin-bottom:20px; padding:7px 2px; font-size:13px; color:#18B588; text-transform:uppercase; border-top:1px solid #888; border-bottom:1px solid #888;}
	.breadcrump a{ padding:0 5px; display:inline; text-transform:uppercase;}
	.breadcrump span{ padding-left:5px;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */
	.banner{ width:100%;}
	.banner img{ width:100%;}
	
	.carousel-indicators{ bottom:-5px;}
	.carousel-indicators li{ margin-right:5px !important; width:12px; height:12px; background:#FFF; border:none;}
	.carousel-indicators .active{ width:12px; height:12px; background:#BBB; margin-bottom:1px !important;}
	
	.p-lancamentos{ padding:30px 0; background:#F9A51A;}
	.p-lancamentos h2{ margin-bottom:20px; color:#FFF;}
	.p-lancamentos .produtos-lancamentos{ position:relative; margin-bottom:20px;}
	.produtos-lancamentos .slider-lancamentos div{ padding-right:10px; text-align:center;}
	.produtos-lancamentos .slider-lancamentos img{ width:100%;}
	.produtos-lancamentos .slider-lancamentos a{ color:#FFF !important; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
    
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos .lista-empresa{ margin-bottom:20px; border-bottom:1px solid #999;}
    .quem-somos div{ padding-left:0;}
	.quem-somos div img{ width:100%;}
	.quem-somos div h3{ margin-bottom:10px;}
    
    /* ---------------------------------------------------------------------- */
    /*	PRODUTO
    /* ---------------------------------------------------------------------- */
	.s{ margin:0 0 40px 0; padding:10px; font-size:20px; color:#FFF; background:#E23054;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.s span{ color:#000;}
	
	.larg-img{ position:relative;}
	.larg-img img{ width:100%;}
	
	.thumnail-image{ margin-top:10px; overflow:hidden;}
	.thumnail-image ul.tab-menu li{ margin-bottom:2px; padding:0; padding-right:2px; height:45px; overflow:hidden;}
	.thumnail-image ul.tab-menu li img{ width:100%;}
	
	.produto .video{ clear:both; padding-top:20px;}
	.produto .video iframe{ width:100%;}
	
	.produto .txt{ margin-bottom:20px;}
	.produto h4{ margin-bottom:8px; font-size:15px; font-weight:bold;}
	.produto h4 span{ font-weight:lighter;}
	.produto .categorias{ margin-top:30px; font-size:14px;}
	.produto .categorias span{ font-weight:bold;}
	
	.produto form{ margin-top:40px; padding:10px; background:#EEE;}
	.produto form h3{ margin:10px 0 20px 0; font-size:16px;}
	.produto .bt{ background:#009045; color:#FFF;}
	
	.produto .relacionados{ margin-top:20px; padding:10px;}
	.produto .relacionados .titulo{ margin:10px 0 20px 0; padding:5px; font-size:17px; background:#18B588; color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
    .produto .relacionados div{ margin-bottom:10px; padding-left:0; text-align:center;}
    .produto .relacionados div .img{ width:100%;}
	.produto .relacionados div h3{ font-size:14px;}
    
    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer{ padding-top:30px; background:url(../img/bg/bg-footer.png) 0 420px repeat-x;}
	
	footer .endereco .btn{ background:#18B588 !important; color:#FFF !important;}
	
	footer .redes-sociais{ margin-bottom:20px; text-align:center;}
	footer .redes-sociais a{ display:inline-block; margin:0 10px;}
	
	footer .mapa iframe{ width:100%; height:300px;}
	
	footer .formulario .form-group{ margin-bottom:5px !important;}
	footer .formulario .form-group input{ height:25px;}
	footer .formulario .form-group select{ padding:5px; height:30px; line-height:0 !important;}
	footer .formulario .form-group .bt{ float:right; line-height:0; background:#D0D610; color:#FFF;}
	
	footer .direitos{ margin-top:180px; background:#29723A; color:#FFF;}
	footer .direitos a{ float:right; color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	767 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width: 579px) and (max-width: 767px){
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ text-align:center;}
    .logomarca img{ width:100%;}
	
    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */	
	.menu-desktop,
	.categorias{ display:none;}
	.m-menu{ margin:30px 0 0 0; padding:0;}
	.navbar{ margin:0; padding:0; width:100%; border:none; background:#18B588; text-transform:uppercase;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navbar-nav{ margin-bottom:0;}
	.navbar-collapse{ margin:0; padding:0; text-align:center;}
	.navbar a{ font-size:15px; text-transform:uppercase; color:#FFF !important;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#18B588;}
	.navbar-inverse .navbar-toggle{	border-color: #FFF;}
	.navbar-collapse{ overflow:hidden;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #3C474D;}
	.menu .navbar-nav>li:hover{ padding:10px 0; background:rgba(0,0,0,0.4) !important; color:#FFF !important;}
	.menu .navbar-nav>li{ padding:10px 0 !important;}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:none !important;}
	.dropdown-menu{ text-align:center !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BREADCRUMB
    /* ---------------------------------------------------------------------- */
	.breadcrump{ margin-bottom:20px; padding:7px 2px; font-size:13px; color:#18B588; text-transform:uppercase; border-top:1px solid #888; border-bottom:1px solid #888;}
	.breadcrump a{ padding:0 5px; display:inline; text-transform:uppercase;}
	.breadcrump span{ padding-left:5px;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */
	.banner{ margin-top:25px; width:100%;}
	.banner img{ width:100%;}
	
	.carousel-indicators{ bottom:-5px;}
	.carousel-indicators li{ margin-right:5px !important; width:12px; height:12px; background:#FFF; border:none;}
	.carousel-indicators .active{ width:12px; height:12px; background:#BBB; margin-bottom:1px !important;}
	
	.p-lancamentos{ padding:30px 0; background:#F9A51A;}
	.p-lancamentos h2{ margin-bottom:20px; color:#FFF;}
	.p-lancamentos .produtos-lancamentos{ position:relative; margin-bottom:20px;}
	.produtos-lancamentos .slider-lancamentos div{ padding-right:10px; text-align:center;}
	.produtos-lancamentos .slider-lancamentos img{ width:100%;}
	.produtos-lancamentos .slider-lancamentos a{ color:#FFF !important; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
    
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos .lista-empresa{ margin-bottom:20px; border-bottom:1px solid #999;}
    .quem-somos div{ padding:0;}
	.quem-somos div img{ margin-bottom:10px; width:100%;}
	.quem-somos div h3{ margin-bottom:10px;}
    
    /* ---------------------------------------------------------------------- */
    /*	PRODUTO
    /* ---------------------------------------------------------------------- */
	.s{ margin:0 0 40px 0; padding:10px; font-size:20px; color:#FFF; background:#E23054;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.s span{ color:#000;}
	
	.larg-img{ display:none}
	
	.lista-imagens{ padding:0;}
	.thumnail-image ul.tab-menu li{ margin-bottom:5px; padding:0 !important;}
	.thumnail-image ul.tab-menu li img{ width:100%;}
	
	.produto .video{ clear:both; padding-top:20px;}
	.produto .video iframe{ width:100%;}
	
	.produto .informacoes{ padding:0;}
	.produto .txt{ margin:20px 0;}
	.produto h4{ margin-bottom:8px; font-size:15px; font-weight:bold;}
	.produto h4 span{ font-weight:lighter;}
	.produto .categorias{ margin-top:30px; font-size:14px;}
	.produto .categorias span{ font-weight:bold;}
	
	.produto form{ margin-top:40px; padding:10px; background:#EEE;}
	.produto form h3{ margin:10px 0 20px 0; font-size:16px;}
	.produto .bt{ background:#009045; color:#FFF;}
	
	.produto .relacionados{ margin-top:20px; padding:10px;}
	.produto .relacionados .titulo{ margin:10px 0 20px 0; padding:5px; font-size:17px; background:#18B588; color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
    .produto .relacionados div{ margin-bottom:10px; padding-left:0; text-align:center;}
    .produto .relacionados div .img{ width:100%;}
	.produto .relacionados div h3{ font-size:14px;}
    
    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer{ padding-top:30px; background:url(../img/bg/bg-footer.png) left bottom repeat-x; text-align:center;}
	
	footer .endereco .btn{ background:#18B588 !important; color:#FFF !important;}
	
	footer .redes-sociais{ margin-bottom:20px; text-align:center;}
	footer .redes-sociais a{ display:inline-block; margin:0 10px;}
	
	footer .mapa iframe{ width:100%; height:300px;}
	
	footer .formulario .form-group{ margin-bottom:5px !important; padding:0;}
	footer .formulario .form-group input{ height:25px;}
	footer .formulario .form-group select{ padding:5px; height:30px; line-height:0 !important;}
	footer .formulario .form-group .bt{ float:right; line-height:0; background:#D0D610; color:#FFF;}
	
	footer .direitos{ margin-top:180px; background:#29723A; color:#FFF;}
	footer .direitos a{ float:right; color:#FFF !important;}
	
}

/* --------------------------------------------------------------------------------------------------------------------------------- */
/*	579 PX
/* --------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 579px){
	
	/* ---------------------------------------------------------------------- */
    /*	HEADER
    /* ---------------------------------------------------------------------- */
	header{}
	
	/* ---------------------------------------------------------------------- */
    /*	LOGOMARCA
    /* ---------------------------------------------------------------------- */
    .logomarca{ text-align:center;}
    .logomarca img{ width:100%;}
	
    /* ---------------------------------------------------------------------- */
    /*	MENU
    /* ---------------------------------------------------------------------- */	
	.menu-desktop,
	.categorias{ display:none;}
	.m-menu{ margin:30px 0 0 0; padding:0;}
	.navbar{ margin:0; padding:0; width:100%; border:none; background:#18B588; text-transform:uppercase;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navbar-nav{ margin-bottom:0;}
	.navbar-collapse{ margin:0; padding:0; text-align:center;}
	.navbar a{ font-size:15px; text-transform:uppercase; color:#FFF !important;}
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{ background:#18B588;}
	.navbar-inverse .navbar-toggle{	border-color: #FFF;}
	.navbar-collapse{ overflow:hidden;}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border-color: #3C474D;}
	.menu .navbar-nav>li:hover{ padding:10px 0; background:rgba(0,0,0,0.4) !important; color:#FFF !important;}
	.menu .navbar-nav>li{ padding:10px 0 !important;}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{ background:none !important;}
	.dropdown-menu{ text-align:center !important;}
	
    /* ---------------------------------------------------------------------- */
    /*	BREADCRUMB
    /* ---------------------------------------------------------------------- */
	.breadcrump{ margin-bottom:20px; padding:7px 2px; font-size:13px; color:#18B588; text-transform:uppercase; border-top:1px solid #888; border-bottom:1px solid #888;}
	.breadcrump a{ padding:0 5px; display:inline; text-transform:uppercase;}
	.breadcrump span{ padding-left:5px;}

    /* ---------------------------------------------------------------------- */
    /*	HOME
    /* ---------------------------------------------------------------------- */
	.banner{ margin-top:25px; width:100%;}
	.banner img{ width:100%;}
	
	.carousel-indicators{ bottom:-5px;}
	.carousel-indicators li{ margin-right:5px !important; width:12px; height:12px; background:#FFF; border:none;}
	.carousel-indicators .active{ width:12px; height:12px; background:#BBB; margin-bottom:1px !important;}
	
	.p-lancamentos{ padding:30px 0; background:#F9A51A;}
	.p-lancamentos h2{ margin-bottom:20px; color:#FFF;}
	.p-lancamentos .produtos-lancamentos{ position:relative; margin-bottom:20px;}
	.produtos-lancamentos .slider-lancamentos div{ padding-right:10px; text-align:center;}
	.produtos-lancamentos .slider-lancamentos img{ width:100%;}
	.produtos-lancamentos .slider-lancamentos a{ color:#FFF !important; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding-left:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
	
	.lancamentos{ margin:50px 0;}
	.lancamentos .lista-produtos li{ margin-bottom:20px; padding:0; text-align:center;}
	.lancamentos .lista-produtos li img{ width:100%;}
	.lancamentos .lista-produtos li a{ color:#404e65 !important; font-weight:bold; font-size:17px;}
    
    /* ---------------------------------------------------------------------- */
    /*	QUEM SOMOS
    /* ---------------------------------------------------------------------- */
	.quem-somos .lista-empresa{ margin-bottom:20px; border-bottom:1px solid #999;}
    .quem-somos div{ padding:0;}
	.quem-somos div img{ margin-bottom:10px; width:100%;}
	.quem-somos div h3{ margin-bottom:10px;}
    
    /* ---------------------------------------------------------------------- */
    /*	PRODUTO
    /* ---------------------------------------------------------------------- */
	.s{ margin:40px 0; padding:10px; font-size:20px; color:#FFF; background:#E23054;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	.s span{ color:#000;}
	
	.larg-img{ display:none}
	
	.lista-imagens{ padding:0;}
	.thumnail-image ul.tab-menu li{ margin-bottom:5px; padding:0 !important;}
	.thumnail-image ul.tab-menu li img{ width:100%;}
	
	.produto .video{ clear:both; padding-top:20px;}
	.produto .video iframe{ width:100%;}
	
	.produto .informacoes{ padding:0;}
	.produto .txt{ margin:20px 0;}
	.produto h4{ margin-bottom:8px; font-size:15px; font-weight:bold;}
	.produto h4 span{ font-weight:lighter;}
	.produto .categorias{ margin-top:30px; font-size:14px;}
	.produto .categorias span{ font-weight:bold;}
	
	.produto form{ margin-top:40px; padding:10px; background:#EEE;}
	.produto form h3{ margin:10px 0 20px 0; font-size:16px;}
	.produto .bt{ background:#009045; color:#FFF;}
	
	.produto .relacionados{ margin-top:20px; padding:10px;}
	.produto .relacionados .titulo{ margin:10px 0 20px 0; padding:5px; font-size:17px; background:#18B588; color:#FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
    .produto .relacionados div{ margin-bottom:10px; padding-left:0; text-align:center;}
    .produto .relacionados div .img{ width:100%;}
	.produto .relacionados div h3{ font-size:14px;}
    
    /* ---------------------------------------------------------------------- */
    /*	FOOTER
    /* ---------------------------------------------------------------------- */
	footer{ padding-top:30px; background:url(../img/bg/bg-footer.png) left bottom repeat-x; text-align:center;}
	
	footer .endereco .btn{ background:#18B588 !important; color:#FFF !important;}
	
	footer .redes-sociais{ margin-bottom:20px; text-align:center;}
	footer .redes-sociais a{ display:inline-block; margin:0 10px;}
	
	footer .mapa iframe{ width:100%; height:300px;}
	
	footer .formulario .form-group{ margin-bottom:5px !important; padding:0;}
	footer .formulario .form-group input{ height:25px;}
	footer .formulario .form-group select{ padding:5px; height:30px; line-height:0 !important;}
	footer .formulario .form-group .bt{ float:right; line-height:0; background:#D0D610; color:#FFF;}
	
	footer .direitos{ margin-top:180px; background:#29723A; color:#FFF;}
	footer .direitos a{ float:right; color:#FFF !important;}
	
}


/**
 * Image style.
 */
fr-strong {
  font-weight: 700 !important; }
fr-green {
  color: green !important; }

/**
 * Link style.
 */
fr-view {
  position: relative !important;
  max-width: 100% !important; }
  .fr-dib {
    margin: 5px auto !important;
    display: block !important;
    float: none !important;
    vertical-align: top !important; }
    .fr-fil {
      margin-left: 0 !important;
      text-align: left !important; }
    .fr-fir {
      margin-right: 0 !important;
      text-align: right !important; }
  .fr-dii {
    display: inline-block !important;
    float: none !important;
    vertical-align: bottom !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    max-width: calc(100% - (2 * 5px)) !important; }
    .fr-fil {
      float: left !important;
      margin: 5px 5px 5px 0 !important;
      max-width: calc(100% - 5px) !important; }
    .fr-fir {
      float: right !important;
      margin: 5px 0 5px 5px !important;
      max-width: calc(100% - 5px) !important; }

.fr-view {
  position: relative !important;
  max-width: 100% !important; }
  .fr-dib {
    margin: 5px auto !important;
    display: block !important;
    float: none !important;
    vertical-align: top !important; }
    .fr-fil {
      margin-left: 0 !important;
      text-align: left !important; }
    .fr-fir {
      margin-right: 0 !important;
      text-align: right !important; }
  .fr-dii {
    display: inline-block !important;
    float: none !important;
    vertical-align: bottom !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
    max-width: calc(100% - (2 * 5px)) !important; }
    .fr-fil {
      float: left !important;
      margin: 5px 5px 5px 0 !important;
      max-width: calc(100% - 5px) !important; }
    .fr-fir {
      float: right !important;
      margin: 5px 0 5px 5px !important;
      max-width: calc(100% - 5px) !important; }