html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	background: #EEE;
	font-family: "Arial";
	font-size: 12px;
	height: 100%;
	width: 100%;
	min-width: 400px;
	position: absolute;
}

.hidden { display: none; }

/*********************************************** MENU *******************************************************/

#menu {
	color: #FFFFFF;
	position: fixed;
	height: 70px;
	width: 100%;
	z-index: 2;
	background-color: RGB(46, 148, 203);
	top: 0;
}

#menulogo {
	/*margin: 4px 0 0 50px;*/
	position: absolute;
}

#menulogo img {
	height: 70px;
}


#menubar {
	display: inline-flex;
	float: right;
	margin-right: 40px;
}

#menubutton {
	display: none;
}

#menu .navbar {
	color: white;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 55px;
	height: 60px;
}

#menu .navbar:hover {
	background-color: RGB(46,148,203);
}

#menu .navbar-toggle {
	background-color: transparent;
	border: 1px solid white;
	border-radius: 4px;
	right: 0;
	height: 34px;
	margin: 18px;
	width: 40px;
	cursor: pointer;
	position: absolute;
}

#menu .navbar-toggle-span {
	background-color: white;
	border: 1px solid white;
	display: block;
	margin: 5px 0;
}

/*********************************************** END MENU *******************************************************/

.wrapper {
	min-height: 100vh;
	width: 100%;
	overflow: hidden;
}

/*********************************************** INTRO *******************************************************/
#intro {
	min-height: 100vh;
	width: 100%;
}

#intro div.main_img {
	top: 0;
	min-height: 100vh;
	width: 100%;
	background: url("../media/images/homepage/hp_1.jpg") center / cover no-repeat;	
	position: fixed;
	z-index: -1;
}

#intro h1 {
	position: absolute;
    font-size: 75px;
    text-align: center;
    color: White;
    padding-top: 30vh;
    width: 100%;
}

#essential1 .essential_inner {
	position: absolute;
	background-color: #FFFFFF;
	width: 260px;
	top: 90px;
	left: 25px;
	padding: 10px;
}

#essential1 .essential_title {
	color: #2E94CB;
	font-size: 19px;   
	font-weight: 700;
}

#essential1 .essential_sub {
	font-size: 18px;   
    font-weight: 700;
}

#essential1 .essential_perc {
	color: #2E94CB;
}

#essential1 .essential_link {       
    background-color: #2E94CB;    
    color: #FFFFFF;    
    font-size: 10px;
    text-align: center;  
	text-decoration: none;
    font-weight: 700;
    position: absolute;
	width: 280px; 
    top: 245px;
    left: 25px; 	
	z-index: 1;
}

#essential1 .essential_link:hover {
	background-color: #0086A7;    
	cursor: pointer;
}

#intro .promo_inner {	
    width: 100%;  
	height: 100%;
	pading
}

#intro .promo_inner a.link {
    text-decoration: none;
    color: white;
    float: right;
    margin-right: 50px;
	width: 100%;  
	height: 100%;
}

#intro .slideshow-container {
    position: absolute;
    bottom: 60px;
    width: 100%;
    border: 1px solid black;
    box-sizing: border-box;
    height: 50%;
	max-height: 250px;
	left: 0;
    right: 0;
    margin: auto;
}

#intro .slideshow-slide {
	display: none;
}

#slide01, #slide02, #slide03 {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: white;
}

#slide01 {
	background: RGB(252,241,255) url(../media/images/promo/educacao.jpg) no-repeat center center / auto 100% ;	
}

#slide02 {
	background: white url(../media/images/promo/vernier.jpg) no-repeat center center / auto 100% ;
}

#slide03 {
	background: white url(../media/images/promo/enologia.jpg) no-repeat center center / auto 100% ;
}

#intro .prev, #intro .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

#intro .next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

#intro .prev:hover, #intro .next:hover {
	background-color: rgba(0,0,0,0.8);
}

