@charset "UTF-8";
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato-ext.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lato.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/**
 * Our variables
 */
/**
 * Clearfix
 */
.bounding:after, .wrapper:after, .list:after {
  content: "";
  display: table;
  clear: both; }

/**
 * background 
 */
address, .site-header, .estudio .page-link {
  background-color: #fdfdfd; }

/**
 * Header absolute 
 * para evitar que el contenido de una sección se mueva 
 * cuando se interactúa con el menu del header 
 */
.site-header {
  position: absolute;
  top: 0;
  width: 100%; }
  .site-header + section {
    padding-top: 73px; }
    @media screen and (min-width: 768px) {
      .site-header + section {
        padding-top: 119px; } }

/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
  position: absolute; }

.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
  position: absolute;
  /* size of bullet elment */
  width: 12px;
  height: 12px;
  filter: alpha(opacity=70);
  opacity: .7;
  overflow: hidden;
  cursor: pointer;
  border: #000 1px solid; }

.jssorb01 div {
  background-color: gray; }

.jssorb01 div:hover, .jssorb01 .av:hover {
  background-color: #d3d3d3; }

.jssorb01 .av {
  background-color: #fff; }

.jssorb01 .dn, .jssorb01 .dn:hover {
  background-color: #555555; }

/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l                  (normal)
.jssora02r                  (normal)
.jssora02l:hover            (normal mouseover)
.jssora02r:hover            (normal mouseover)
.jssora02l.jssora02ldn      (mousedown)
.jssora02r.jssora02rdn      (mousedown)
*/
.jssora02l, .jssora02r {
  display: block;
  position: absolute;
  /* size of arrow element */
  width: 55px;
  height: 55px;
  cursor: pointer;
  background: url("../images/a02.png") no-repeat;
  overflow: hidden; }

.jssora02l {
  background-position: -3px -33px; }

.jssora02r {
  background-position: -63px -33px; }

.jssora02l:hover {
  background-position: -123px -33px; }

.jssora02r:hover {
  background-position: -183px -33px; }

.jssora02l.jssora02ldn {
  background-position: -3px -33px; }

.jssora02r.jssora02rdn {
  background-position: -63px -33px; }

/**
 * Reset some basic elements
 */
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, ul, figure {
  margin: 0;
  padding: 0; }

/**
 * Sticky Header & Footer
 */
html, body {
  height: 100%; }

footer {
  margin-top: -45px;
  position: relative; }

[role="main"] {
  min-height: 100%;
  padding-top: 0;
  position: relative; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Basic styling
 */
body {
  font: 300 12px/1.2 "ArialMT", Arial, sans-serif;
  color: #000000;
  background-color: #fdfdfd;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "kern" 1;
  -moz-font-feature-settings: "kern" 1;
  -o-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  font-kerning: normal; }

/**
 * Set `margin-bottom` to maintain vertical rhythm
 */
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
ul, ol, dl, figure {
  margin-bottom: 5px; }

/**
 * Figures
 */
figure > img {
  display: block; }

figcaption {
  font-size: 12px; }

/**
 * Lists
 */
ul, ol {
  list-style: none; }

/**
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

/**
 * Links
 */
a {
  color: #3C88FB;
  text-decoration: none; }
  a:visited, a:hover {
    color: #055ee6; }

/**
 *  Content 
 */
[role="main"]:not(.inner-page),
main:not(.inner-page) {
  display: table;
  height: 100%;
  width: 100%; }
  [role="main"]:not(.inner-page) > section,
  main:not(.inner-page) > section {
    display: table-cell;
    width: 100%; }
    [role="main"]:not(.inner-page) > section > .wrapper,
    main:not(.inner-page) > section > .wrapper {
      padding-bottom: 44px; }

.inner-page {
  padding-bottom: 60px; }

/**
 * Bounding
 */
.bounding {
  max-width: 790px;
  margin-right: auto;
  margin-left: auto; }

/**
 * Wrapper
 */
.wrapper {
  padding: 10px 15px; }

/**
 * Horizontal Cover content
 */
.horizontal-cover {
  margin: 0 -15px;
  margin-bottom: 15px; }

/**
 * Full Cover content
 */
.full-cover {
  margin: -15px;
  margin-bottom: 15px; }

address {
  color: #666666;
  font-style: normal;
  overflow: hidden; }
  address > p,
  address > div {
    margin: 15px; }

/**
 * Icons
 */
[class*="icon--"] > svg {
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  width: 16px; }
  [class*="icon--"] > svg path {
    fill: #828282; }

.list--item {
  display: block;
  float: left;
  margin: 1%;
  position: relative;
  width: 48%; }
  @media screen and (min-width: 480px) {
    .list--item {
      width: 31%; } }
  @media screen and (min-width: 768px) {
    .list--item {
      width: 23%; } }

.list--link {
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: cover;
  height: 100px;
  display: block;
  text-align: center; }
  .blocked .list--link {
    pointer-events: none;
    opacity: .25; }

/**
 * Site header
 */
.site-header {
  clear: both;
  font-family: "Lato", Helvetica, Arial, sans-serif; }
  .site-header > * {
    vertical-align: middle; }

.site-inner-header {
  padding-bottom: 7px;
  padding-top: 7px; }
  .site-inner-header .site-title {
    margin-left: 15px; }
  .site-inner-header [class*="icon--"] {
    line-height: 24px; }
  .site-inner-header .menu-icon {
    margin: 0; }

.site-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px; }
  .site-title, .site-title:visited {
    color: #424242; }

.site-iso {
  display: none; }

.site-logo {
  background: url("../images/logo.svg") center center no-repeat transparent;
  background-size: 100%;
  display: block;
  height: 33px;
  width: 72px; }

#menu-icon {
  display: none; }
  #menu-icon:checked + .menu-icon .svg--menu {
    display: none; }
  #menu-icon:checked + .menu-icon .svg--close {
    display: inline-block; }
  #menu-icon:checked ~ .site-nav {
    display: block; }

.menu-icon {
  display: inline-block;
  float: right;
  line-height: 0;
  text-align: center;
  padding: 4px 3px;
  margin: 7px 0 0; }
  .menu-icon > svg {
    width: 18px;
    height: 15px; }
    .menu-icon > svg.svg--menu {
      display: inline-block; }
    .menu-icon > svg.svg--close {
      display: none; }
    .menu-icon > svg path {
      fill: #424242; }

.site-nav {
  display: none;
  margin-bottom: -10px;
  padding-top: 10px;
  font-size: 16px;
  margin: 0 -15px -10px;
  position: relative; 
  z-index: 1;
  background-color: #fff; }

.page-link {
  border-top: 1px solid #e8e8e8;
  display: block;
  line-height: 1;
  letter-spacing: 1px;
  padding: 20px 15px;
  width: 100%; }
  .page-link, .page-link:visited {
    color: #000000; }

/**
 * Site footer
 */
.site-footer {
  color: #FFFFFF;
  opacity: .9; }
  .inner-page + .site-footer .footer-link, .site-footer.obras .footer-link {
    color: #999999; }
  .site-footer .footer-link {
    color: #FFFFFF;
    text-decoration: none; }

.home {
  background: url("../images/obras/benavidez/2.jpg?v=1");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: cover;
  height: 180px;
  margin: -15px;
  margin-bottom: 15px;
  height: 180px; }

.estudio {
  background: url("../images/obras/benavidez/2.jpg?v=1");
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: cover;
  height: 180px;
  margin: -15px;
  margin-bottom: 15px;
  height: 180px;
  letter-spacing: 0.8px; }
  .estudio > div > * {
    max-width: 100%; }
  .estudio .page-link {
    border-top: 0;
    letter-spacing: 0.8px;
    line-height: 2;
    margin-top: 1px;
    padding: 20px 25px; }
    .estudio .page-link, .estudio .page-link:visited {
      color: #000000; }
  .estudio .arc-mail {
    color: #666666;
    display: block;
    font-size: 11px;
    letter-spacing: 0.6px; }
  .estudio [class*="list-item--"] {
    display: none; }
  .estudio [class*="icon"] {
    float: right;
    margin-top: 6px; }
  .estudio .geo {
    height: 200px; }

.arq {
  background-color: #fdfdfd;
  color: #666666;
  letter-spacing: 0.8px;
  line-height: 1.41667; }
  .site-header + .arq {
    padding-top: 58px; }
  .arq .full-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-size: cover;
    height: 180px; }
  .arq .arq-mail {
    display: block;
    margin: 20px 0; }
  .arq p {
    margin: 0; }
    .arq p.paragraph-block {
      margin-top: 20px; }

.works {
  background-color: #fdfdfd; }

.section--title {
  font-family: 'Lato', Helvetica, Arial, sans-serif;
  font-size: 16px;
  padding: 10px 0; }

.work {
  background-color: #fdfdfd;
  color: #666666;
  overflow: auto; }
  .site-header + .work {
    padding-top: 40%; }
    @media screen and (min-width: 380px) {
      .site-header + .work {
        padding-top: 40%; } }
    @media screen and (min-width: 480px) {
      .site-header + .work {
        padding-top: 30%; } }
    @media screen and (min-width: 660px) {
      .site-header + .work {
        padding-top: 15%; } }
  .work--title, .work--detail {
    margin: 10px 0; }

.gallery {
  display: none; }

.gallery-lite,
.gallery--list {
  overflow: auto; }

.gallery--item {
  float: left;
  padding: 0 10px; }
  .gallery--item:last-of-type {
    padding-right: 0; }

.gallery--image {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }

.windows8 {
  width: 42px;
  height: 42px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none; }
  .blocked .windows8 {
    display: block; }

.windows8 .wBall {
  position: absolute;
  width: 40px;
  height: 40px;
  opacity: 0;
  transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  animation: orbit 4.5325s infinite;
  -o-animation: orbit 4.5325s infinite;
  -ms-animation: orbit 4.5325s infinite;
  -webkit-animation: orbit 4.5325s infinite;
  -moz-animation: orbit 4.5325s infinite; }

.windows8 .wBall .wInnerBall {
  position: absolute;
  width: 5px;
  height: 5px;
  background: rgba(0, 0, 0, 0.31);
  left: 0px;
  top: 0px;
  border-radius: 5px; }

.windows8 #wBall_1 {
  animation-delay: 0.986s;
  -o-animation-delay: 0.986s;
  -ms-animation-delay: 0.986s;
  -webkit-animation-delay: 0.986s;
  -moz-animation-delay: 0.986s; }

.windows8 #wBall_2 {
  animation-delay: 0.193s;
  -o-animation-delay: 0.193s;
  -ms-animation-delay: 0.193s;
  -webkit-animation-delay: 0.193s;
  -moz-animation-delay: 0.193s; }

.windows8 #wBall_3 {
  animation-delay: 0.3965s;
  -o-animation-delay: 0.3965s;
  -ms-animation-delay: 0.3965s;
  -webkit-animation-delay: 0.3965s;
  -moz-animation-delay: 0.3965s; }

.windows8 #wBall_4 {
  animation-delay: 0.5895s;
  -o-animation-delay: 0.5895s;
  -ms-animation-delay: 0.5895s;
  -webkit-animation-delay: 0.5895s;
  -moz-animation-delay: 0.5895s; }

.windows8 #wBall_5 {
  animation-delay: 0.793s;
  -o-animation-delay: 0.793s;
  -ms-animation-delay: 0.793s;
  -webkit-animation-delay: 0.793s;
  -moz-animation-delay: 0.793s; }

@keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    transform: rotate(180deg);
    animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    transform: rotate(300deg);
    animation-timing-function: linear;
    origin: 0%; }
  30% {
    opacity: 1;
    transform: rotate(410deg);
    animation-timing-function: ease-in-out;
    origin: 7%; }
  39% {
    opacity: 1;
    transform: rotate(645deg);
    animation-timing-function: linear;
    origin: 30%; }
  70% {
    opacity: 1;
    transform: rotate(770deg);
    animation-timing-function: ease-out;
    origin: 39%; }
  75% {
    opacity: 1;
    transform: rotate(900deg);
    animation-timing-function: ease-out;
    origin: 70%; }
  76% {
    opacity: 0;
    transform: rotate(900deg); }
  100% {
    opacity: 0;
    transform: rotate(900deg); } }
