@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400italic);

/** Geral **/
*{margin:0;padding:0; box-sizing: border-box;}
ul,li{list-style:none;}
*:focus{outline:none;}
.clear{clear:both;}
a, a:hover, a:visited{text-decoration:none;border:0 none; color: inherit;}
img{border:0 none;}
::-moz-selection{background:#fff;color:#000;}
::selection{background:#fff;color:#000;}
textarea{resize:none;}
input, textarea, select {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}


*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
font-family: 'Lato', sans-serif;}

html, body{ background: #000;}

.container{width: 100%; max-width: 940px; padding: 20px;}
.container_border{width: 100%; padding: 20px; }
.sempadding{padding: 0px;}
.semmargin{margin: 0px !important;}
.main{min-width: 1550px;}

/****** TOPO ******/

  .topo{position: fixed; width: 100%; padding-bottom: 0px; z-index: 99; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
  .logo{position: relative; z-index: 10; display: block; width: 151px; height: 58px; background: url('img/logo.png') center center no-repeat; background-size: cover; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
  .menu{position: relative; z-index: 9; margin-top: -60px; width: 100%; height: 80px; border-bottom: 1px solid #fff; padding-left: 180px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
  .menu .abre_menu{display: none;}
  .menu ul{float: right; display: block;}
  .menu ul li{display: inline-block; float: left; margin: 20px 0 40px 0; position: relative; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
  .menu ul li a{color: #fff; padding: 20px 40px; font-size: 13px; text-transform: uppercase; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
  .menu ul li.restrita a{ background: #000911;}
  .menu ul li.restrita.ativo a{ background: #fff; color: #000;}
  .menu .active{width: 100px; height: 3px; background: #fff; display: block; position: absolute; bottom: -1px; right: 0px; opacity: 0;}
  .menu ul li ul.submenu{position: absolute; z-index: 100; display: none; width: 100%; top: 60px;}
  .menu ul li ul.submenu li{display: block; float: initial; margin: 0px; width: 100%; list-style: none !important; float: none;list-style-type: none; list-style-image: none;}
  .menu ul li ul.submenu li a{padding: 20px 0px; text-align: center; display: block; border: 1px solid rgba(255, 255, 255, 0); background: #000; white-space: nowrap;}
  .menu ul li ul.submenu li:first-child a{background: #000 url('img/submenu.png') top center no-repeat; border-top: 0px !important;}
  .menu ul li ul.submenu li a:hover{border: 1px solid rgba(255, 255, 255, 1);}

  .topo.reduzido, .topo.int{background: #000; padding-bottom: 0px;}
  .topo.reduzido .logo{width: 120px; height: 45px;
    background/*\**/: none\9; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png', sizingMethod='scale')";
  }
  .topo.reduzido .menu{margin-top: -50px; height: 60px;}
  .topo.reduzido .menu ul li{margin: 10px 0 20px 0;}
  .topo.reduzido .menu ul li ul.submenu{top: 50px;}
  .topo.reduzido .menu ul li ul.submenu li{margin: 0px;}
  .topo.reduzido .menu ul li a{padding: 10px 40px;}

  @media (max-width: 999px){
    .menu ul li a{padding: 20px 20px;}
  }

  @media (max-width: 829px){
    .menu ul li a{padding: 20px 10px;}
  }

   @media (max-width: 700px){
    .topo{ background: #000;}
    .menu .abre_menu{width: 50px; height: 50px; background: url('img/abre_menu.jpg') center center no-repeat; background-size: contain; display: block; float: right; margin-top: 10px; cursor: pointer;}
    .topo.reduzido .menu .abre_menu{margin-top: 0px; width: 40px; height: 40px;}
    .topo.reduzido .menu ul{top: 50px;}
    .menu ul{background: #000; position: absolute; top: 70px; right: -20px; display: none;}
    .menu ul li{display: block; float: right; clear: both; margin: 15px 0;}
    .menu ul li a{padding: 15px 30px;}
    .menu ul li ul.submenu{border-right: 2px solid #fff; right: 158px; top: -25px; width: 158px; }
    .menu ul li ul.submenu li:first-child a{background: #000 url('img/submenu_.png') center right no-repeat; border-right: 0px; border-top: 1px solid #000 !important; }
    .menu ul li ul.submenu li:first-child a:hover{ border-top: 1px solid #fff !important; }
    .menu .active{display: none !important;}
  }

/****** INDEX ******/

  /****** INDEX - BANNER ******/

    #body{height: 100%; width: 100%; position: absolute; display: block;}
    .fixed-top{height: 100%; width: 100%; display: table; position: relative; z-index: 1;}
    .banner{display: block; width: 100%; min-width: 1550px; height: 100%; position: absolute; top: 0px;}
    .banner .item{display: block; width: 100%; height: 100%; position: absolute; opacity: 0; display/*\**/: none\9; }
    .banner .item.ativo{opacity: 1; display/*\**/: block\9; }
    .banner .item a{display: block; width: 100%; position: absolute; bottom: 175px; z-index: 1;}
    .banner .item a .mais{width: 51px; height: 51px; display: block; background: url('img/sprites.png') no-repeat; background-position: -217px -373px; margin: -50px auto; opacity: 0; display/*\**/: none\9;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; }
    .banner .item a:hover .mais{opacity: 1; display/*\**/: block\9;   margin: 20px auto;}
    .banner .item a .titulo{font-size: 40px; font-weight: 300; text-transform: uppercase; text-align: center; color: #fff; display: block;}
    .banner .item a .desc{font-size: 14px; font-weight: 300; text-transform: uppercase; text-align: center; color: #fff; display: block;}
    .banner .ant{width: 47px; height: 86px; display: block; background: url('img/setas_banner.png') left top no-repeat; position: absolute; left: 20px; top: 50%; z-index: 10;}
    .banner .prox{width: 47px; height: 86px; display: block; background: url('img/setas_banner.png') right top no-repeat; position: absolute; right: 20px; top: 50%; z-index: 10;}
    .banner .ant:hover{background: url('img/setas_banner.png') left -88px no-repeat;}
    .banner .prox:hover{background: url('img/setas_banner.png') right -88px no-repeat;}
    .banner .pag{display: block; width: 100%; position: absolute; bottom: 150px; z-index: 1;}
    .banner .pag .linha{width: 80%; max-width: 1170px; height: 1px; display: block; background: #fff; margin: 0 auto; position: relative;}
    .banner .pag .active{width: 100px; height: 3px; background: #fff; display: block; position: absolute; bottom: -1px; left: 0px;}
    .banner .role{display: block; width: 100%; position: absolute; bottom: 0px; z-index: 1;}
    .banner .role p{font-size:13px; text-transform: uppercase; text-align: center; color: #fff;}
    .banner .role .mouse{ width: 25px; height: 50px; display: block; margin: 10px auto 0; background: url('img/sprites.png') no-repeat; background-position: -170px -493px;}
    .banner .role .setabaixo{ width: 25px; height: 30px; display: block; margin: 10px auto; background: url('img/sprites.png') no-repeat; background-position: -170px -548px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .banner .role .setabaixo.baixo{margin: 0px auto 20px auto; }

  /****** INDEX - GALERIAS ******/

    .galerias{display: block; width: 100%; height: 970px; position: relative; padding: 0px 20px;}
    .galerias .border{border-top: 1px solid rgba(255, 255, 255, 0.5); border-top/*\**/: 1px solid #fff\9;  border-bottom: 1px solid rgba(255, 255, 255, 0.5);  border-bottom/*\**/: 1px solid #fff\9; height: 100%;}
    .galerias .fotos{width: 50%; height: 100%; display: table; border-right: 1px solid #fff; float: left; overflow: visible; position: relative;}
    .galerias .videos{width: 50%; height: 100%; display: table; float: left; overflow: visible; position: relative;}
    .galerias .img{width: calc(100% + 20px); width/*\**/: 100%\9;  height: 100%; display: block; position: absolute; opacity: 0; display/*\**/: none\9; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;
      -webkit-filter: grayscale(1) blur(5px);
      /*-moz-filter: grayscale(1) blur(5px);*/
      filter: grayscale(1) blur(5px); }
    .galerias .fotos:hover .img{opacity: 0.3; display/*\**/: block\9; }
    .galerias .videos:hover .img{opacity: 0.3; display/*\**/: block\9; }
    .galerias .seleciona { display: table-cell; vertical-align: middle; position: relative; z-index: 1;}
    .galerias .btn_redondo{width: 215px; height: 215px; display: block; margin: 0 auto; padding-top: 65px; position: relative;}
    .galerias .btn_redondo .bg{width:100%; height: 100%; display: block; background: url('img/btn_redondo.png') center center no-repeat; position: absolute; top: 0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .galerias .seleciona:hover .btn_redondo .bg{ -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
    .galerias .pic_foto{width: 48px; height: 42px; display: block; background: url('img/sprites.png') no-repeat; background-position: -217px -424px; margin: 0 auto;}
    .galerias .pic_video{width: 42px; height: 42px; display: block; background: url('img/sprites.png') no-repeat; background-position: -265px -424px;  margin: 0 auto;}
    .galerias .btn_redondo h2, .galerias .btn_redondo h3{font-size: 35px; text-transform: uppercase; text-align: center; color: #fff; font-weight: 300; margin-top: 5px;}
    .galerias .opcoes{display: block; margin: 10px auto; height: 0px; opacity: 0; position: absolute; width: 100%; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .galerias .seleciona:hover .opcoes{height: auto; opacity: 1;}
    .galerias .opcoes li{font-size: 20px; text-transform: uppercase; text-align: center; color: #fff; line-height: 40px; font-weight: 300; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; }
    .galerias .opcoes li:hover{ font-weight: 700;}
    .galerias .pic_logo{width: 90px; height: 90px; display: block; background: #000; border: 1px solid #fff; border-radius: 50px; position: absolute; left: 50%; margin-left: -45px; top: 50%; margin-top: -45px; z-index: 10; }
    .galerias .pic_logo .icone{background: url('img/sprites.png') no-repeat; background-position: -217px -341px; width: 67px; height: 32px; display: block; margin: 28px auto;}

  /****** INDEX - CONTATO ******/

    .contatos{display: block; width: 100%; height: 890px; position: relative; overflow: auto;}
    .contatos .border{height: 100%;}
    .contatos .esq{width: 50%; height: 100%; display: block; float: left;}
    .contatos .dir{width: 50%; height: 100%; display: block; float: right;}
    .contatos .depoimento{width: 470px; margin: 0 auto; top: 50%; margin-top: -150px; position: relative;}
    .contatos .depoimento p{font-family: 'Playfair Display', serif; font-size: 30px; font-weight: 400; line-height: 50px; font-style: italic; color: #fff;}
    .contatos .depoimento p::before{content: ""; width: 61px; height: 30px; display: block; background: url('img/sprites.png') no-repeat; background-position: -244px -67px; margin-bottom: 15px;}
    .contatos .depoimento p::after{content: ""; width: 61px; height: 30px; display: block; background: url('img/sprites.png') no-repeat; background-position: -244px -97px; position: absolute; right: 0; margin-top: 15px;}
    .contatos .depoimento img{margin: 60px auto 0 auto; display: block;}
    .contatos h4{font-size: 35px; text-transform: uppercase; text-align: center; color: #fff; font-weight: 300; margin-top: 5px; margin-bottom: 25px;}
    form.form{width: 450px; height: auto; display: block; margin: 120px auto 0 auto;}
    .form input[type="text"], .form input[type="email"], .form input[type="password"], .form textarea{width: 100%; height: 60px; border: 1px solid #fff; background: #000; margin-bottom: 20px; padding: 20px; color: #fff;}
    .form input[type="text"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus{border: 3px solid #fff; padding: 18px;}
    .form textarea{height: 180px;}
    .form input[type="submit"]{position: relative; z-index: 1; width: 100px; height: 100px; display: block; background: transparent; border: 1px solid #fff; color: #fff; text-transform: uppercase; border-radius: 50px; margin: 0 auto; cursor: pointer; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
    .form input[type="submit"]:hover{/*background: #fff; border: 1px solid #000; */color: #000;}
    .form .bg_enviar{width: 0px; height: 0px; background: #fff; display: block;  border-radius: 50px; opacity: 0; margin: -50px auto 0 auto;}

    .redes-s{
      margin-bottom: 28px;
    }

    .redes-s img{
      width:  35px;
      height: 36px;
      margin-right: 5px; 
    }

/****** RODAPÉ ******/

  .rodape{ width: 100%; height: 90px; color: #fff;}
  .rodape .border{ border-top: 1px solid #262626; padding: 25px 0;}
  .rodape .face{width: 36px; height:35px; display: block; background: url('img/sprites.png') no-repeat; background-position: -217px -289px; float: left;}
  .rodape .vimeo{width: 36px; height:35px; display: block; background: url('img/sprites.png') no-repeat; background-position: -257px -289px; float: left; margin-left: 5px;}
  .rodape p.endereco{font-size: 12px; float: left; margin: 10px 15px;}
  .rodape p.copy{font-size: 12px; float: right; margin: 10px 15px;}
  .rodape p.copy a{font-weight: bold;}

/****** INTERNAS ******/
  .interna{width: 1450px; margin: 200px auto 50px auto;}
  .interna .titulo{width: 855px; height: auto; display: block; border-bottom: 1px solid #fff; margin: 0 auto 80px auto;}
  .interna .titulo h1{border-bottom: 3px solid #fff; display: table; margin: 0 auto -2px auto; color: #fff; font-size: 40px;; text-transform: uppercase; text-align: center; font-weight: 300; padding-bottom: 20px;}
  .interna .titulo.sem_borda{ border-bottom: 0px; margin-bottom: 0px;}
  .interna .titulo.sem_borda h1{ border-bottom: 0px;}
  .interna .texto{color: #fff;}
  .interna .texto h2{font-size: 20px; text-transform: uppercase; font-weight: 300; line-height: 30px; margin: 30px 0;}
  .interna .texto p{font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: 0.7px;}

  .icones-rodape{
    float: left;
    /*margin-top: -10px;*/
  }

  .img-rodape{
    width: 35px;
    height: 36px;
    margin-right: 5px; 
  }

/****** INSTITUCIINAL ******/
  /****** QUEM SOMOS ******/
    .quemsomos .t1{width: 580px; float: left;}
    .quemsomos .t2{width: 100%; margin-top: 50px;}
    .quemsomos .t2 img{width: 515px; height: 470px; display: block; float: left; margin-top: 30px;}
    .quemsomos .t2 .dir{width: 710px; float: right;}
    .quemsomos .galeria{width: 830px; height: 580px; display: block; border: 1px solid #262626; float: left; padding-top: 40px; margin-left: 40px; position: relative;}
    .quemsomos #galeria.swiper-container{width: 749px; height: 498px;}
    .quemsomos #galeria .swiper-slide{width: 749px; height: 498px;  overflow: hidden;}
    .quemsomos #galeria_min.swiper-container{width: 749px; height: 100px;  margin-top: 15px;}
    .quemsomos #galeria_min .swiper-slide{width: auto; height: 100px; /*padding-left: 20px;*/ cursor: pointer;}
    .quemsomos #galeria_min .swiper-slide img{margin-right: 20px;}
    .quemsomos #galeria_min .swiper-slide:last-child img{margin-right: 0px;}
    .quemsomos #galeria_min .swiper-slide.ativo img{border: 2px solid #fff;}
    .quemsomos .swiper-slide img{width: auto; height: 100%; margin: 0 auto; display: block;}
    .quemsomos .galeria .ant{width: 56px; height: 56px; display: block; background: url('img/galeria.png') left top no-repeat; position: absolute; top: 260px; left: -20px; cursor: pointer;}
    .quemsomos .galeria .prox{width: 56px; height: 56px; display: block; background: url('img/galeria.png') right top no-repeat;  position: absolute; top: 260px; right: -20px; cursor: pointer;}
    .quemsomos .galeria .ant:hover{ background: url('img/galeria.png') left -59px no-repeat;}
    .quemsomos .galeria .prox:hover{ background: url('img/galeria.png') right -59px no-repeat;}
    .quemsomos #galeria .swiper-slide .zoom span{width: 82px;height: 82px; display: block; background: url('img/sprites.png') no-repeat; background-position: -225px -207px; position: relative; top: -280px; left: 350px; cursor: pointer; opacity: 0;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .quemsomos #galeria .swiper-slide:hover .zoom span{opacity: 1;}

  /****** O QUE FAZEMOS ******/
    .oquefazemos .texto{text-align: center;}
    .oquefazemos .servicos ul{width: auto; margin: 80px auto 50px auto;}
    .oquefazemos .servicos ul li{width: 355px; height: 355px; display: block; float: left; border: 1px solid #000; position: relative;}
    .oquefazemos .servicos ul li img{width: 100%; height: 100%;}
    .oquefazemos .servicos ul li img{display: none;}
    .oquefazemos .servicos ul li img.on{display: block;}

    .oquefazemos .servicos ul li .simu_img{display: none;}
    .oquefazemos .servicos ul li .simu_img.on{display: block;}

    .oquefazemos .servicos ul li .sobre{width: 300px; height: 300px; display: table; background: rgba(0,0,0,0.9); background/*\**/: #000\9; margin: 25px; position: absolute; top: 0px; opacity:0; display/*\**/: none\9; transform: rotateY( -180deg ); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .oquefazemos .servicos ul li:hover .sobre{opacity: 1; display/*\**/: block\9; transform: translateX( 0 ) rotateY( 0deg );}
    .oquefazemos .servicos ul li .sobre .alinha{display: table-cell; display/*\**/: block\9; vertical-align: middle; margin-top/*\**/: 10%\9; position/*\**/: relative\9; top/*\**/: -25%\9; margin-top/*\**/: 50%\9;}
    .oquefazemos .servicos ul li .sobre p.tit{font-size: 30px; text-transform: uppercase; font-weight: 300; color: #fff; text-align: center; padding: 0 20px;}
    .oquefazemos .servicos ul li .sobre .dash{ width: 20px; height: 5px; display: block; background: #fff; margin: 15px auto;}
    .oquefazemos .servicos ul li .sobre p.desc{ font-family: 'Georgia', sans-serif; font-size: 14px; text-decoration: italic; color: #fff; text-align: center; line-height: 20px; padding: 0 50px;}




  /****** CLIPPINGS ******/
    .clippings .texto{text-align: center}
    .clippings .clips ul{width: auto; margin: 80px auto 50px auto;}
    .clippings .clips ul li{width: 700px; height: 353px; display: block; float: left; border: 1px solid #262626; padding: 25px; margin: 0 0 20px 20px;}
    .clippings .clips ul li img{width: 302px; height: 302px; display: block; float: left;}
    .clippings .clips ul li .sobre{width: 322px; height: 302px; margin-left: 20px; float: left; position: relative;}
    .clippings .clips ul li .sobre p.tit{font-size: 20px; text-transform: uppercase; font-weight: 300; color: #fff; text-align: left;}
    .clippings .clips ul li .sobre .dash{ width: 20px; height: 5px; display: block; background: #fff; margin: 40px 0 30px 0;}
    .clippings .clips ul li .sobre p.desc{ font-family: 'Georgia', sans-serif; font-size: 15px; text-decoration: italic; color: #fff; text-align: left; line-height: 20px;}
    .clippings .clips ul li .sobre p.data{ font-family: 'Georgia', sans-serif; font-size: 15px; color: #fff; text-align: right; position: absolute; bottom: 20px; right: 0px;}
    .clippings .clips ul li .sobre .down{width: 174px; height: 58px; display: block; border: 1px solid #fff; position: absolute; bottom: 0px; font-size: 14px; text-transform: uppercase; font-weight: 300; color: #fff; padding: 20px 25px;  transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; cursor: pointer;}
    .clippings .clips ul li .sobre .down .icone{width: 21px; height: 29px; display: block; background: url('img/download.png') bottom center no-repeat; position: absolute; top: 14px; right: 14px; }
    .clippings .clips ul li .sobre .down .fundo{width: 0%; height: 100%; position: absolute; top: 0px; left: 0px; display: block; background: #fff;  transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
    .clippings .clips ul li .sobre .down.ativo p{position: relative; z-index: 1;}
    .clippings .clips ul li .sobre .down.ativo .fundo{width: 100%;}
    .clippings .clips ul li .sobre .down.ativo p{ color: #000; }
    .clippings .clips ul li .sobre .down.ativo .icone{ background: url('img/download.png') top center no-repeat;  transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -webkit-transition: all 1.2s ease-in-out;}

/****** GALERIAS ******/
  /****** FOTOS ******/
    .galeria .fotos ul{width: auto; margin: 80px auto 50px auto;}
    .galeria .fotos ul li{width: 355px; height: 355px; display: block; float: left; border: 1px solid #000; position: relative;}
    .galeria .fotos ul li .sobre{width: 300px; height: 300px; display: table; background: rgba(0,0,0,0.9); background/*\**/: #000\9; margin: 25px; position: absolute; top: 0px; opacity:0; display/*\**/: none\9; transform: rotateY( -180deg ); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .galeria .fotos ul li:hover .sobre{opacity: 1; display/*\**/: block\9; transform: translateX( 0 ) rotateY( 0deg );}
    .galeria .fotos ul li .sobre .alinha{display: table-cell; display/*\**/: block\9; vertical-align: middle; position/*\**/: relative\9; top/*\**/: -25%\9; margin-top/*\**/: 45%\9;}
    .galeria .fotos ul li .sobre p.data{ font-family: 'Georgia', sans-serif; font-size: 14px; font-style: italic; color: #fff; text-align: center; ;}
    .galeria .fotos ul li .sobre .dash{ width: 20px; height: 5px; display: block; background: #fff; margin: 30px auto;}
    .galeria .fotos ul li .sobre p.subcat{font-size: 12px; text-transform: uppercase; font-weight: 300; color: #fff; text-align: center; padding: 0 20px;}
    .galeria .fotos ul li .sobre p.tit{font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; padding: 0 20px; margin-top: 10px;}
    .galeria .fotos ul li .sobre .mais{width: 51px; height: 51px; display: block; background: url('img/mais.png') left top no-repeat; margin: 19px auto;}

  /****** MENU CATEGORIA FOTOS E VIDEOS ******/
    .menu_cat{display: table; border-top: 1px solid #fff; padding-top: 30px; margin: 0 auto; position: relative;}
    .menu_cat ul{width: initial !important; margin:  0px auto !important;}
    .menu_cat li{font-size: 18px; color: #fff; font-weight: 300; padding: 0 40px; display: inline-block !important; width: auto !important; height: auto !important; border-right: 1px solid #fff !important; cursor: pointer; height: auto !important;}
    .menu_cat li:last-child{border-right: 0px !important;}
    .menu_cat .active_cat{width: 100px; height: 3px; background: #fff; display: block; position: absolute; top: -2px; left: 0px; opacity: 1;}

  /****** FOTOS - DETALHES ******/
    .galeria .fotos_detalhe p.detalhe{font-family: 'Georgia', sans-serif; font-size: 14px; color: #fff; font-style: italic; }
    .galeria .fotos_detalhe p.nome{font-size: 15px; color: #fff; text-transform: uppercase; font-weight: 700; margin-top: 7px;}
    .galeria .fotos_detalhe ul li{width: auto; height: 238px; display: block; float: left; border: 1px solid #000; border-left: 0px; border-top: 0px;}
    .galeria .fotos_detalhe ul li img{width: auto; height: 100%; display: block;}
    .galeria .fotos_detalhe ul li .zoom{width: 82px;height: 82px; display: block; background: url('img/sprites.png') no-repeat; background-position: -225px -207px; position: relative; margin: -165px auto; cursor: pointer; opacity: 0;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .galeria .fotos_detalhe ul li:hover .zoom{opacity: 1;}

  /****** VIDEOS ******/
    .galeria .videos ul{width: auto; margin: 80px auto 50px auto;}
    .galeria .videos ul li{width: 475px; height: 267px; display: block; float: left; border: 1px solid #000; position: relative;}
    .galeria .videos ul li .sobre{width: 425px; height: 222px; display: table; background: rgba(0,0,0,0.9); background/*\**/: #000\9; margin: 25px; position: absolute; top: 0px; opacity:0; display/*\**/: none\9; transform: rotateY( -180deg ); transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
    .galeria .videos ul li:hover .sobre{opacity: 1; display/*\**/: block\9; transform: translateX( 0 ) rotateY( 0deg );}
    .galeria .videos ul li .sobre .alinha{display: table-cell; display/*\**/: block\9; vertical-align: middle; position/*\**/: relative\9; margin-top/*\**/: 5%\9;}
    .galeria .videos ul li .sobre p.data{ font-family: 'Georgia', sans-serif; font-size: 14px; font-style: italic; color: #fff; text-align: center; ;}
    .galeria .videos ul li .sobre .dash{ width: 20px; height: 5px; display: block; background: #fff; margin: 30px auto;}
    .galeria .videos ul li .sobre p.tit{font-size: 15px; text-transform: uppercase; font-weight: 700; color: #fff; text-align: center; padding: 0 20px; margin-top: 10px;}
    .galeria .videos ul li .sobre .mais{width: 53px; height: 53px; display: block; background: url('img/sprites.png') no-repeat; background-position: -244px -128px; margin: 19px auto;}
    .galeria .videos #video{display: none;}

/****** CONTATO ******/
  .contato .texto p.chamada{text-align: center; margin-bottom: 80px;}
  .contato .form{width: 700px; display: block; float: left; height: 600px; margin-top: 0px;}
  .contato .form .c50{ width: 48%;}
  .contato .form .c50.ml{margin-left: 24px;}
  .contato .form input, .contato .form textarea{border: 1px solid #676767;}
  .contato .form input[type="text"], .contato .form input[type="email"]{height: 54px;}
  .contato .form textarea{height: 165px;}
  .contato .form input[type="text"]:focus, .contato .form input[type="email"]:focus, .contato .form textarea:focus{border: 1px solid #fff; padding: 20px;}
  .contato .info{width: 700px; display: block; float: left; margin-left: 25px; padding-left: 25px;}
  .contato .info p{font-size: 15px; color: #676767; font-weight: 300;letter-spacing: 0.7px; margin-bottom: 30px;}
  .contato .info p.endereco span{width: 41px; height: 41px; display: block; background: url('img/sprites.png') no-repeat; background-position: -269px -373px; display: block; float: left; margin-right: 5px; margin-top: 2px;}
  .contato .info p.telefone span{width: 26px; height: 44px; display: block; background: url('img/sprites.png') no-repeat; background-position: -282px -466px; display: block; float: left; margin: -6px 10px 0 5px;}
  .contato .info p.email span{width: 34px; height: 25px; display: block; background: url('img/sprites.png') no-repeat; background-position: -214px -466px; display: block; float: left; margin-right: 5px;}
  .contato .info p.email{
    margin-bottom: 25px;
  }
  .contato .info .fb-like-box{background: #fff;}
  .contato .resposta{text-align: center; margin: 80px 0;}
  .formrota{ position: absolute; z-index: 999; padding:0 20px 20px 20px; background: #000;}
  .formrota input{width: 1244px; height: 60px; display: block; border: 1px solid #fff; background: #000; float: left; padding: 20px; color: #fff;}
  .formrota input[type="submit"]{width: 136px; height: 60px; display: block; border: 1px solid #fff; background: #fff; float: left; cursor: pointer; color: #000;}
  #mapa{width: 100%; height: 500px;}

/****** AREA RESTRITA ******/
  .login .texto p.chamada{text-align: center; margin-bottom: 80px;}
  .login .form{width: 410px; display: block; height: 300px; margin: 0px auto;}

  .topo_restrita{width: 100%; height: 100px; padding: 2px 0; border-bottom: 1px solid #fff; margin-top: 80px;}
  .topo_restrita li{display: table; float: left; border-left:1px solid #676767; color: #fff; width: auto; height: 93px; padding: 0 50px;}
  .topo_restrita li:first-child{border-left: 0px;}
  .topo_restrita li p.usuario{padding: 2px 0px 2px 25px; display: table-cell; vertical-align: middle; font-size: 15px;}
  .topo_restrita li p.usuario span{background: url('img/sprites.png') no-repeat; background-position: -248px -501px; width: 21px; height: 25px; display: block; position: absolute; margin-left: -30px;}
  .topo_restrita li p.evento{ font-size: 15px; display: table-cell; vertical-align: middle; }
  .topo_restrita li p.evento span{font-size: 12px;}
  .topo_restrita li .contador{display:table-cell; vertical-align: middle;}
  .topo_restrita li .contador .box{background: #111; padding: 15px 25px; font-size: 20px; color: #fff; font-weight: 300; float: left;}
  .topo_restrita li .contador .box span.atual{ font-weight: 700;}
  .topo_restrita li .contador .box span.atual.red{ color: #db2e41;}
  .topo_restrita li .contador p{float: left; margin: 17px 20px;}
  .topo_restrita li .instrucoes{display: table-cell; vertical-align: middle; padding-left: 30px;}
  .topo_restrita li .instrucoes span{background: url('img/sprites.png') no-repeat; background-position: -284px -341px; width: 24px; height: 24px; display: block; position: absolute; margin-left: -30px;}
  .topo_restrita li .sair{display: table-cell; vertical-align: middle; padding-left: 30px; line-height: 20px;}
  .topo_restrita li .sair span{background: url('img/sprites.png') no-repeat; background-position: -266px -184px; width: 21px; height: 21px; display: blcok; position: absolute; margin-left: -30px;}
  .topo_restrita ul.fr{float: right;}

  /******* AREA RESTRITA - PRIMEIRO ACESSO ******/
    .arearestrita{color: #fff; margin-top: 50px;}
    .arearestrita .primeiroacesso h1{font-size: 69px; margin-bottom: 40px; text-align: center;}
    .arearestrita .primeiroacesso p{font-size: 15px; text-align: center;}
    .arearestrita .primeiroacesso p span.dias{font-size: 30px;}
    .arearestrita .primeiroacesso p.pacote{margin: 20px 0 40px 0;}
    .arearestrita .primeiroacesso p.pacote span{font-size: 40px; color: #db2e41; padding: 0 5px;}
    .arearestrita .primeiroacesso .prox_instrucao{margin-top: 40px; }

  /******* AREA RESTRITA - INSTRUÇÕES ******/
    .arearestrita .instrucoes .inst1{display: block; width: 230px; height: 155px; position: absolute; top: 120px; left: 570px;}
    .arearestrita .instrucoes .inst1 span{width: 170px; height: 141px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -431px;}
    .arearestrita .instrucoes p{font-size: 15px; color: #fff; text-transform: uppercase; }
    .arearestrita .instrucoes .inst1 p{margin-left: 50px; margin-top: -10px;}
    .arearestrita .instrucoes .inst2{width: 100%; height: 1210px; display: block; background: url('img/inst2_bg.jpg') top center no-repeat; position: relative;}
    .arearestrita .instrucoes .inst2 .i1{width: 480px; height: 78px; display: block; position: absolute; top: 97px; left: -2px;}
    .arearestrita .instrucoes .inst2 .i1 span{width: 308px; height: 67px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -0px; float: left;}
    .arearestrita .instrucoes .inst2 .i1 p{text-align: center; margin-top: 20px;}
    .arearestrita .instrucoes .inst2 .i2{width: 384px; height: 78px; display: block; position: absolute; top: 220px; left: 170px;}
    .arearestrita .instrucoes .inst2 .i2 span{width: 225px; height: 49px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -207px; float: left;}
    .arearestrita .instrucoes .inst2 .i2 p{text-align: center;}
    .arearestrita .instrucoes .inst2 .i3{width: 360px; height: 78px; display: block; position: absolute; top: 364px; left: 90px;}
    .arearestrita .instrucoes .inst2 .i3 span{width: 244px; height: 70px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -67px; float: left;}
    .arearestrita .instrucoes .inst2 .i3 p{text-align: center; margin-top: 20px;}
    .arearestrita .instrucoes .inst2 .prox_instrucao{position: relative; top: 7px; margin-bottom: 10px;}
    .arearestrita .instrucoes .inst3{width: 100%; height: 1210px; display: block; background: url('img/inst3_bg.jpg') top center no-repeat; position: relative;}
    .arearestrita .instrucoes .inst3 .i1{width: 380px; height: 87px; display: block; position: absolute; top: 70px; left: 192px;}
    .arearestrita .instrucoes .inst3 .i1 span{width: 217px; height: 87px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -256px; float: left; margin-right: -60px;}
    .arearestrita .instrucoes .inst3 .i1 p{text-align: center; margin-top: 60px;}
    .arearestrita .instrucoes .inst3 .i2{width: 384px; height: 100px; display: block; position: absolute; top: 70px; left: 1030px;}
    .arearestrita .instrucoes .inst3 .i2 span{width: 217px; height: 100px; display: block; background: url('img/inst3_2.png') top center no-repeat; float: right; margin-left: -140px;}
    .arearestrita .instrucoes .inst3 .i2 p{text-align: center; margin-top: 70px;}
    .arearestrita .instrucoes .inst3 .i3{width: 400px; height: 78px; display: block; position: absolute; top: 377px; left: 85px;}
    .arearestrita .instrucoes .inst3 .i3 span{width: 244px; height: 70px; display: block; background: url('img/sprites.png') no-repeat; background-position: -0px -137px;; float: left;}
    .arearestrita .instrucoes .inst3 .i3 p{text-align: center; margin-top: 15px;}
    .arearestrita .instrucoes .enc_instrucao{background: #000; padding-right: 40px; position: relative; top: 20px;}
    .arearestrita .instrucoes .enc_instrucao:hover{background: #fff; }

  /******* AREA RESTRITA - GERAL ******/
    .arearestrita .geral .top{width: 100%; height: 58px; display: block; border-bottom: 1px solid #252525; margin-bottom: 20px;}
    .arearestrita .geral .top li{font-size: 15px; color: #fff; font-weight: 300; padding: 20px 25px; display: inline-block; float: left; cursor: pointer;}
    .arearestrita .geral .top li.ativo{background: #252525; font-weight: 500;}
    .arearestrita .geral .top .confirmar{font-size: 15px; color: #fff; background: #252525; font-weight: 500; padding: 15px 50px; display: inline-block; float: right; margin-top: 2px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .arearestrita .geral .top .confirmar:hover{background: #fff; color: #000;}
    .arearestrita .geral #container li.item{width: 274px; height: 340px; display: block; float: left; margin-right: 15px; position: relative; margin-bottom: 40px;}
    .arearestrita .geral #container li.item:nth-child(5n){ margin-right: 0px;}
    .arearestrita .geral #container li.item .borda{border: 1px solid #fff; width: 274px; height: 274px; display: table; position: relative;}
    .arearestrita .geral #container li.item.selecionada .borda{border: 3px solid #fff;}
    .arearestrita .geral #container li.item .zoom .borda span{width: 82px;height: 82px; display: block; background: url('img/sprites.png') no-repeat; background-position: -225px -207px; position: relative; margin: 95px auto 0 auto; cursor: pointer; opacity: 0;  transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .arearestrita .geral #container li.item .zoom .borda:hover span{opacity: 1;}
    .arearestrita .geral #container li.item .indicacao{width: 34px; height: 35px; display: block; background: url('img/sprites.png') no-repeat; background-position: -248px -466px; position: absolute; top: 8px; left: 8px;}
    .arearestrita .geral #container li.item.selecionada .indicacao{top: 6px; left: 6px;}
    .arearestrita .geral #container li.item .indicacao.on{background: url('img/sprites.png') no-repeat; background-position: -214px -491px;}
    .arearestrita .geral #container li.item .num{display: inline-block; background: #fff; position: absolute; top: 0px; right: 0px; font-size: 11px; color: #000; padding: 2px;}
    .arearestrita .geral #container li.item .selecionar{width: 55px; height: 54px; display: block; margin: 10px auto; background: url('img/selecionar.png') center center no-repeat;transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .arearestrita .geral #container li.item.selecionada .selecionar{background: url('img/selecionar_on.png') center center no-repeat;}
    .arearestrita .geral #container li.item.selecionada .selecionar:hover{background: url('img/selecionar_off.png') center center no-repeat;}
    .arearestrita .geral .loading{display: block; text-align: center;}
    .arearestrita .geral .loading p{width: 230px; margin: 0 auto;}
    .arearestrita .geral .loading p img{margin: 0 10px -10px 0;}
    
  /******* AREA RESTRITA - SELEÇÃO ENVIADA ******/
    .arearestrita .selecaoenviada h1{font-size: 69px; margin-bottom: 40px; text-align: center;}
    .arearestrita .selecaoenviada p{font-size: 15px; text-align: center;}
    .arearestrita .selecaoenviada p.prazo{margin: 20px 0 40px 0;}
    .arearestrita .selecaoenviada p.prazo span{font-size: 40px; color: #db2e41; padding: 0 5px;}
    .arearestrita .selecaoenviada .voltar_inicio{margin-top: 40px; }

  /******* AREA RESTRITA - SEGUNDO ACESSO ******/
    .arearestrita .segundoacesso h1{font-size: 69px; margin-bottom: 40px; text-align: center;}
    .arearestrita .segundoacesso p{font-size: 15px; text-align: center;}
    .arearestrita .segundoacesso .ver_album{margin-top: 40px; }

  /******* AREA RESTRITA - ALBUM ******/
    .arearestrita .segundoacesso h1{font-size: 69px; margin-bottom: 40px; text-align: center;}
    .arearestrita .segundoacesso p{font-size: 15px; text-align: center;}
    .arearestrita .segundoacesso .ver_album{margin-top: 40px; }
    .gallery_album{position: relative; height: 100%; background: #000; overflow: visible; display: inline-block; margin: 0 auto;}
    .gallery_album img{position: relative; height: 100%; width: initial; max-width: 100%; display: inline-block; margin: 0 auto; }
    .gallery_album p.nome_foto {width: 100%;height: 20px;display: block;position: absolute;bottom: -25px;left: 0px;margin-left: 12px;text-align: center;color: #fff;}
    .gallery_album .aprovar{width: 51px; height: 51px; display: block; background: url('img/selecionar.png') center center no-repeat; position: absolute; bottom: -80px; left: 50%; margin-left: -50px;transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .gallery_album .aprovar.on, .gallery_album .aprovar:hover{background: url('img/selecionar_on.png') center center no-repeat;}
    .gallery_album .reprovar{width: 51px; height: 51px; display: block; background: url('img/selecionar_off_off.png') center center no-repeat;  position: absolute; bottom: -80px; left: 50%; margin-left: 20px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
    .gallery_album .reprovar.on, .gallery_album .reprovar:hover{background: url('img/selecionar_off.png') center center no-repeat;}
    .gallery_album .motivo_reprovacao{width: 510px; height: 255px; display: block; position: absolute; top: 50%; margin-top: -125px; left: 50%; margin-left: -255px; z-index: 1; background: #000;  display: none;}
    .gallery_album .motivo_reprovacao p{font-size: 15px; color: #fff; text-transform: uppercase; text-align: center; margin-top: 30px; }
    .gallery_album .motivo_reprovacao textarea{width: 455px; height: 100px; display: block; background: #fff; border: 0px; margin: 15px auto; padding: 20px;}
    .gallery_album .motivo_reprovacao .enviar_reprovacao{margin: 0 auto; padding: 20px 60px;}

  /******* AREA RESTRITA - FINALIZACAO ******/
    .arearestrita .finalizacao h1{font-size: 69px; margin-bottom: 40px; text-align: center;}
    .arearestrita .finalizacao p{font-size: 15px; text-align: center;}
    .arearestrita .finalizacao .voltar_inicio{margin-top: 60px; }  
  


.fundo_pace{opacity: 0; z-index: 0; top: -9999px; left: 0;  background: #000 url('img/logo.png') center 40% no-repeat; width: 100%; height: 100%; position: fixed; display: block;  transition: all 2.5s ease-in-out; -moz-transition: all 2.5s ease-in-out; -webkit-transition: all 2.5s ease-in-out;}
.pace-running .fundo_pace{z-index: 999; top: 0; opacity: 1;  transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out;}

.btn_branco{  color: #fff !important; border:1px solid #fff; background: #000 url('img/avancar_branco.png') 140px center no-repeat; display: table; margin: 0 auto; font-size: 15px; font-weight: 300; text-transform: uppercase; padding: 20px 80px 20px 40px; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;}
.btn_branco:hover{  color: #000 !important; border:1px solid #fff; background: #fff url('img/avancar_preto.png') 140px center no-repeat;}
.btn_branco.sem_seta{background: #000; padding-right: 40px;}
.btn_branco.sem_seta:hover{background: #fff; }
.pular{font-size: 13px; font-style: italic; color: #fff; text-align: center; display: table; margin: 5px auto;}
.pular:hover{text-decoration: underline;}
.voltar{font-family: 'Georgia', sans-serif; font-size: 13px; font-style: italic; color: #fff !important; float: right; padding-left: 30px; line-height: 20px; margin: -20px 0 50px 0;}
.voltar::before{content:""; background: url('img/sprites.png') no-repeat; background-position: -244px -184px; display: block; width: 22px; height: 22px; position: absolute; margin-left: -25px;}
.voltar:hover{text-decoration: underline;}

.select2-container{width: 100%; margin-bottom: 20px;}
.select2-container .select2-choice{width: 100%; height: 60px; border: 1px solid #676767; border-radius: 0px; padding: 20px; line-height: normal; background: #000; -webkit-box-shadow: none; box-shadow: none; color: #fff; filter: none;}
.select2-offscreen, .select2-offscreen:focus{border: 0px;}
.select2-container .select2-choice .select2-arrow{background: #000; border: 0px; width: 40px; filter: none;}
.select2-container .select2-choice .select2-arrow b{background: url('img/select.png') -40px center no-repeat;}
.select2-dropdown-open .select2-choice .select2-arrow b{background: url('img/select.png') 0px center no-repeat;}
.select2-drop-active{border: 1px solid #676767; border-top: 0px; background: #000; border-radius: 0px;}
.select2-search{display: none;}
.select2-results .select2-highlighted{background: #fff; color: #000;}
.select2-results li{color: #fff;}
.select2-results li:first-child{display: none;}
.select2-offscreen[required],
.select2-offscreen[required]:focus {width: 100% !important; height: 60px !important; }

.fancybox-overlay { background: rgba(0,0,0,0.95); background/*\**/: url('img/bg_lightbox.png') center center repeat\9; }
.fancybox-close { background: url('img/sprites.png') no-repeat; background-position: -217px -324px; width: 69px; height: 17px; right: 5px; top: -25px; }
.fancybox-next { background: url('img/setas_lightbox.png') top right no-repeat; width: 48px; height: 82px; top: 50%; margin-top: -24px; right: -60px; }
.fancybox-prev { background: url('img/setas_lightbox.png') top left no-repeat; width: 48px; height: 82px; top: 50%; margin-top: -24px; left: -60px; }
.fancybox-nav span{display: none;}
.fancybox-inner{overflow: visible !important; text-align: center;}
.fancybox-skin{background: #000;}