/* ==========================================================================
   font /
============================================================================= */
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@font-face {
  font-family: "GothamPro";
  src: url("../../fonts/gothampro-light.eot");
  src: url("../../fonts/gothampro-light.eot?#iefix") format("embedded-opentype"), url("../../fonts/gothampro-light.woff2") format("woff2"), url("../../fonts/gothampro-light.woff") format("woff"), url("../../fonts/gothampro-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GothamPro";
  src: url("../../fonts/gothampro-medium.eot");
  src: url("../../fonts/gothampro-medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/gothampro-medium.woff2") format("woff2"), url("../../fonts/gothampro-medium.woff") format("woff"), url("../../fonts/gothampro-medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
/* ==========================================================================
    Fontes
============================================================================= */
/* ==========================================================================
    Palheta de cores
============================================================================= */
/* ==========================================================================
    Largura
============================================================================= */
/* ==========================================================================
   media queries
============================================================================= */
/* ==========================================================================
    Geral
============================================================================= */
* {
  outline: none;
  border: none;
  border-collapse: inherit;
  color: inherit;
  list-style: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}

html, body {
  height: 100%;
  font-size: 62.5%;
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  width: 100%;
  height: 100% !important;
  margin: 0 auto;
  color: #212529;
  background: #fff;
  font-size: 1.6rem;
  font-weight: normal;
  position: relative;
  font-family: "Roboto", helvetica, sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  background-size: cover;
}

p {
  margin: 0 0 30px;
  line-height: 170%;
}

a {
  text-decoration: none;
  transition: all 400ms ease-in-out;
}
a:focus, a:hover {
  outline: none;
  text-decoration: none;
}
a:focus {
  background-color: transparent;
}

ul, ol, li, dl, dt, dd {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, address {
  font-weight: normal;
  font-style: normal;
}

iframe {
  border: none;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   border-box
============================================================================= */
*, *:before, *:after {
  box-sizing: border-box;
}

/* ==========================================================================
   noscript
============================================================================= */
noscript .overlay {
  position: fixed;
  z-index: 1000000;
  width: 100%;
  height: 100%;
  background-color: #000;
  color: #000;
  opacity: 0.8;
}
noscript .mensagem {
  font-weight: 200;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000001;
  margin: -67px 0 0 -245px;
  padding: 45px 0 0 140px;
  width: 550px;
  height: 120px;
  background: url("../..//imgs/geral/alert.png") no-repeat left top;
  line-height: 20px;
  font-size: 15px;
  color: #fff;
}

/* ==========================================================================
   customForm
============================================================================= */
.customHidden,
.customHidden .customInputFileHidden {
  visibility: hidden;
}

/* ==========================================================================
    Editor
============================================================================= */
.editor ul {
  display: block;
  margin: 15px 0;
}
.editor ul li {
  margin: 12px 0 0 20px;
  list-style: disc;
}
.editor ol {
  margin: 15px 0 15px 20px;
  padding-left: 0;
}
.editor ol li {
  margin: 12px 0 0 0;
  list-style: decimal;
}

/* ==========================================================================
    BxSlider
============================================================================= */
a.disabled {
  display: none !important;
}

/* ==========================================================================
    Mixin
============================================================================= */
body {
  overflow-x: hidden;
}

.trabalhos .grid-item {
  border: 6px solid #fff;
  position: relative;
  display: block;
  overflow: hidden;
}
.trabalhos .grid-item a {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../../imgs/logo.png");
}
.trabalhos .grid-item img {
  transition: all 300ms ease-in-out;
}
.trabalhos .grid-item .new:before {
  content: "";
  top: 0;
  left: 9px;
  z-index: 5;
  display: block;
  position: absolute;
  width: 44px;
  height: 47px;
  background: url("../../imgs/geral/new-icon.png") no-repeat center;
}
.trabalhos .grid-item .hover {
  z-index: 2;
  opacity: 0;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  display: grid;
  place-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all 300ms ease-in-out;
  background-color: rgba(33, 37, 41, 0.85);
}
.trabalhos .grid-item .hover h2 {
  font-size: 1.8rem;
  font-weight: 500;
  font-family: "GothamPro", arial, helvetica, sans-serif;
  margin-bottom: 0;
}
.trabalhos .grid-item .hover span {
  opacity: 0.75;
}
.trabalhos .grid-item:hover .hover {
  opacity: 1;
}
.trabalhos .grid-item:hover img {
  transform: scale(1.5);
}

.container .grid-item {
  height: 350px !important;
}
.container .grid-item a:hover {
  transform: scale(1.2) !important;
}
.container .grid-item a img {
  display: none !important;
  width: 100%;
  height: 100%;
}
.container .grid-sizer,
.container .grid-item {
  width: 27.92% !important;
}
.container .pequeno {
  width: 27.92% !important;
}
.container .medio {
  width: 43.52% !important;
}
.container .grande {
  width: 55.88% !important;
}
@media (max-width: 1280px) {
  .container .grid-item {
    height: 300px !important;
  }
  .container .grid-sizer,
  .container .grid-item {
    width: 50% !important;
  }
  .container .pequeno {
    width: 50% !important;
  }
  .container .medio {
    width: 50% !important;
  }
  .container .grande {
    width: 50% !important;
  }
}
@media (max-width: 767px) {
  .container .grid-item {
    height: 250px !important;
  }
  .container .grid-sizer,
  .container .grid-item {
    width: 100% !important;
  }
  .container .pequeno {
    width: 100% !important;
  }
  .container .medio {
    width: 100% !important;
  }
  .container .grande {
    width: 100% !important;
  }
}/*# sourceMappingURL=index.css.map */