@-o-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -o-transform: rotate(180deg);
    -o-animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    -o-transform: rotate(300deg);
    -o-animation-timing-function: linear;
    -o-origin: 0%; }
  30% {
    opacity: 1;
    -o-transform: rotate(410deg);
    -o-animation-timing-function: ease-in-out;
    -o-origin: 7%; }
  39% {
    opacity: 1;
    -o-transform: rotate(645deg);
    -o-animation-timing-function: linear;
    -o-origin: 30%; }
  70% {
    opacity: 1;
    -o-transform: rotate(770deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 39%; }
  75% {
    opacity: 1;
    -o-transform: rotate(900deg);
    -o-animation-timing-function: ease-out;
    -o-origin: 70%; }
  76% {
    opacity: 0;
    -o-transform: rotate(900deg); }
  100% {
    opacity: 0;
    -o-transform: rotate(900deg); } }
@-ms-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -ms-transform: rotate(180deg);
    -ms-animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    -ms-transform: rotate(300deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 0%; }
  30% {
    opacity: 1;
    -ms-transform: rotate(410deg);
    -ms-animation-timing-function: ease-in-out;
    -ms-origin: 7%; }
  39% {
    opacity: 1;
    -ms-transform: rotate(645deg);
    -ms-animation-timing-function: linear;
    -ms-origin: 30%; }
  70% {
    opacity: 1;
    -ms-transform: rotate(770deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 39%; }
  75% {
    opacity: 1;
    -ms-transform: rotate(900deg);
    -ms-animation-timing-function: ease-out;
    -ms-origin: 70%; }
  76% {
    opacity: 0;
    -ms-transform: rotate(900deg); }
  100% {
    opacity: 0;
    -ms-transform: rotate(900deg); } }
