/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


* {margin:0; padding:0; position:relative;}
html{width:100%; height:auto; overflow-x:hidden;}
body{width:100%; height:auto; overflow-x:hidden;} 

.font1{font-family: 'Roboto Condensed', sans-serif;}
.font2{font-family: 'Oswald', sans-serif;}

.font-semibold{font-family:'arquitecta_boldbold', sans-serif;}
.font-regular{font-family:'arquitectaregular', sans-serif;}
.font-medium{font-family:'arquitecta_mediummedium', sans-serif;}

/*font-family:'arquitecta_boldbold', sans-serif;
font-family:'arquitectaregular', sans-serif;
font-family:'Roboto Condensed', sans-serif;
font-family:'arquitecta_mediummedium', sans-serif;*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 31, 2017 */
@font-face {
    font-family: 'arquitectaregular';
    src: url('../font/latinotype_-_arquitecta-webfont.woff2') format('woff2'),
         url('../font/latinotype_-_arquitecta-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arquitecta_boldbold';
    src: url('../font/latinotype_-_arquitectabold-webfont.woff2') format('woff2'),
         url('../font/latinotype_-_arquitectabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arquitecta_lightlight';
    src: url('../font/latinotype_-_arquitectalight-webfont.woff2') format('woff2'),
         url('../font/latinotype_-_arquitectalight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'arquitecta_mediummedium';
    src: url('../font/latinotype_-_arquitectamedium-webfont.woff2') format('woff2'),
         url('../font/latinotype_-_arquitectamedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#conteudo {}
#conteudo form {padding:50px 20px 0; display:block;}
#conteudo form .form-control {margin:5px 0;}
#conteudo form textarea.form-control {height:100px;}

#conteudo .galeria-p {text-align:center; float:left;}
#conteudo .galeria-p img {min-width:100; min-height:150px; margin-bottom:4px;}
#conteudo .galeria-g {position:absolute; z-index:1;}
#conteudo .galeria-g img {position:absolute;}

#conteudo {width:100%; height:100%;}
#conteudo #mapa {width:100%; height:100%;}

.spacer {width:100%; height:59px; float:left;}
.spacer2 {width:100%; height:102px; float:left;}

/*------------------------meu css-----------------------------*/

/*topo*/
header {width:100%; max-height:100vh; text-align:center; position:fixed; z-index:5000; overflow:auto;}
header .navbar {margin-bottom:0; min-height:59px; background-color:#FFFFFF; border:none}
.logo{display:inline-block;}

.navbar-default .navbar-toggle {background-color:#FFF !important; margin-top:13px; border:none; z-index:1000;}
.icon-bar{background-color:#000 !important; height:3px !important;}
.navbar-collapse{background-size:cover; background-position:center; border:none; z-index:1000; margin-top: 8px; position:relative; 
min-height:100% !important; background-color:#FFFFFF;}
.navbar-nav{z-index:10; min-height:100%; background-color:#FFFFFF;}
.navbar-nav li{margin-top:0px; width:80%; margin-left:10%; background-color:transparent; z-index:1000}
.navbar-nav li a{font-size:large; color:#000000 !important; font-family:'arquitecta_mediummedium', sans-serif; padding-top:26px; padding-bottom:26px;}
.linhaSubmenu{width:70px; height:1px; background-color:#BBBBBB; position:absolute; left:50%; margin-left:-35px; bottom:0px;}
.BtCompreOnline{width:80%; margin-left:10%; padding-top:22px; padding-bottom:22px; border:3px solid #F43C99; float:left; margin-top:25px; margin-bottom:35px;}
.linhaMenu{width:100%; height:1px; background-color:#BBBBBB; position:absolute; left:0px; top:58px; z-index:0;}
.navbar-brand{background-color:transparent; width:116px; left:50%; margin-left:-63px; top:2px;}
.faixaTopoMenu{width:100%; height:33px; background-image:url(../img/faixaMenu.jpg); background-repeat:repeat-x; display:block; position:absolute; top:4px; left:0px;}


@media screen and (min-width: 768px) {
	/*menu grande*/
	.navbar-nav{width:100%;}
	.navbar-nav>li>a{padding-top: 15px; padding-bottom: 15px;}
	.sombra{display:none !important}
	.navbar-nav>li{
		width:15% !important;
	}
	.navbar-nav{top:-20px;}
}

/*rodape*/
footer {width:100%; text-align:center; position:relative; float:left; bottom:0; height:25px; background-color:#CCCCCC; border:none}
footer p{color:#212121; left:5%; font-size:12px; position:absolute; margin-top: 6px; margin-bottom: 0px; font-weight:400;}
footer a{color:#212121; right:5%; font-size:12px; position:absolute; margin-top: 6px; margin-bottom: 0px; font-weight:400;}
footer a:hover{color:#212121; text-decoration:none}

.divBtWeb{width:100%; height:100%; position:absolute; left:50%; margin-left:-62.5px;}
.pc{width:23px; height:19px; float:left; display:block; border:none; top:11px;} 
.textoVersaoWeb{width:100%; height:35px; text-align:center; display:block; border:none; font-size:x-small; color:#AAAAAA; font-family: 'Roboto Condensed', sans-serif; float:left; 
margin-top:15px;}
.imgVersaoWeb{width:141px; height:25px; float:left; left:50%; margin-left:-70px; top:7px;}
.divVersaoWeb{width:100%; height:37px; float:left; background-color:#222222;}
	.linhaVersaoWeb{position:absolute; width:100%; height:2px; bottom:0px; background-color:#555555;}
	


/*padrao*/
.cont{width:100%; height:auto; min-height:529px; float:left; overflow:hidden;}
.fundo{width:100%; height:auto; float:left;}
.barraTopo{width:100%; padding-top:10px; padding-bottom:7px; float:left; font-size:15px; color:#111111; font-weight:600; text-align:center; margin-top:0px; margin-bottom:0px; 
background-color:#DDDDDD; z-index:1000;
/* Firefox v3.5+ */
-moz-box-shadow:0px 3px 4px rgba(0,0,0,0.2);
/* Safari v3.0+ and by Chrome v0.2+ */
-webkit-box-shadow:0px 3px 4px rgba(0,0,0,0.2);
/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
box-shadow:0px 3px 4px rgba(0,0,0,0.2);
-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#33000000,Positive=true)";
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=3,Color=#33000000,Positive=true); display:block; position:fixed; top:64px; left:0px;}
/*barras*/
.linhaHome{width:100%; height:2px; background-color:#444444; position:relative; float:left; top:-2px;}
.linhaConhecaS{width:64px; height:2px; background-color:#CCCCCC; position:absolute; left:50%; margin-left:-32px; top:18px;}
.linhaConhecaT{width:76px; height:2px; background-color:#212121; position:absolute; left:50%; margin-left:-38px; top:17px;}

.divBarraTextoBlack{width:100%; height:auto; float:left; background-color:#FFF; padding-top:25px; padding-bottom:25px;}
.divBarraTextoBlack .textoLinkAg{width:85%; margin-left:7.5%; font-size:medium; color:#212121; float:left; letter-spacing:0pt; line-height:125%; text-align:center; margin-top:0px; margin-bottom:0px;}
.divBarraTextoBlack .linkAg{font-size:small; color:#212121; line-height:120%; float:left; width:85%; text-align:center; margin-left:7.5%; margin-top:18px;}
.divBarraTextoBlack .linkAg:hover{text-decoration:none; color:#212121;}



/*home*/ 
.contHome{width:100%; height:auto; overflow:hidden; min-height:500px; float:left;}
.linhaHomePg{width:100%; height:2px; background-color:#444444; position:absolute; float:left; top:0px; z-index:1000}
.divFundoHome{width:100%; height:500px; top:0px; left:0px; position:absolute; background-position:center; background-size:cover;}
.textoHome{font-size:x-large !important; color:#FFF; text-shadow: 1px 1px 1px #000000; line-height:120%; width:85%; text-align:center; margin-left:7.5%; position:absolute; bottom:123px;}
.texto2{font-size:large !important; color:#FFF; text-shadow: 1px 1px 1px #000000; line-height:120%; left:0px; width:85%; text-align:center; margin-left:7.5%; position:absolute; bottom:122px;}
.linhaConheca{width:171px; height:2px; background-color:#CCCCCC; position:absolute; left:50%; margin-left:-85.5px; top:21px;}
.texto2:hover{text-decoration:none; color:#EBEBEB;}

.barraBranca{width:100%; height:auto; float:left; background-color:#FFF}
.tiutlopg{font-size:x-large; color:#000000; width:90%; margin-left:5%; text-align:center; float:left; line-height:120%; margin-top:22px; margin-bottom:0px;}
.textopg{font-size:medium; color:#111111; width:90%; margin-left:5%; text-align:center; float:left; line-height:120%; margin-top:10px; margin-bottom:25px;}
.divTexto{width:100%; height:auto; background-color:#222222; float:left;}
.textoDivTexto{width:85%; margin-left:7.5%; font-size:medium; color:#EBEBEB; text-align:center; float:left; letter-spacing:0pt; line-height:125%; padding-top:22px; padding-bottom:22px;}
 
/*agencia*/
.contAgencia{width:100%; float:left; height:auto; overflow:hidden; min-height:400px;}
.imgAgencia{float:left; width:100%; height:auto;}
.divFotoAg{width:100%; height:auto; float:left; background-color:#282828;}
.textoFoto{letter-spacing:0pt; line-height:160%; font-size:medium; color:#ECECEC; float:left; width:95%; margin-left:2.5%; text-align:center; margin-top:2px; margin-bottom:0px;}
.texto2Foto{letter-spacing:0pt; line-height:160%; font-size:0.90rem; color:#ECECEC; position:absolute; bottom:27px; width:95%; margin-left:2.5%; text-align:center; margin-top:0px; margin-bottom:0px; text-shadow: 1px 1px 1px #000000;}
.divEntreContatoAg{width:100%; height:auto; float:left; background-color:#4F4F4F; padding-top:25px; padding-bottom:25px;}
.textoLinkAg{width:85%; margin-left:7.5%; font-size:medium; color:#EBEBEB; float:left; letter-spacing:0pt; line-height:125%; text-align:center; margin-top:0px; margin-bottom:0px;}
.linkAg{font-size:small; color:#EBEBEB; line-height:120%; float:left; width:85%; text-align:center; margin-left:7.5%; margin-top:18px;}
.linkAg:hover{text-decoration:none; color:#EBEBEB;}
.linkAg .linhaConheca{width:116px; height:2px; background-color:#CCCCCC; position:absolute; left:50%; margin-left:-58px; top:17px;}

/*servicos*/
.contServicos{width:100%; float:left; height:auto; overflow:hidden; min-height:400px;}
.contInfoServicos{width:100%; height:auto; float:left; overflow:hidden; background-color:#F7F7F7;}
.tituloServicos{width:90%; margin-left:5%; float:left; font-size:x-large; color:#222222; line-height:120%; margin-top:29px; margin-bottom:13px; text-align:center;}
.linhaTituloServicos{width:70px; height:3px; float:left; left:50%; margin-left:-35px; background-color:#222222}
.textoServicos{font-size:16px; color:#444444; width:80%; margin-left:10%; float:left; letter-spacing:0pt; line-height:125%; text-align:center; margin-top:17px; margin-bottom:17px;}
.textoLista{font-size:medium; color:#333333; line-height:120%; width:90%; margin-left:5%; float:left; text-align:center; margin-top:17px; margin-bottom:17px;}
.linhaLista{width:90%; margin-left:5%; float:left; height:2px; background-color:#AAAAAA;}
.linhaS{width:100%; height:2px; background-color:#BEBEBE; float:left;}

/*contato*/
.contContato{width:100%; float:left; height:auto; overflow:hidden; background-color:#EEEEEE}
.divIntContato{width:100%; height:auto; float:left; background-color:#353535}
.subTitCont{font-size:large; color:#000000; line-height:120%; float:left; width:60%; margin-left:20%; text-align:left; margin-top:28px; margin-bottom:0px;}
.textoCont{font-size:medium; color:#fff; line-height:120%; float:left; width:100%; text-align:left; margin-top:11px; margin-bottom:0px;}
.btMapa{width:60%; margin-left:20%; float:left; background-color:#000000; padding-top:12px; padding-bottom:12px; text-align:center; font-size:20px; color:#BABABA; margin-top:40px; margin-bottom:70px;}
.btMapa:hover{color:#BABABA; text-decoration:none}


/*midias*/
.contMidias{width:100%; float:left; height:auto; overflow:hidden; background-color:#EEEEEE}
.divIntMidias{width:100%; height:auto; float:left; background-color:#222222}
.face{width:50px; height:46px; background-image:url(../img/contatoFace.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
.instagram{width:50px; height:46px; background-image:url(../img/contatoInsta.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
.tumbler{width:50px; height:46px; background-image:url(../img/contatoTum.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
.vimeo{width:50px; height:46px; background-image:url(../img/contatoVimeo.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
.be{width:50px; height:46px; background-image:url(../img/contatoBe.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
.twitter{width:50px; height:46px; background-image:url(../img/contatoTwitter.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:30px;}
/*.face{width:90px; height:89px; background-image:url(../img/face.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:10%;}
.instagram{width:90px; height:89px; background-image:url(../img/instagram.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:10%;}
.tumbler{width:90px; height:89px; background-image:url(../img/tumbler.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:10%;}
.vimeo{width:90px; height:89px; background-image:url(../img/vimmeo.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:10%;}
.be{width:90px; height:89px; background-image:url(../img/be.png); background-repeat:no-repeat; display:inline-block; margin-left:5%;  margin-right:5%; margin-top:10%;}*/


/*trabalhos*/
.imagens{float:left; width:100%; height:auto;}
.contTrabalhos{width:100%; float:left; height:auto; overflow-x:hidden;}
.divMenuTrab{width: 100%; height: auto; margin-bottom:4px; margin-top: 17px; float: left; text-align: center;}
.linkMenuTrab{display:inline-block; margin-left:3%; margin-right:3%; color:#777777; font-size:small; line-height:120%; margin-bottom:22px;}
.linkMenuTrab:hover{color:#777777; text-decoration:none;}
.linkMenuTrab .linha{width:40px; height:2px; left:50%; margin-left:-20px; position:absolute; bottom:-6px; background-color:#111111;}
.divCadaTrab{width:100%; height:auto; min-height:200px; float:left; overflow:hidden; background-color:black;}
.tituloTrab{font-size:x-large; color:#FFFFFF; line-height:109%; width:90%; left:5%; float:left; position:absolute; bottom:32px; text-align:center; margin-top:0px; margin-bottom:0px; text-shadow: 1px 1px 1px #000000;}
.subTituloTrab{color:#FFFFFF; font-size:large;}


/*single trabalhos*/
.divBanner{width:100%; height:166px; overflow:hidden;}
.fotoBanner{width:100%; height:166px; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; float:left; top:0; left:0px;}
.playBolinha{ width:153px; height:153px; border:2px solid #FFF; position:absolute; background-image:url(../img/seta.png); left:50%; top:50%; border-radius:120px; margin-left:-76.5px; margin-top:-76.5px;-webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow:0px 0px 11px 0px rgba(50, 50, 50, 0.30); box-shadow:0px 0px 11px 0px rgba(50, 50, 50, 0.30); transition:border .3s; z-index:50;} 
.content{width:100%; height:auto; background-color:#FFF; float:left; padding-top:20px; font-family:'Roboto Condensed', sans-serif; font-size:medium; color:#212121;}

.content p{width:80%; margin-left:7.5%;}
.content img{ width:126%; margin-left:-10%; height:auto; float:left;}
.content iframe{width:126%; margin-left:-10%; height:250px; margin-bottom:-20px; margin-top:20px;}

.content2{width:100%; height:auto; float:left; overflow:hidden; margin-bottom:-18px;}
.titTrabalhosColecao{font-family:'arquitecta_boldbold', sans-serif; font-size:17px; color:#000000; float:left; margin-left:2.5%; margin-bottom:10px;}
.content2 img{float:left; width:100%; height:auto;}

.galeriaSingle{width:100%; float:left; height:auto;}
.galeriaSingle img{width:100%; float:left; height:auto;}

.seta-volta{height:44px; width:40px; font-family:'arquitecta_boldbold', sans-serif; overflow:hidden; font-size:70px; color:#000000; background-color:#fff; border-radius:4px; z-index:100; position:fixed; top:50%; margin-top:-35px; left:0px; line-height:12px; padding:4px; transition:width .4s;}
.seta-volta a{font-family:'arquitecta_boldbold', sans-serif; font-size:15px; position:absolute; float:right; color:#000000; padding:10px 10px 10px 45px; left:-40px; top:-8px; opacity:0;}

.seta-vem{height:44px; width:40px; font-family:'arquitecta_boldbold', sans-serif; overflow:hidden; font-size:70px; color:#000000; background-color:#fff; border-radius:4px; z-index:100; position:fixed; top:50%; margin-top:-35px; right:0px; line-height:12px; padding:4px; transition:width .4s;}
.seta-vem a{font-family:'arquitecta_boldbold', sans-serif; position:absolute; font-size:15px; color:#000000; padding:10px 45px 10px 10px; right:-40px; float:left; top:-8px; opacity:0;}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}