/*|||||||||||||||ESTILO DA GALERIA||||||||||||||*/

.prev{width:4em;height:40%;position: absolute;top:0;left:2em;bottom:0;margin:auto;color: #fff;
background:url(../imagens/prev.svg) #fd8204 center center  no-repeat;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.next{width:4em;height:40%;position: absolute;top:0;right:2em;bottom:0;margin:auto;background: #fff;color: #fff;
background:url(../imagens/next.svg) #fd8204 center center  no-repeat;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.prev:hover{transition-duration:0.3s; -webkit-transition-duration:0.3s;opacity: 0.5;}
.next:hover{ transition-duration:0.3s; -webkit-transition-duration:0.3s;opacity: 0.5;}
.container_galeria{width:100%;height: 100%; position: fixed;background:rgba(0, 0, 0, 0.9);z-index: 9999;}

#galeria{width:70%;height:70%;position: relative;position: fixed;left: 0;bottom: 0;top: 0;right: 0;margin: auto; z-index: 999;  /* background: url('../imagens/load.GIF') no-repeat center center;*/}
#galeria img{max-width:100%;max-height: 100%;display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto;z-index: 9;border: 10px #fff solid; }

#galeria iframe{

  width: 680px;
  height: 450px;
  margin: 0 auto;
  display: block;
  border: none;
}


.tit_galeria{width: 100%;position: absolute;left: 0;top:0;right:0;bottom:0; display: block;text-align: left;z-index: 9;margin: auto;}
.tit_galeria strong{display: block;text-transform: uppercase;font-size:14px; color: #fff;}
.tit_galeria span{display: block;font-size:14px;color: #fff;position: absolute;left: 0; }

.fecha_galeria{width:70px;height:70px; display: block;position: absolute;right:30px;top:30px;background:url(../imagens/close.svg) center center no-repeat;
	background-size: 50% 50%;text-indent: -9999px;z-index: 9999;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.fecha_galeria:after{content: "";width: 100%;height: 100%;display: block;border: 1px #fff  solid;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.fecha_galeria:hover{background-color:#fd8204;transition-duration:0.3s; -webkit-transition-duration:0.3s; }
.fecha_galeria:hover:after{border: 1px #fd8204  solid;transition-duration:0.3s; -webkit-transition-duration:0.3s;}


.indicadores  { height: 50px; position:absolute; right:0; left:0; bottom:5%;  margin:auto; z-index:9999;text-align: center;}
.indicadores  a{width:22px; height:22px;  display:inline-block; position:relative;margin:0 10px;
   -webkit-transform: rotate(45deg);
    transform: rotate(45deg);}
.indicadores  a:before{content: "";width:12px; height:12px;  display:block; background:#fff;position:absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.indicadores  a:after{content: "";width:4px; height:4px;  display:block; position:absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;border: 1px #fff  solid;
transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.indicadores  a:hover:after{width:20px; height:20px;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.indicadores  a:hover:before{width:6px; height:6px;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.indicadores  .indicadorativo:after{width:20px; height:20px;transition-duration:0.3s; -webkit-transition-duration:0.3s;}
.indicadores  .indicadorativo:before{width:6px; height:6px;transition-duration:0.3s; -webkit-transition-duration:0.3s;}



.bubblingG {
position: absolute;
margin: auto;
top:0;
bottom: 0;
left: 0;
right: 0;
width:80px;
height:50px;
}

.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #000000;
-moz-border-radius: 50px;
-moz-animation: bubblingG 1.3s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1.3s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1.3s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1.3s infinite alternate;
border-radius: 50px;
animation: bubblingG 1.3s infinite alternate;
}

#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}

#bubblingG_2 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}

#bubblingG_3 {
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}

@-moz-keyframes bubblingG {
  0% {
  width: 10px;
  height: 10px;
  background-color:#000000;
  -moz-transform: translateY(0);
  }

  100% {
  width: 24px;
  height: 24px;
  background-color:#FFFFFF;
  -moz-transform: translateY(-21px);
  }
}

@-webkit-keyframes bubblingG {
  0% {
  width: 10px;
  height: 10px;
  background-color:#000000;
  -webkit-transform: translateY(0);
  }

  100% {
  width: 24px;
  height: 24px;
  background-color:#FFFFFF;
  -webkit-transform: translateY(-21px);
  }
}

@-ms-keyframes bubblingG {
  0% {
  width: 10px;
  height: 10px;
  background-color:#000000;
  -ms-transform: translateY(0);
  }

  100% {
  width: 24px;
  height: 24px;
  background-color:#FFFFFF;
  -ms-transform: translateY(-21px);
  }
}

@-o-keyframes bubblingG {
  0% {
  width: 10px;
  height: 10px;
  background-color:#000000;
  -o-transform: translateY(0);
  }

  100% {
  width: 24px;
  height: 24px;
  background-color:#FFFFFF;
  -o-transform: translateY(-21px);
  }
}

@keyframes bubblingG {
  0% {
  width: 10px;
  height: 10px;
  background-color:#000000;
  transform: translateY(0);
  }

  100% {
  width: 24px;
  height: 24px;
  background-color:#FFFFFF;
  transform: translateY(-21px);
  }
}

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

#galeria{width:inherit;height:inherit ;padding: 30px; }
.prev {
    width: 50px;
    height: 80px;
    left: 19px;
    background-size: 66%;

}
.next {
    width: 50px;
    height: 80px;
    right: 19px;
    background-size: 66%;

}



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

#galeria{width: 95%;height: 95%;padding: 5%; }


#galeria iframe{

  width: 100%;
  height: 450px;
}



.indicadores{bottom:2%;}

.next{opacity: 0.7;right: 0;}
.prev{opacity: 0.7;left: 0;}
}



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

.fecha_galeria{width: 40px;height:40px;background:url(../imagens/close.svg) #fd8204 center center no-repeat;right: 7px;top: 7px;}
.fecha_galeria:after{border: 1px #fd8204 solid;}

}


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

.fecha_galeria{right: 12px;top: 0;}

}

@media screen and (max-width: 400px){
.tit_galeria span {
    padding-right: 37px;
}

@media only screen and (device-width: 1024px) and (orientation: landscape){
 .tit_galeria span{display: none;}
}