#intro .text {
	color: #f2f2f2;
	font-size: 15px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
	background-color: RGBA(10,10,10,0.3);
    padding: 10px 0px;
}

#intro .numbertext {
	color: #f2f2f2;
	font-size: 12px;
	position: absolute;
	margin: 7px;
}

#intro .dots {
    bottom: 30px;
    position: absolute;
    left: 0;
    right: 0;
	background-color: rgba(255, 255, 255, 0.6);
    padding: 8px;
}

#intro .dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

#intro .active, #intro .dot:hover {
	background-color: #717171;
}

#intro .fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 3.0s;
	animation-name: fade;
	animation-duration: 3.0s;
}

@-webkit-keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes fade {
	from {opacity: .4}
	to {opacity: 1}
}

/*********************************************** DESCRIPTION *******************************************************/
#description {
	width: 100%;
    min-height: 400px;
    background-color: white;
}

#description_inner {
	margin: auto;
	padding: 5%;
	max-width: 1000px;
}

#description_inner h1 {
	font-size: 40px;
	text-align: center;
}

#description_inner p {	
	text-align: justify;
	text-indent: 30px;
	color: #7F7F7F;
}

/*********************************************** SLIDER *******************************************************/
#slider {
	height: 300px;
	width: 100%;
}

#slider_inner {
	height: 100%;
	width: 100%;
	animation: fader 10s cubic-bezier(.8, 0, 0, .8) infinite;
}

@keyframes fader {
	0% { background: url("../media/images/homepage/hp_2_1.jpg") center / cover no-repeat; }
	33.33% { background: url("../media/images/homepage/hp_2_2.jpg") center / cover no-repeat; }
	66.66% { background: url("../media/images/homepage/hp_2_3.jpg") center / cover no-repeat; }
	100% { background: url("../media/images/homepage/hp_2_1.jpg") center / cover no-repeat; }
}

/*********************************************** PROPOSAL *******************************************************/
#proposal {
	height: 400px;
	width: 100%;
	background: RGB(46,148,203) url(../media/images/homepage/hp_3_1.png) no-repeat bottom right / 45%;
}

#proposal_inner {
	color: white;
	padding: 5%;
	width: 450px;
	text-align: justify;
}

/*********************************************** BENEFITS *******************************************************/
#benefits {
	min-height: 550px;
	width: 100%;
	display: flex;
	background-color: #f0f0f0;
}


#benefits_outer {
	max-width: 1200px;
	margin: auto;
	background: url(../media/images/homepage/hp_4.png) no-repeat 20px / 350px auto;
}

#benefits_inner {
	text-align: justify;
	margin: auto 10px auto 400px;
	max-width: 800px;
	min-height: 350px;
}

#benefits_inner p {	
	text-align: justify;
	text-indent: 30px;
	color: #7F7F7F;
}

/*********************************************** PRODUCTS *******************************************************/
#products {
	height: 100vh;
	min-height: 600px;
	width: 100%;
	background-image: url(../media/images/homepage/hp_5.jpg);
	display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
}

#prod_tiles {
	width: 490px;
    height: 495px;
}

#prod_tiles div.main_tile, #prod_tiles a.tiles {
	position: absolute;
	box-sizing: border-box;
    border: 5px solid white;
    border-radius: 100%;
	color: #FFF;
    overflow: hidden;
}

#prod_tiles div.main_tile, #prod_tiles div.tiles_info {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

#prod_tiles div.main_tile {
	height: 150px;
    width: 150px;
	background-color: #c85ba2;
    transform: translate(170px, 172px);
}

#prod_tiles a.tiles {
	height: 100px;
    width: 100px;
	text-decoration: none;
    transition: opacity 1s;
}

#prod_tiles.hidden_tiles a.tiles {
	opacity: 0;
}

#prod_tiles div.tiles_info {
	height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#prod_tiles div.tiles_info p {
	font-size: 11px;
	margin: 5px;
}

