/*-----ANIMACAO MARCA HOME ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.logomarca{position:absolute;left:30px;top:30px;z-index:20;	}
.logomarca-greenhouse{float:left;	}
.logomarca p{float:left;font-family: 'Roboto Condensed', Tahoma, Geneva, sans-serif;letter-spacing:4px;color:#FFF;margin-left:15px;line-height:16px;}
.logomarca-greenhouse, .hometxt-1, .hometxt-2, .hometxt-3, .hometxt-4, .hometxt-5 { 
-webkit-animation-duration: 3s;  -moz-animation-duration: 3s;  -ms-animation-duration: 3s;  -o-animation-duration: 3s;  animation-duration: 3s;  
-webkit-animation-iteration-count: 1;-moz-animation-iteration-count: 1;  -ms-animation-iteration-count: 1;  -o-animation-iteration-count: 1;  animation-iteration-count: 1;  
-webkit-animation-timing-function: ease-in-out;-moz-animation-timing-function: ease-in-out;-ms-animation-timing-function: ease-in-out;-o-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;  
-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-ms-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;  
}
@-ms-keyframes logomarca-greenhouse {0% {opacity:0;}50% {opacity:1;}100% {opacity:1;}}
@-webkit-keyframes logomarca-greenhouse {0% {opacity:0;}50% {opacity:1;}100% {opacity:1;}}  
@-moz-keyframes logomarca-greenhouse {0% {opacity:0;}50% {opacity:1;}100% {opacity:1;}}  
@-o-keyframes logomarca-greenhouse {0% {opacity:0;}50% {opacity:1;}100% {opacity:1;}}  
@keyframes logomarca-greenhouse {0% {opacity:0;}50% {opacity:1;}100% {opacity:1;}}  
.logomarca-greenhouse {-webkit-animation-name: logomarca-greenhouse;-moz-animation-name: logomarca-greenhouse;-ms-animation-name: logomarca-greenhouse;-o-animation-name: logomarca-greenhouse;animation-name: logomarca-greenhouse;}

@-ms-keyframes hometxt-1 {0%{opacity:0;font-size:16px;}50% {opacity:0;font-size:16px;}55% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}
@-webkit-keyframes hometxt-1 {0%{opacity:0;font-size:16px;}50% {opacity:0;font-size:16px;}55% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-moz-keyframes hometxt-1 {0%{opacity:0;font-size:16px;}50% {opacity:0;font-size:16px;}55% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-o-keyframes hometxt-1 {0%{opacity:0;font-size:16px;}50% {opacity:0;font-size:16px;}55% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@keyframes hometxt-1 {0%{opacity:0;font-size:16px;}50% {opacity:0;font-size:16px;}55% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
.hometxt-1 {-webkit-animation-name: hometxt-1;-moz-animation-name: hometxt-1;-ms-animation-name: hometxt-1;-o-animation-name: hometxt-1;animation-name: hometxt-1;  }

@-ms-keyframes hometxt-2 {0%{opacity:0;font-size:16px;}55% {opacity:0;font-size:16px;}60% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}
@-webkit-keyframes hometxt-2 {0%{opacity:0;font-size:16px;}55% {opacity:0;font-size:16px;}60% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-moz-keyframes hometxt-2 {0%{opacity:0;font-size:16px;}55% {opacity:0;font-size:16px;}60% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-o-keyframes hometxt-2 {  0%{opacity:0;font-size:16px;}55% {opacity:0;font-size:16px;}60% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@keyframes hometxt-2 {  0%{opacity:0;font-size:16px;}55% {opacity:0;font-size:16px;}60% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
.hometxt-2 {-webkit-animation-name: hometxt-2;-moz-animation-name: hometxt-2;-ms-animation-name: hometxt-2;-o-animation-name: hometxt-2;animation-name: hometxt-2;  }

@-ms-keyframes hometxt-3 {0%{opacity:0;font-size:16px;}60% {opacity:0;font-size:16px;}65% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}
@-webkit-keyframes hometxt-3 {0%{opacity:0;font-size:16px;}60% {opacity:0;font-size:16px;}65% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-moz-keyframes hometxt-3 {0%{opacity:0;font-size:16px;}60% {opacity:0;font-size:16px;}65% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-o-keyframes hometxt-3 {  0%{opacity:0;font-size:16px;}60% {opacity:0;font-size:16px;}65% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@keyframes hometxt-3 {  0%{opacity:0;font-size:16px;}60% {opacity:0;font-size:16px;}65% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
.hometxt-3 {-webkit-animation-name: hometxt-3;-moz-animation-name: hometxt-3;-ms-animation-name: hometxt-3;-o-animation-name: hometxt-3;animation-name: hometxt-3;  }

@-ms-keyframes hometxt-4 {0%{opacity:0;font-size:16px;}65% {opacity:0;font-size:16px;}70% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}
@-webkit-keyframes hometxt-4 {0%{opacity:0;font-size:16px;}65% {opacity:0;font-size:16px;}70% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-moz-keyframes hometxt-4 {0%{opacity:0;font-size:16px;}65% {opacity:0;font-size:16px;}70% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-o-keyframes hometxt-4 {  0%{opacity:0;font-size:16px;}65% {opacity:0;font-size:16px;}70% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@keyframes hometxt-4 {  0%{opacity:0;font-size:16px;}65% {opacity:0;font-size:16px;}70% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
.hometxt-4 {-webkit-animation-name: hometxt-4;-moz-animation-name: hometxt-4;-ms-animation-name: hometxt-4;-o-animation-name: hometxt-4;animation-name: hometxt-4;}

@-ms-keyframes hometxt-5 {0%{opacity:0;font-size:16px;}70% {opacity:0;font-size:16px;}75% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}
@-webkit-keyframes hometxt-5 {0%{opacity:0;font-size:16px;}70% {opacity:0;font-size:16px;}75% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-moz-keyframes hometxt-5 {0%{opacity:0;font-size:16px;}70% {opacity:0;font-size:16px;}75% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@-o-keyframes hometxt-5 {  0%{opacity:0;font-size:16px;}70% {opacity:0;font-size:16px;}75% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
@keyframes hometxt-5 {  0%{opacity:0;font-size:16px;}70% {opacity:0;font-size:16px;}75% {opacity:1;font-size:12px;}100% {opacity:1;font-size:12px;}}  
.hometxt-5 {-webkit-animation-name: hometxt-5;-moz-animation-name: hometxt-5;-ms-animation-name: hometxt-5;-o-animation-name: hometxt-5;animation-name: hometxt-5;}

.logopreto .logomarca p{color:#000;}


/*----- MENU GERAL ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.menu{position:absolute; right:66px; top:42px; z-index:10;}

/*----- MENU BANDEIRAS ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.bandeiras{padding:20px; margin-left:-13px;}
.bandeiras img{display:table; margin-bottom:15px;transition: all 0.5s ease;transform-style: preserve-3d;}
.bandeiras img:hover {transform: rotateY(180deg);} 

/*----- MENU BOX ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.link-estilomenu{color:#000;transition: all 0.5s ease; text-transform:uppercase; letter-spacing:1px; font-weight:300; font-size:15px;font-family: 'Roboto', Tahoma, Geneva, sans-serif;}
.link-estilomenu:hover { color:#333; }
.link-estilomenu p{margin-block-start: 0em;margin-block-end: 0em; padding-top:0.6em; padding-bottom:0.6em;transition: all 0.5s ease;}
.link-estilomenu p:hover{background:#CCC; padding-left:10px; color:#FFF;}


.linhasmenu{line-height:14px;margin-bottom: 55px;margin-top: 45px;}
.linhamenu-1{width:34px; height:3px; border-radius:50px; background:#000;margin:4px 0px 0px 8px;}
.linhamenu-2{width:50px; height:3px; border-radius:50px; background:#000;margin:4px 0px;}
.linhamenu-3{width:34px; height:3px; border-radius:50px; background:#000;margin:4px 0px 0px 8px;}

.linhamenu-1 {transition: all 0.5s ease;}
.linhasmenu:hover .linhamenu-1 {width:50px;margin:4px 0px 0px 0px; }
.linhamenu-3 {transition: all 0.5s ease;}
.linhasmenu:hover .linhamenu-3 {width:50px;margin:4px 0px 0px 0px; }
.menu-linhafixa{width:50px; height:3px; border-radius:50px; background:#000;margin:4px 0px;}

.linksmenu-off{display:none; position:absolute; left:-150px; top:0px; background:#FFF;}

.linksmenu-on {
  -webkit-animation-name: linksmenu-on;
  -webkit-animation-duration:1s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  
  display:block; position:absolute; left:-165px; bottom:-47px; background:#FFF;padding: 51px 20px 8px 10px; width:130px; z-index:10;
}

.pg-interna .linksmenu-on {bottom:auto; top:162px;}
@-webkit-keyframes linksmenu-on {
  0% {display:block; opacity:0;}
  100% {display:block; opacity:1;}
}

.fechamenu{position:absolute; top:5px; left:5px; z-index:20;}

/*----- MENU CAFÉ ------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.cafe{ width:68px; height:150px; position:relative; margin-left: -5px; margin-top: 17px;}
.linkcafe{ text-decoration:none;}
.copo { transition: all 0.5s ease; position:absolute; left:0px; bottom:40px; z-index:2;}
.tampa {transition: all 0.5s ease;position:absolute; left:1px; top:25px; z-index:3;}
.cafe:hover .tampa { transform: rotate(10deg);left:9px;top:28px; }
.txtcafe{position:absolute; left:5px; bottom:-4px; z-index:4; display:flex;}
.txtcafe-int1{transition: all 0.5s ease;text-transform:uppercase; color:#000; font-size:14px; font-weight:300; float:left; text-align:center}
.txtcafe-int2{transition: all 0.5s ease; text-transform:uppercase; color:#000; font-size:14px; font-weight:300; float:left; margin-left: -15px; margin-top: 30px;}
.cafe:hover .txtcafe-int1{ font-size:15px;}
.cafe:hover .txtcafe-int2{ font-size:16px; font-weight:bold; transform:rotate(20deg)}

@media (max-width: 990px) {
	.cafe {display:none;}
	.logomarca{left:5px;top:5px;}
	.logomarca-greenhouse {height: 134px;}
	.bandeiras {display: block; padding: 5px 20px 5px 0px;}
	.bandeiras img {display:inline;margin-bottom: 15px;}
	.linhasmenu {margin-bottom: 0px;margin-top: 0px;}
	.linksmenu-on {left: -161px;bottom: -240px;}
	.menu {right: 10px;top: 10px;}
	.pg-interna .linksmenu-on {bottom: auto;top: 60px;}
}