@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold_italic';
    src: url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular_0-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular_0-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('../fonts/Gotham-Ultra.eot');
    src: url('../fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Ultra.woff') format('woff'),
        url('../fonts/Gotham-Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Bold';
    src: url('../fonts/Gotham-Bold.eot');
    src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Bold.woff') format('woff'),
        url('../fonts/Gotham-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Black';
    src: url('../fonts/Gotham-Black.eot');
    src: url('../fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Black.woff') format('woff'),
        url('../fonts/Gotham-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('../fonts/Gotham-Book.eot');
    src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gotham-Book.woff') format('woff'),
        url('../fonts/Gotham-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* { outline: 0 none; }
body { background: #fff; margin: 0; font-family: 'open_sansregular'; color: #444; font-size: 14px; overflow-x: hidden; }
a { text-decoration: none; color: #444; } a:hover { text-decoration: underline; }
a span { display: none; }
a img { border: none; }
input, select, textarea { font-family: 'open_sansregular'; color: #444; font-size: 14px; }

.wrapper { width: 1200px; margin: 0 auto; }
.showUp, .showDown, .showLeft, .showRight { opacity: 0; }
h2 { letter-spacing: 0.35vw; }

#topo { width: 100%; position: fixed; z-index: 10000; top: 0; left: 0; right: 0; height: 213px; background-image: url(../../imagens/topo.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
#topo h1 { float: left; margin: 10px 0 0; }
#topo h1 a { display: block; }
#topo h1 a img { width: 290px; }
#topo #social_topo { float: right; margin-top: 50px; display: none; }
#topo #social_topo a { margin-left: 20px; }
#topo #social_topo .facebook { background: url(../../imagens/facebook.png) left no-repeat; width: 11px; height: 23px; display: block; float: left; }
#topo #social_topo .instagram { background: url(../../imagens/instagram.png) left no-repeat; width: 22px; height: 23px; display: block; float: left; }
#topo #social_topo .youtube { background: url(../../imagens/youtube.png) left no-repeat; width: 23px; height: 23px; display: block; float: left; }
#topo #social_topo .linkedin { background: url(../../imagens/linkedin.png) left no-repeat; width: 20px; height: 23px; display: block; float: left; }
#fone_topo { float: right;text-transform: uppercase; font-size: 18px; color: #fff; font-weight: bold; margin: 50px 20px 0 0; display: none; }
#topo #menu { float: right; }
#topo #menu ul { list-style: none; padding: 0; margin: 40px 0 0; float: right; }
#topo #menu ul li { float: left; margin-left: 30px; }
#topo #menu ul li a { display: block; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: bold; padding: 0 0 0 25px; }
#topo #menu ul li a:hover { text-decoration: none; }
#topo #menu ul li:nth-child(1) a { background: url(../../imagens/menu/1.png) left no-repeat; padding: 0 0 0 40px; }
#topo #menu ul li:nth-child(2) a { background: url(../../imagens/menu/2.png) left no-repeat; }
#topo #menu ul li:nth-child(3) a { background: url(../../imagens/menu/3.png) left no-repeat; }
#topo #menu ul li:nth-child(4) a { background: url(../../imagens/menu/4.png) left no-repeat; }
#topo #menu ul li:nth-child(5) a { background: url(../../imagens/menu/5.png) left no-repeat; }
#topo #menu ul li:nth-child(6) a { background: url(../../imagens/menu/6.png) left no-repeat; }
.topo-fixo { height: 80px !important; background-image:none !important; background: rgba(0, 0, 0, 0.8) !important; }
.topo-fixo h1 a img { width: 136px !important; }
.topo-fixo #menu ul { margin: 25px 0 0 !important; }

.topo-fixo #logo { background: none;  }
.topo-fixo #logo img { display: block;  }
.topo-fixo #logo .animacao { display: none; }

#logo { width: 313px; height: 107px; overflow: hidden; float: left; display: block; position: relative; background: url(../../imagens/logo.png) no-repeat right center; }
#logo img { display: none; }
#logo .animacao { width: 200px; float: left; display: block; position: relative; }
#logo .animacao .esq { width: 100%; height: 107px; float: left; background: url(../../imagens/linhas1.png) no-repeat center; position: absolute; }
#logo .animacao .dir { width: 100%; height: 107px;  float: right; background: url(../../imagens/linhas2.png) no-repeat center; position: absolute; }

#banner { background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed; top: 0; left: 0; right: 0; bottom: 0; }
#content_banner { position: absolute; left: 50%; top: 35%; min-width: 52.84553vw; margin: 0; z-index: 10; }
#content_banner h1 { font-size: 7.04065vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; line-height: 6vw; }
#content_banner h1 span { }
#content_banner h1 span.title1 { color: #c62064; font-size: 3.5vw; line-height: 4vw; font-family: 'Gotham Bold'; }
.video_banner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 3; }

#content1 { position: relative; z-index: 999; margin-top: calc(0.51*100%); width: 100%; }
#content1 .content { background-image: url(../../imagens/content1.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 18vw; padding-bottom: 10vw; width: 100%; }
#content1 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content1 .content h2 span {  font-family: 'Gotham Book'; }

#txt_about { position: relative; background: #333; background-size: cover; position: relative; float: left; width: 100%; padding-bottom: 7vw; margin-top: -5.5%; }
#txt_about .content { z-index: 9999; position: relative; float: right; width: 40vw; margin-right: 8vw; font-size: 1.2vw; color: #c9c9c9; line-height: 1.8vw; margin-top: 9vw; }
#txt_about .content p { margin: 0 0 2.2vw; }
#txt_about .content h3 { font-size: 2.3vw; color: #defc17; text-transform: uppercase; font-family: 'Gotham Bold'; font-weight: normal; line-height: 2.8vw; margin: 0 0 2.5vw; }
#txt_about .content .social { width: 100%; float: left; }
#txt_about .content .social a { display: block; float: left; margin-right: 3vw; }
#txt_about .content .social a img { height: 1.5vw; }
#txt_about #video_about { margin-top: 1vw; position: absolute; width: 100%; height: auto; }
#txt_about .background_fixo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.9; z-index: 1; background: rgb(40,40,40); background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgb(40,40,40) 40%); background: -o-linear-gradient(right,rgba(255,0,0,0),rgb(40,40,40) 40%); background: -moz-linear-gradient(right,rgba(255,0,0,0),rgb(40,40,40) 40%); background: linear-gradient(to right, rgba(255,0,0,0), rgb(40,40,40) 40%); }

#porque { position: relative; z-index: 999; margin-top: -5%; float: left; width: 100%; }
#porque .content { background-image: url(../../imagens/content2.png); background-size: cover; background-repeat: no-repeat; background-position: top center; position: relative; padding-top: 13vw; padding-bottom: 10vw; width: 100%; float: left; }
#porque .content h2 { text-align: center; font-size: 4.2vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Book'; font-weight: normal; margin: 0 0 7vw; }
#porque .content h2 span { font-family: 'Gotham Ultra'; }
#porque .area { position: relative; padding: 0 8vw; float: left; }
#porque .item { width: 40vw; float: left; height: 14vw; }
#porque .item:nth-child(odd) { float: right; }
#porque .item .icon { float: left; width: 8vw; }
#porque .item .icon img { width: 8vw; }
#porque .item .txt { float: right; width: 30vw; margin-left: 1vw; font-size: 1.2vw; color: #c9c9c9; }
#porque .item .txt h3 { color: #fff; font-family: 'Gotham Bold'; font-size: 1.8vw; text-transform: uppercase; font-weight: normal; margin: 0 0 1vw; }

#content2 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -6% }
#content2 .content { background-image: url(../../imagens/content7.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 11.5vw; padding-bottom: 10vw; width: 100%; }
#content2 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content2 .content h2 span {  font-family: 'Gotham Book'; }

#premios {  background-color: #333; background-position: center; position: relative; background-repeat: no-repeat; padding: 10vw 0; width: 100%; float: left; background-size: cover; display: block; overflow: hidden; margin-top: -7vw; }
#premios h3 { font-size: 2vw; color: #defc17; text-transform: uppercase; font-family: 'Gotham Bold'; font-weight: normal; line-height: 2.6vw; margin: 0 0 1.5vw; }
#premios .wrapper { width: 77vw; margin: 0 auto; }
#premios .item { float: left; width: 33%; height: 14vw; position: relative; display: table; text-align: center; opacity: 0; }
#premios .item a { display: table-cell; vertical-align: middle; }
#premios .item a img { height: 14vw; }

#content8 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -5.7%; margin-bottom: -4.5%; }
#content8 .content { background-image: url(../../imagens/content8.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 12vw; padding-bottom: 10vw; width: 100%; }
#content8 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content8 .content h2 span {  font-family: 'Gotham Book'; }

#team { position: relative; margin-left: -3vw; width: 105vw; float: left; overflow: hidden; margin-top: -3%; padding: 3vw 0 0; }
#team .video { width: 40%; margin: auto;  margin-top: 14vw; }
#team .video .video_team { position: relative; width: 100%; margin: auto; height: auto; background-size: cover;  }
#team section.main { width: 100%; float: left; margin-top: 2.5%; }
#team .content { transform: rotate(-2.5deg); width: 100%; height: auto; overflow: hidden; float: left; position: relative; padding-bottom: 2.5vw; }
#team .content .area { background: url(../../imagens/team.jpg); background-size: cover; float: left; margin-top: -2.5%; transform: rotate(2.5deg); width: 100%; height: auto; position: relative; }
#team h2 { background: rgba(198,32,100,0.7); position: absolute; left: 0; z-index: 1000; font-weight: normal; top: -2.5vw; padding: 1vw 5vw 1vw 6.5vw; text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; }
#team h2 span {  font-family: 'Gotham Book'; }
/*#team .team_box { width: 33.33%; height: 22vw; display: grid; float: left; position: relative; overflow: hidden; background: #000; }
#team .team_box.m { width: 50%; height: 28vw; }
#team .team_box .bg { background: transparent; display: block; width: 100%; height: 100%; z-index: 50; position: absolute; top: 0; left: 0; transition: .35s; }
#team .team_box img { width: 103%; transition: .35s; }*/
/*#team .txt { position: absolute; z-index: 51; top: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; display: table; text-align: center; transform: translate(0,0) scale(0); -webkit-transform: translate(0,0) scale(0);  transition: .35s; }
#team .txt p { text-align: center; display: table-cell; font-size: 20px; color: #fff; text-transform: uppercase; vertical-align: middle;  margin: 0; padding: 0; }
#team .txt p img { width: 6vw; float: none; }
#team .txt span { display: block; font-size: 2vw }*/
#team .transition { transition: .35s; background: rgba(191,73,112,0.5) !important; }
#team .transition_img { transform: scale(1.1); transition: .2s; }
#team .transition_txt { transform: translate(0,0) scale(1); -webkit-transform: translate(0,0) scale(1); opacity: 1; transition: .35s; }


/*#team { position: relative; width: 100%; background: #000; float: left; }*/
#team .team_box { width: 33.33%; height: 23vw; display: grid; float: left; position: relative; overflow: hidden; background: #000; }
#team .item.m { width: 50%; height: 28vw; }
#team .txt { background: rgba(198,32,100,0.8); width: 100%; padding: 1.8vw 0; transition: .35s; position: absolute; bottom: -6vw; left: 0; text-align: center; color: #fff; font-size: 1.7vw; }
#team .team_box img { width: 101%; transition: .35s; }
#team .transition_img { transform: scale(1.1); transition: .2s; }
#team .transition_txt { bottom: 0; transition: .2s; }

#content3 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -11.5%; margin-bottom: -5.2%; }
#content3 .content { background-image: url(../../imagens/content4.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 13vw; padding-bottom: 10vw; width: 100%; }
#content3 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content3 .content h2 span {  font-family: 'Gotham Book'; }

#directors { position: relative; width: 100%; background: #000; float: left; }
#directors .item { width: 33.33%; height: 24vw; display: grid; float: left; position: relative; overflow: hidden; background: #000; }
#directors .item.m { width: 50%; height: 28vw; }
#directors .txt { background: rgba(198,32,100,0.8); width: 100%; padding: 1.8vw 0; transition: .35s; position: absolute; bottom: -6vw; left: 0; text-align: center; color: #fff; font-size: 1.7vw; }
#directors .item img { width: 101%; transition: .35s; }
#directors .transition_img { transform: scale(1.1); transition: .2s; }
#directors .transition_txt { bottom: 0; transition: .2s; }


#content4 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -5.7%; margin-bottom: -4.5%; }
#content4 .content { background-image: url(../../imagens/content5.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 12vw; padding-bottom: 10vw; width: 100%; }
#content4 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content4 .content h2 span {  font-family: 'Gotham Book'; }

#videos { position: relative; width: 100%; background: #000; }
#videos .video_box { width: 33.33%; height: 22vw; display: grid; float: left; position: relative; overflow: hidden; background: #000; }
#videos .video_box.m { width: 50%; height: 28vw; }
#videos .video_box .bg { background: transparent; display: block; width: 100%; height: 100%; z-index: 50; position: absolute; top: 0; left: 0; transition: .35s; }
#videos .video_box img { width: 103%; transition: .35s; }
#videos .txt_video { position: absolute; z-index: 51; top: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; display: table; text-align: center; transform: translate(0,0) scale(0); -webkit-transform: translate(0,0) scale(0);  transition: .35s; }
#videos .txt_video p { text-align: center; display: table-cell; font-size: 20px; color: #fff; text-transform: uppercase; vertical-align: middle;  margin: 0; padding: 0; }
#videos .txt_video p img { width: 6vw; float: none; }
#videos .txt_video span { display: block; font-size: 2vw }
#videos .transition { transition: .35s; background: rgba(191,73,112,0.5) !important; }
#videos .transition_img { transform: scale(1.1); transition: .2s; }
#videos .transition_txt { transform: translate(0,0) scale(1); -webkit-transform: translate(0,0) scale(1); opacity: 1; transition: .35s; }

#content5 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -5%; margin-bottom: -5%; }
#content5 .content { background-image: url(../../imagens/content6.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 10.5vw; padding-bottom: 10.5vw; width: 100%; }
#content5 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content5 .content h2 span {  font-family: 'Gotham Book'; }

#clients { position: relative; width: 100%; float: left; background: white; }
#clients .item { float: left; width: 25%; height: 22vw; position: relative; display: grid; background: url(../../imagens/bg_cliente.png); background-size: cover; text-align: center; }
#clients .item .area { float: left; display: table; width: 100%; height: 100%; }
#clients .item a { display: table-cell; vertical-align: middle; }
#clients .item a img { max-height: 14vw; }

#content6 { position: relative; z-index: 1000; float: left; width: 100%; margin-top: -5.2%; margin-bottom: -4.5%; }
#content6 .content { background-image: url(../../imagens/content7.png); background-size: cover; background-repeat: no-repeat; background-position: bottom center; position: relative; padding-top: 11.5vw; padding-bottom: 10vw; width: 100%; }
#content6 .content h2 { text-align: center; font-size: 4vw; color: #fff; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0; }
#content6 .content h2 span {  font-family: 'Gotham Book'; }

#contact { background-image: url(../../imagens/bg_contact.jpg?v=1.1); background-position: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; position: relative; float: left; width: 100%; padding-bottom: 10vw; margin-top: -5.5%; }
#contact .content { float: right; width: 40vw; margin-right: 8vw; font-size: 1.2vw; color: #c9c9c9; line-height: 1.8vw; margin-top: 15vw; }
#contact .content .tel { display: block; text-align: center; font-size: 2.7vw; color: #9cff00; text-transform: uppercase; font-family: 'Gotham Book'; margin: 0; font-weight: normal; }
#contact .content .tel b {  font-family: 'Gotham Ultra'; }
#contact .content .form { width: 100%; float: left; margin: 5vw 0 8vw; }
#contact .content input[type=text], #contact .content textarea { background: #3d3d3d; padding: 0 2%; width: 96%; height: 3.8vw; color: #aaa; font-size: 1.2vw; border: none; margin-bottom: 0.5vw; }
#contact .content textarea { height: 10vw; padding: 1vw 2%; }
#contact .content input[type=submit] { background: #9cff00; color: #222222; padding: 1.2vw 3vw; font-family: 'Gotham Bold'; font-size: 2vw; text-transform: uppercase; float: right; border: none; }
#contact .content h3 { text-align: left; font-size: 2.8vw; color: #c62064; text-transform: uppercase; font-family: 'Gotham Ultra'; margin: 0 0 2vw; }
#contact .content h3 span {  font-family: 'Gotham Book'; }
#contact .location { display: block; float:  width: 100%; }
#contact .location b { background: #c62064; width: 4vw; height: 4vw; text-align: center; display: block; float: left; margin-right: 1vw; border-radius: 5vw; -moz-border-radius: 5vw; -webkit-border-radius: 5vw; }
#contact .location b img { height: 2.5vw; margin-top: 0.7vw; }

#mapa { background-image: url(../../imagens/mapa.jpg?v=1.1); float: left; position: relative; float: left; width: 100%; background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; height: 48vw; }

#rodape { background: #000; width: 100%; position: relative; z-index: 1000; height: 184px; float: left; }
#rodape .logo_rodape { float: left; margin-top: 50px; width: 180px; }
#rodape #menu_rodape { float: right; margin: 80px 0 0; }
#rodape #menu_rodape ul { list-style: none; padding: 0; margin: 0; float: right; }
#rodape #menu_rodape ul li { float: left; }
#rodape #menu_rodape ul li a { display: block; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: bold; padding: 0 20px; }
#rodape #menu_rodape ul li a:hover { text-decoration: none; }
#rodape #social { float: right; margin-top: 80px; }
#rodape #social a { margin-left: 15px; }
#rodape #social .facebook { background: url(../../imagens/facebook.svg);  background-size: cover; width: 20px; height: 20px; display: block; float: left; }
#rodape #social .instagram { background: url(../../imagens/instagram.svg);  background-size: cover; width: 20px; height: 20px; display: block; float: left; }
#rodape #social .youtube { background: url(../../imagens/youtube.svg);  background-size: cover; width: 20px; height: 20px; display: block; float: left; }
#rodape #social .linkedin { background: url(../../imagens/linkedin.svg); background-size: cover; width: 20px; height: 20px; display: block; float: left; }

#topo_mobile { display: none; }

#modal { position: fixed; width: 100%; z-index: 9999999; bottom: 0; top:0; right: 0; display: none; overflow: auto; }
#modal .background { position: fixed; width: 100%; background: black; bottom: 0; top:0; right: 0; opacity:0.7; z-index: 999999; }
#modal .modal_body {  width: 90%; margin: 5%;  z-index: 99999999; position: absolute; }
#modal .close_modal { float: right; border: solid white 1px; width: 20px; height: 20px; padding: 0px; text-align: center; color: white; border-radius: 50%; z-index: 9999999; }
#modal .diretor { background: rgba(0, 0, 0, 0.9); float: left; width: 100%; }
#modal .diretor .foto { width: 90%; margin: 5%; float: left; display: block; position: relative; }
#modal .diretor .foto div { background: rgba(198,32,100,0.8); width: 100%; padding: 6% 0; position: absolute; left: 0; text-align: center; color: #fff; font-size: 1.7vw; bottom: 0; }
#modal .diretor .text { width: 96%; padding: 3%;color: #fff; font-size: 1.1vw; }
#modal .rep_video { float: left; display: block;  height: 19vw; overflow: hidden; }
#modal .diretor .rep_video.m { width: 50%; height: 28vw; }
#modal .diretor .rep_video .bg { background: transparent; display: block; width: 100%; height: 100%; z-index: 50; position: absolute; top: 0; left: 0; transition: .35s; }
#modal .diretor .rep_video img { width: 103%; transition: .35s; }
#modal .diretor .txt_video { position: absolute; z-index: 51; top: 30%; bottom: 0; opacity: 0; width: 100%; height: 100%; display: table; text-align: center; transform: translate(0,0) scale(0); -webkit-transform: translate(0,0) scale(0);  transition: .35s; }
#modal .diretor .txt_video p { text-align: center; display: table-cell; font-size: 20px; color: #fff; text-transform: uppercase; vertical-align: middle;  margin: 0; padding: 0; }
#modal .diretor .txt_video p img { width: 6vw; float: none; }
#modal .diretor .txt_video span { display: block; font-size: 2vw }
#modal .diretor .transition { transition: .35s; background: rgba(191,73,112,0.5) !important; }
#modal .diretor .transition_img { transform: scale(1.1); transition: .2s; }
#modal .diretor .transition_txt { transform: translate(0,0) scale(1); -webkit-transform: translate(0,0) scale(1); opacity: 1; transition: .35s; }

.row { width: 100%; float: left; display: block; }
.col-1 { display: inline-block; float: left; width: 8.33%; position: relative; }
.col-2 { display: inline-block; float: left; width: 16.66%; position: relative; }
.col-3 { display: inline-block; float: left; width: 24.99%; position: relative; }
.col-4 { display: inline-block; float: left; width: 33.33%; position: relative; }
.col-5 { display: inline-block; float: left; width: 41.65%; position: relative; }
.col-6 { display: inline-block; float: left; width: 50%; position: relative; }
.col-7 { display: inline-block; float: left; width: 58.33333333%; position: relative; }
.col-8 { display: inline-block; float: left; width: 66.67%; position: relative; }
.col-9 { display: inline-block; float: left; width: 75.00%; position: relative; }
.col-10 { display: inline-block; float: left; width: 83.33%; position: relative; }
.col-11 { display: inline-block; float: left; width: 91.67%; position: relative; }
.col-12 { display: inline-block; float: left; width: 100.00%; position: relative; }
.img-responsive { max-width: 100%; height: auto; }


@media only screen and (max-width: 600px)  {
    #topo { display: none; }
    .wrapper { width: 100%; }

    .col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 { width: 100%;}

    #topo_mobile { float: left; width: 94%; padding: 10px 3%; height: 75px; background: #111; display: block; }
    #topo_mobile h1 { position: absolute; width: 100%; text-align: center; height: 0; margin: 0; }
    #topo_mobile h1 img { height: 70px; }
    #topo_mobile .link { float: left; display: block; margin: 15px 0 0; }
    #topo_mobile .link img { width: 30px; }

    #menu_mobile ul { list-style: none; padding: 0; margin: 0; background: #000; display: none; z-index: 1000; width: 100%; left: 0; top: 90px; position: absolute; }
    #menu_mobile ul li { float: left; width: 100%; border-bottom: 1px solid #fff; }
    #menu_mobile ul li a { display: block; color: #fff; text-transform: uppercase; font-size: 16px; text-align: center; padding: 8px; text-decoration: none; }

    #banner { position: inherit; float: left; top: inherit; height: auto; }
    .video_banner { position: inherit; float: left; height: auto; }

    #content1 { float: left; margin-top: -15%; }
    #content1 .content h2 { font-size: 32px; }

    #txt_about { background-position: right; background-size: auto; }
    #txt_about .content { width: 92%; margin: 60px 4% 20px; font-size: 14px; line-height: 20px; }
    #txt_about .content h3 { font-size: 23px; line-height: 26px; margin: 0 0 30px; }
    #txt_about .content p { margin: 0 0 20px; }
    #txt_about .content .social a img { height: 20px; }

    #porque { margin-top: -11%; }
    #porque .content { padding: 80px 0; background-position: top center; }
    #porque .content h2 { font-size: 23px; }
    #porque .item { width: 100%; font-size: 13px; height: auto; margin-bottom: 20px; }
    #porque .item .icon { width: 20%; margin: 0 }
    #porque .item .icon img { width: 80%; height: auto; float: left; }
    #porque .item .txt { font-size: 13px; line-height: 16px; width: 75%; height: auto; margin: 0; }
    #porque .item .txt h3 { font-size: 16px; }

    #content2 { float: left; margin-top: -15%; }
    #content2 .content h2 { font-size: 32px; }

    #premios .left { width: 100%; }
    #premios .right { width: 100%; }
    #premios .txt { padding: 50px 4%; width: 92%; font-size: 13px; line-height: 18px; margin: 0 0 20px; }
    #premios .txt h3 { font-size: 23px; line-height: 26px; margin: 0 0 30px; }

    #content3 { float: left; margin-top: -15%; }
    #content3 .content h2 { font-size: 24px; }

    #contact { background-position: right; background-size: auto; }
    #contact .content { width: 92%; margin: 60px 4% 20px; font-size: 14px; line-height: 20px; }
    #contact .content .tel { font-size: 22px; }
    #contact .content .form { margin: 30px 0; }
    #contact .content input[type=text], #contact .content textarea { height: 35px; font-size: 14px; }
    #contact .content textarea { height: 150px; }
    #contact .content input[type=submit] { padding: 8px 15px; font-size: 16px; }
    #contact .content h3 { font-size: 24px; }
    #contact .location b { width: 45px; height: 45px; }
    #contact .location b img { margin-top: 7px; height: 30px; }

    #content4 { float: left; margin-top: -15%; }
    #content4 .content h2 { font-size: 24px; }

    #content5 { float: left; margin-top: -15%; }
    #content5 .content h2 { font-size: 24px; }

    #content6 { float: left; margin-top: -15%; }
    #content6 .content h2 { font-size: 24px; }

    #rodape { height: auto; width: 100%; padding: 20px 0; text-align: center; }
    #rodape .logo_rodape { float: none; display: inline-block; height: 70px; margin: 0 }
    #rodape #social { width: 100%; margin: 15px 0 0; text-align: center; }
    #rodape #social a { display: inline-block !important; float: none !important; margin: 0 5px; }
    #rodape #menu_rodape { width: 100%; float: left; margin: 20px 0 0; text-align: center; }
    #rodape #menu_rodape ul li { float: none; display: inline-block; margin-bottom: 8px; }
    #rodape #menu_rodape ul li a { font-size: 14px; }
}