#prod_tiles div.main_tile p {
	font-size: 20px;
	margin: 5px;
}

#prod_tiles .tiles_info:hover {
	cursor: pointer;
	opacity: 0;
	transition: 0.7s;
}

#prod_tile_01 { background: url("../media/images/homepage/hp_project.jpg") center / cover no-repeat; }
#prod_tile_02 { background: url("../media/images/homepage/sections/thumbs/2_7.jpg") center / cover no-repeat; }
#prod_tile_03 { background: url("../media/images/homepage/sections/thumbs/3_3.jpg") center / cover no-repeat; }
#prod_tile_04 { background: url("../media/images/homepage/sections/thumbs/4_1.jpg") center / cover no-repeat; }
#prod_tile_05 { background: url("../media/images/homepage/sections/thumbs/5_3.jpg") center / cover no-repeat; }
#prod_tile_06 { background: url("../media/images/homepage/sections/thumbs/6_4.jpg") center / cover no-repeat; }
#prod_tile_07 { background: url("../media/images/homepage/sections/thumbs/7_4.jpg") center / cover no-repeat; }
#prod_tile_08 { background: url("../media/images/homepage/sections/thumbs/8_4.jpg") center / cover no-repeat; }
#prod_tile_09 { background: url("../media/images/homepage/sections/thumbs/9_2.jpg") center / cover no-repeat; }

#prod_tile_01 { transform: translate(0px, 198px); }
#prod_tile_02 { transform: translate(47px, 69px); }
#prod_tile_03 { transform: translate(165px, 0px); }
#prod_tile_04 { transform: translate(300px, 24px); }
#prod_tile_05 { transform: translate(388px, 129px); }
#prod_tile_06 { transform: translate(388px, 266px); }
#prod_tile_07 { transform: translate(300px, 370px); }
#prod_tile_08 { transform: translate(165px, 394px); }
#prod_tile_09 { transform: translate(47px, 326px); }


/*********************************************** SECTIONS *******************************************************/
#all_sections div.section {
	height: 100vh;
	min-height: 530px;
	width: 100%;
	overflow: hidden;
}

#section1, #section4, #section7 { background-color: #004556; }
#section2, #section5, #section8 { background-color: #00a4cc; }
#section3, #section6, #section9 { background-color: #0b5b67; }


#all_sections div.section_inner {
	padding: 10%;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
}

#all_sections div.section_inner h1 {
	font-size: 20px;
	color: white;
	line-height: 40px;
}

#all_sections div.section_inner p {
	font-size: 13px;
	text-align: justify;
	text-indent: 30px;
	color: white;
	max-width: 600px;
}

#all_sections div.imageSection_outer {
	height: 150px;
	width: 100%;
	max-width: 800px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

#all_sections div.imageSection {
	height: 100%;
	width: 100%;
	margin-top: 30px;
}

#all_sections .seta_esq, #all_sections .seta_dir {
	height: 50px;
	width: 50px;
	background: url(../media/images/homepage/hp_s_scroll.png) no-repeat center / contain ;
}

#all_sections .seta_esq { transform: rotate(90deg); }
#all_sections .seta_dir { transform: rotate(270deg); }

#all_sections .seta_esq:hover, #all_sections .seta_dir:hover {
	opacity: 0.7;
	cursor: pointer;
}

#all_sections div.slides { 
	display: none; 
	height: 100%;
	width: 100%;
}

#all_sections div.slides.visible { 
	display: flex; 
	flex-flow: row nowrap;
	justify-content: center;
}

#all_sections figure.slide {
	width: 100%;
	max-width: 250px;
	text-align: center;
	color: white;
	border: thin silver solid;
	margin: 0.5em;
	padding: 0.5em;
	transition: 0.5s;
}

#all_sections figure.slide:hover {
	opacity: 0.8;
	transform: scale(1.02);
	cursor: pointer;
}