@-webkit-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -webkit-transform: rotate(180deg);
    -webkit-animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    -webkit-transform: rotate(300deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 0%; }
  30% {
    opacity: 1;
    -webkit-transform: rotate(410deg);
    -webkit-animation-timing-function: ease-in-out;
    -webkit-origin: 7%; }
  39% {
    opacity: 1;
    -webkit-transform: rotate(645deg);
    -webkit-animation-timing-function: linear;
    -webkit-origin: 30%; }
  70% {
    opacity: 1;
    -webkit-transform: rotate(770deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 39%; }
  75% {
    opacity: 1;
    -webkit-transform: rotate(900deg);
    -webkit-animation-timing-function: ease-out;
    -webkit-origin: 70%; }
  76% {
    opacity: 0;
    -webkit-transform: rotate(900deg); }
  100% {
    opacity: 0;
    -webkit-transform: rotate(900deg); } }
@-moz-keyframes orbit {
  0% {
    opacity: 1;
    z-index: 99;
    -moz-transform: rotate(180deg);
    -moz-animation-timing-function: ease-out; }
  7% {
    opacity: 1;
    -moz-transform: rotate(300deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 0%; }
  30% {
    opacity: 1;
    -moz-transform: rotate(410deg);
    -moz-animation-timing-function: ease-in-out;
    -moz-origin: 7%; }
  39% {
    opacity: 1;
    -moz-transform: rotate(645deg);
    -moz-animation-timing-function: linear;
    -moz-origin: 30%; }
  70% {
    opacity: 1;
    -moz-transform: rotate(770deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 39%; }
  75% {
    opacity: 1;
    -moz-transform: rotate(900deg);
    -moz-animation-timing-function: ease-out;
    -moz-origin: 70%; }
  76% {
    opacity: 0;
    -moz-transform: rotate(900deg); }
  100% {
    opacity: 0;
    -moz-transform: rotate(900deg); } }