#all_sections figure.slide figcaption {
	padding-top: 140px;
}

#all_sections div.dots {
	position: absolute;
    margin-top: 300px;
}

#all_sections span.dot {
	cursor: pointer;
	height: 12px;
	width: 12px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #ccc!important
}

#all_sections span.dot.selected, #all_sections span.dot:hover {
	background-color: #fff!important;
}

#slide1_1 { background: url(../media/images/homepage/sections/thumbs/1_1.jpg) no-repeat center / cover; }
#slide1_2 { background: url(../media/images/homepage/sections/thumbs/1_2.jpg) no-repeat center / cover; }
#slide1_3 { background: url(../media/images/homepage/sections/thumbs/1_3.jpg) no-repeat center / cover; }
#slide1_4 { background: url(../media/images/homepage/sections/thumbs/1_4.jpg) no-repeat center / cover; }
#slide2_1 { background: url(../media/images/homepage/sections/thumbs/2_1.jpg) no-repeat center / cover; }
#slide2_2 { background: url(../media/images/homepage/sections/thumbs/2_2.jpg) no-repeat center / cover; }
#slide2_3 { background: url(../media/images/homepage/sections/thumbs/2_3.jpg) no-repeat center / cover; }
#slide2_4 { background: url(../media/images/homepage/sections/thumbs/2_4.jpg) no-repeat center / cover; }
#slide2_5 { background: url(../media/images/homepage/sections/thumbs/2_5.jpg) no-repeat center / cover; }
#slide2_6 { background: url(../media/images/homepage/sections/thumbs/2_6.jpg) no-repeat center / cover; }
#slide2_7 { background: url(../media/images/homepage/sections/thumbs/2_7.jpg) no-repeat center / cover; }
#slide2_8 { background: url(../media/images/homepage/sections/thumbs/2_8.jpg) no-repeat center / cover; }
#slide2_9 { background: url(../media/images/homepage/sections/thumbs/2_9.jpg) no-repeat center / cover; }
#slide3_1 { background: url(../media/images/homepage/sections/thumbs/3_1.jpg) no-repeat center / cover; }
#slide3_2 { background: url(../media/images/homepage/sections/thumbs/3_2.jpg) no-repeat center / cover; }
#slide3_3 { background: url(../media/images/homepage/sections/thumbs/3_3.jpg) no-repeat center / cover; }
#slide3_4 { background: url(../media/images/homepage/sections/thumbs/3_4.jpg) no-repeat center / cover; }
#slide3_5 { background: url(../media/images/homepage/sections/thumbs/3_5.jpg) no-repeat center / cover; }
#slide3_6 { background: url(../media/images/homepage/sections/thumbs/3_6.jpg) no-repeat center / cover; }
#slide3_7 { background: url(../media/images/homepage/sections/thumbs/3_7.jpg) no-repeat center / cover; }
#slide4_1 { background: url(../media/images/homepage/sections/thumbs/4_1.jpg) no-repeat center / cover; }
#slide4_2 { background: url(../media/images/homepage/sections/thumbs/4_2.jpg) no-repeat center / cover; }
#slide4_3 { background: url(../media/images/homepage/sections/thumbs/4_3.jpg) no-repeat center / cover; }
#slide4_4 { background: url(../media/images/homepage/sections/thumbs/4_4.jpg) no-repeat center / cover; }
#slide4_5 { background: url(../media/images/homepage/sections/thumbs/4_5.jpg) no-repeat center / cover; }
#slide4_6 { background: url(../media/images/homepage/sections/thumbs/4_6.jpg) no-repeat center / cover; }
#slide4_7 { background: url(../media/images/homepage/sections/thumbs/4_7.jpg) no-repeat center / cover; }
#slide4_8 { background: url(../media/images/homepage/sections/thumbs/4_8.jpg) no-repeat center / cover; }
#slide4_9 { background: url(../media/images/homepage/sections/thumbs/4_9.jpg) no-repeat center / cover; }
#slide5_1 { background: url(../media/images/homepage/sections/thumbs/5_1.jpg) no-repeat center / cover; }
#slide5_2 { background: url(../media/images/homepage/sections/thumbs/5_2.jpg) no-repeat center / cover; }
#slide5_3 { background: url(../media/images/homepage/sections/thumbs/5_3.jpg) no-repeat center / cover; }
#slide5_4 { background: url(../media/images/homepage/sections/thumbs/5_4.jpg) no-repeat center / cover; }
#slide5_5 { background: url(../media/images/homepage/sections/thumbs/5_5.jpg) no-repeat center / cover; }
#slide5_6 { background: url(../media/images/homepage/sections/thumbs/5_6.jpg) no-repeat center / cover; }
#slide5_7 { background: url(../media/images/homepage/sections/thumbs/5_7.jpg) no-repeat center / cover; }
#slide6_1 { background: url(../media/images/homepage/sections/thumbs/6_1.jpg) no-repeat center / cover; }
#slide6_2 { background: url(../media/images/homepage/sections/thumbs/6_2.jpg) no-repeat center / cover; }
#slide6_3 { background: url(../media/images/homepage/sections/thumbs/6_3.jpg) no-repeat center / cover; }
#slide6_4 { background: url(../media/images/homepage/sections/thumbs/6_4.jpg) no-repeat center / cover; }
#slide6_5 { background: url(../media/images/homepage/sections/thumbs/6_5.jpg) no-repeat center / cover; }
#slide6_6 { background: url(../media/images/homepage/sections/thumbs/6_6.jpg) no-repeat center / cover; }
#slide7_1 { background: url(../media/images/homepage/sections/thumbs/7_1.jpg) no-repeat center / cover; }
#slide7_2 { background: url(../media/images/homepage/sections/thumbs/7_2.jpg) no-repeat center / cover; }
#slide7_3 { background: url(../media/images/homepage/sections/thumbs/7_3.jpg) no-repeat center / cover; }
#slide7_4 { background: url(../media/images/homepage/sections/thumbs/7_4.jpg) no-repeat center / cover; }
#slide7_5 { background: url(../media/images/homepage/sections/thumbs/7_5.jpg) no-repeat center / cover; }
#slide7_6 { background: url(../media/images/homepage/sections/thumbs/7_6.jpg) no-repeat center / cover; }
#slide7_7 { background: url(../media/images/homepage/sections/thumbs/7_7.jpg) no-repeat center / cover; }
#slide7_8 { background: url(../media/images/homepage/sections/thumbs/7_8.jpg) no-repeat center / cover; }
#slide8_1 { background: url(../media/images/homepage/sections/thumbs/8_1.jpg) no-repeat center / cover; }
#slide8_2 { background: url(../media/images/homepage/sections/thumbs/8_2.jpg) no-repeat center / cover; }
#slide8_3 { background: url(../media/images/homepage/sections/thumbs/8_3.jpg) no-repeat center / cover; }
#slide8_4 { background: url(../media/images/homepage/sections/thumbs/8_4.jpg) no-repeat center / cover; }
#slide8_5 { background: url(../media/images/homepage/sections/thumbs/8_5.jpg) no-repeat center / cover; }
#slide8_6 { background: url(../media/images/homepage/sections/thumbs/8_6.jpg) no-repeat center / cover; }
#slide8_7 { background: url(../media/images/homepage/sections/thumbs/8_7.jpg) no-repeat center / cover; }
#slide8_8 { background: url(../media/images/homepage/sections/thumbs/8_8.jpg) no-repeat center / cover; }
#slide8_9 { background: url(../media/images/homepage/sections/thumbs/8_9.jpg) no-repeat center / cover; }
#slide8_10 { background: url(../media/images/homepage/sections/thumbs/8_10.jpg) no-repeat center / cover; }
#slide8_11 { background: url(../media/images/homepage/sections/thumbs/8_11.jpg) no-repeat center / cover; }
#slide8_12 { background: url(../media/images/homepage/sections/thumbs/8_12.jpg) no-repeat center / cover; }
#slide8_13 { background: url(../media/images/homepage/sections/thumbs/8_13.jpg) no-repeat center / cover; }
#slide9_1 { background: url(../media/images/homepage/sections/thumbs/9_1.jpg) no-repeat center / cover; }
#slide9_2 { background: url(../media/images/homepage/sections/thumbs/9_2.jpg) no-repeat center / cover; }
#slide9_3 { background: url(../media/images/homepage/sections/thumbs/9_3.jpg) no-repeat center / cover; }
#slide9_4 { background: url(../media/images/homepage/sections/thumbs/9_4.jpg) no-repeat center / cover; }
#slide9_5 { background: url(../media/images/homepage/sections/thumbs/9_5.jpg) no-repeat center / cover; }
#slide9_6 { background: url(../media/images/homepage/sections/thumbs/9_6.jpg) no-repeat center / cover; }
#slide9_7 { background: url(../media/images/homepage/sections/thumbs/9_7.jpg) no-repeat center / cover; }


/*********************************************** BOTTOM IMAGE *******************************************************/
#bottom_image {
	height: 50vh;
	background: url(../media/images/homepage/hp_6.jpg) no-repeat top center / cover;
}

/*********************************************** Contacts *******************************************************/
#contacts {
	margin: 0;
	width: 100%;
	background-color: white;
	text-align: left;
}

#contacts_inner {
	width: 95%;
	margin: auto;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

#contacts h1 {
	font-size: 30px;
	color: RGB(46, 148, 203);
	padding: 30px;
}

#contacts_info {
	width: 100%;
	max-width: 1000px;
	background-color: #f0f0f0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
	font-size: 12px;
	line-height: 20px;
}

#contacts h2 {
	color: RGB(46, 148, 203);
}

#contacts_info span {
	font-weight: bold;
}

#googleMap {
	padding: 2%;
}

#form {
    margin: 40px 0 60px 0;
    max-width: 800px;
    width: 100%;
    text-align: center;
    overflow: hidden;
}

#form p {
	text-align: right;
	margin-right: 40px;
}

#form input:not(.submit-btn), #form textarea {
    background-color: RGB(0,141,175);
    width: 100vw;
    max-width: 320px;
    padding: 18px;
    margin: 5px 1px 0 1px;
    border: 1px solid RGBA(0,0,0,0);
    color: black;
}

#form textarea {
    width: 100vw;
    max-width: 684px;
    height: 80px;
}

#form input.submit-btn {
    background-color: RGB(0,80,100);
    width: 100vw;
    max-width: 722px;
    color: white;
	padding: 18px;
    margin-bottom: 30px;
	margin-top: 1px;
}

#form input::placeholder, #form textarea::placeholder { color: white; }
#form input:hover::placeholder, #form textarea:hover::placeholder { color: black; }

#form input:not(.submit-btn):hover, #form textarea:hover {
	background-color: #FFF;
	border: 1px solid RGB(0, 80, 123);
	color: black;
}

#form input.submit-btn:hover {
	background-color: RGB(0, 205, 255);
	color: white;
	cursor: pointer;
}

#form-result {
	animation: animated-hide 3s ease 1s 1 normal forwards running;
	position: fixed;
	width: 100%;
	z-index: 10;
	text-align: center;
	top: 60px;
	font-size: 12px;
	padding: 12px;
}

#form-result.no-show {
	display: none;
}

#form-result.result-success {
	background-color: #dff2bf;
	color: #4f8a10;
}

#form-result.result-error {
	background-color: #ffbaba;
	color: #d8000c;
}

/* ******************************************** CATALOG ********************************************* */

#submenucat {
	z-index: 100;
	position: fixed;	
	margin-top: 70px;
	background-color: rgba(0, 0, 0,0.2);
	height: 100%;	
}

#submenulabel {
	padding: 10px;
	text-align: center;
	color: white;
}
	
#submenubar {
	width: 140px;	
	background-color: rgba(46, 148, 203,0.5);
}

#submenubar div.navbar {	
	color: #FFFFFF;	
	width: 100%;
	padding: 0;
	height: 35px;
	border-top: 1px solid #36a0d0;	
	display: table;
	cursor: pointer;
}		

#submenubar div.navfirst {	
	border: none;		
}

#submenubar div.navbar span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#submenubar div.navbar:hover {
    background-color: RGB(46,148,203);
}

#submenubar div.selected {
	background-color: #0EA9C9;
}

#cat-selector {
	text-align: right;
	margin: 10px 10px -15px 0px;
	background-color: #F8F8F8;
	border-radius: 5px;
	border: solid 1px #e0e7ee;
	height: 43px;
	padding-right: 10px;	
	line-height: 45px;
	white-space: nowrap;	
	visibility: hidden;
}

#cat-selector select {
	cursor: pointer;
	border: 1px solid #ccc;
	background: transparent;
	height: 30px;
}

#catalog-list {
	overflow: hidden;	
	padding-top:70px;
	padding-bottom: 40px;
	margin-left: 140px;
}

#catalog-list div.box {
	float: left;
	position: relative;
	width: 20%;
	padding-bottom: 26.6%;	
	margin: 15px 2.5% 15px 2.5%;	
}

#catalog-list div.boxInner {
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	overflow: hidden;	
	box-shadow: 10px 10px 30px #888888;	
	box-sizing: border-box;
	border:1px solid grey;
}

#catalog-list div.titleBox {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;	
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	padding: 10px;
	text-align: center;
	transition: all 0.3s ease-out;
}

#catalog-list div.boxInner:hover {
	box-shadow: 10px 10px 30px #222244;	
	cursor:pointer;	
}

#catalog-list div.boxInner:hover div.titleBox, #catalog-list div.boxInner.touchFocus div.titleBox {	
	background: rgba(0, 0, 0, 0.9);
}

#rodapecat {
	background-color: rgba(46, 148, 203,0.7);
	color: #FFFFFF;
	text-align: center;	
	position: fixed;
	height: 40px;
	width: 100%;	
	bottom: 35px;
	z-index: 120;	
}

/* ******************************************** RODAPÉ ********************************************* */
#footer {	
	background-color: #FFF;	
	position: fixed;
	padding-left: 25px;
	height: 35px;
	width: 100%;	
	bottom: 0;
	border-top: 1px solid #D0D0D0;
	z-index: 120;	
}

#footer-aux {
	display: inline-flex;
	width: 100%;
}

#footer p {	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 45%;
	font-size: 10px;
	padding-top: 3px;
}

#footer a { 
	text-decoration: none;
	font-size: 10px;
	padding-top: 12px;
}	

#newsletter-form {
	position: absolute;
    top: 0;
    right: 0;
    margin-right: 120px;
	padding-top: 9px;
}

#newsletter-form .wrapped-input { 
	font-size: 11px; 
	width: 150px;
}

#newsletter-form .submit-btn {
	font-size: 11px;
}

#site-lang {
	position: absolute;
    top: 0;
	right: 0;
    background-color: #EEE;   
    margin-right: 50px;   
	border: 1px solid #D0D0D0;
	margin-top: -35px;
}

#site-lang.um-lang {
	margin-top: 0px;
}

#site-lang.um-lang a.item-hidden {
	display: none;	
}

#site-lang a {	
	display: block;
	padding: 1px 5px 0px 5px;
	border: 1px solid transparent;
}

#site-lang a:hover {	
	background-color: #CCC;
}

/***************************************************** ANIMATIONS ************************************************************/
@keyframes animated-hide {
	0% { opacity: 1.00; }
	25% { opacity: 0.75; }
	50% { opacity: 0.50; }
	75% { opacity: 0.25; }
	100% { 
		opacity: 0.00;
		visibility: hidden;
	}
}

/***************************************************** MOBILE ************************************************************/

@media only screen and (max-width: 800px) {
	#menubar {
		display: none;
	}
	#menubutton {
		display: inherit;
	}
	#menubar.show-small {
		background-color: rgba(46, 148, 203, 0.6);
		display: table-column;
		float: right;
		margin: 70px 0;
		width: 200px;
	}
	#menubar.show-small .navbar {
		border-bottom: 1px solid white;
		display: block;
		padding: 10px;
		width: 100%;
		height: 12px;
	}
	#menubar.show-small .navbar img {
		display: none;
	}
}

@media only screen and (max-width: 778px) {	
	#benefits_outer { background-size: 225px auto; }
	#benefits_inner { margin: auto 2px auto 250px; }
	
	#form textarea {
		max-width: 320px;
		overflow-y: scroll;
	}
	
	#form p { text-align: center; }
	#form input.submit-btn { max-width: 358px; }
}

@media only screen and (max-width: 560px) {	
	#benefits_outer { background: none; }
	#benefits_inner { margin: auto 10px; } 
	
	#prod_tiles a.tiles {
		height: 70px;
		width: 70px;
	}

	#prod_tiles div.main_tile, #prod_tiles a.tiles { border: 3px solid white; }
	#prod_tiles div.tiles_info p { font-size: 10px; }
	
	#prod_tile_01 {transform: translate(71px, 211px);}
	#prod_tile_02 {transform: translate(99px, 134px);}
	#prod_tile_03 {transform: translate(169px, 94px);}
	#prod_tile_04 {transform: translate(249px, 108px);}
	#prod_tile_05 {transform: translate(302px, 170px);}
	#prod_tile_06 {transform: translate(301px, 251px);}
	#prod_tile_07 {transform: translate(249px, 314px);}
	#prod_tile_08 {transform: translate(169px, 328px);}
	#prod_tile_09 {transform: translate(98px, 287px);} 
	
	#prod_tiles div.main_tile {
		height: 110px;
		width: 110px;
		transform: translate(170px, 192px);
	}
	
	#prod_tiles div.main_tile p { font-size: 15px; }
	
	#footer-aux { display: none; }
}

@media only screen and (max-width : 1290px) and (min-width : 1051px) {	
	#catalog-list div.box {
		width: 28%;
		padding-bottom: 38%;
		margin: 15px 2.5% 15px 2.5%;
	}
	
	#intro .slideshow-container { max-height: 250px; }
}

@media only screen and (max-width : 1050px) and (min-width : 651px) {	
	#catalog-list div.box {
		width: 28%;
		padding-bottom: 37.4%;
		margin: 15px 2.5% 15px 2.5%;
	}
	
	#intro .slideshow-container { max-height: 200px; }
}

@media only screen and (max-width : 650px) and (min-width : 481px) {	
	#catalog-list div.box {
		width: 44.8%;
		padding-bottom: 59.8%;
		margin: 15px 2.5% 15px 2.5%;
	}
	
	#intro .slideshow-container { max-height: 150px; }
}

@media only screen and (max-width : 480px) {	
	#catalog-list div.box {
		width: 80%;
		padding-bottom: 105%;
		margin: 15px 10% 15px 10%;
	}	
	
	#intro .slideshow-container { max-height: 100px; }
}

@media only screen and (max-height : 380px) {		
	#submenucat { display: none; }
	#cat-selector { visibility: visible; }
	#catalog-list { margin-left: 20px; }
	#intro .slideshow-container { max-height: 300px; }
}