@font-face { font-family: "loc"; src: url("../loc.woff") format("woff") };

* { box-sizing: border-box; }
html { margin: 0; padding: 0;  }

body {
  font-family: 'loc', courier, helvetica, "helvetica neue", sans-serif;
  color: #000000;
  background-color: #ffffff;
  font-size: 13px;
  margin-left: 15px; margin-right: 15px; padding: 0; margin-top: 0;
/*   font-weight: 400; */
/*   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; */
}

.preloader-wrapper { height: 100%; width: 100%; background: #fff; position: fixed; top: 0; left: 0; z-index: 9999999; }

.spinner{width:60px;height:60px;position:absolute;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spinner .circular{-webkit-animation:rotate 2s linear infinite;-moz-animation:rotate 2s linear infinite;-ms-animation:rotate 2s linear infinite;-o-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;height:100%;-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.spinner .circular .path{stroke:#000;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;-moz-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;-ms-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;-o-animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite,color 6s ease-in-out infinite}@-moz-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-webkit-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@-o-keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}30%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}

::selection { background: #000; color: #fff; /* WebKit/Blink Browsers */ }
::-moz-selection { background: #000; color: #fff; /* Gecko Browsers */ }

p { margin: 0; padding:0; line-height: 1.5; }
a { color: #000; }
img { display:block; }
.img-responsive { max-width: 100%; height: auto; }

.project-one-column { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
/* .project-one-column:last-child { padding-bottom: 15px; } */

#wrapper { width: 100% auto; margin-top: 70px; }

.lazyload,
.lazyloading { opacity: 0; }

.loading,
.lazyload,
.lazyloaded {
  opacity: 1;
  transition: .4s cubic-bezier(0.215, 0.61, 0.355, 1);
/*   background-color: #d8d8d8;  */
 }

/* .image img {
  width: 100%;
  display: block;
 } */

.video img { opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
 }
.video:hover img { opacity: .8;  filter: alpha(opacity=80); }
.video:hover .centered { text-decoration: underline; }

.last-column-space { margin-bottom: 15px; }

/* STRUCTURE */

.row { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
.row { border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;  }
.navigation .row { border-left: 0; border-right: 0; border-bottom: 0;  }
.column { display: flex; flex-direction: column; flex-basis: 100%; }

.lefty { float: left; text-transform: uppercase;  }
.righty { float: right; }
.filter { text-transform: uppercase;  }

.filter-button-group ul li { margin-right: 12px; }

span.pill { 
  font-size: 11px;
  letter-spacing: 0.4px; 
  text-transform: uppercase; 
}

.project-visual-content { position: relative; text-align: center;  }
.centered {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*.project-visual-content:hover img { opacity: 0;  }
*/
.navigation .row { border: 1px solid #000; background-color: #fff;  }
.navigation { position: fixed; z-index: 12; top: 0;  }
.navigation { right: 15px; left: 15px;  }
.navigation .row { height: 48px; padding-top: 3px }

.navspace { width: 100% !important; background-color: white; height: 15px; border: 1px solid white; }

.play-white { color: #fff !important; }
.play-black { color: #000 !important; }

a.brand { text-decoration: none !important; text-transform: uppercase; }

.project-two-columns { width: 100%; clear: both; display: table; }
.project-two-columns .inside { width: 50%; float: left; background-color: red; }

.inside-column {
padding: 15px;
height: 100%;
}

.inside-column a { z-index: 10; position: relative; }

.contacto { min-height: 270px; }

.footer { margin-bottom: 15px; text-transform: uppercase; }
.footer .row { height: 48px; padding-top: 2px; }

.description { min-height: 100% }
.description { position: relative; }
.border-left { border-left: 1px solid #000;  }
.border-right { border-right: 1px solid #000;  }

.grid .description p { padding: 15px; }

.desc-tags { bottom: 0; position: absolute;   }

.desc-tags .pill:not(:last-child)::after {
  content: ",";
}

/* .desc-tags { display: none; }
.grid-item:hover .desc-tags { display: block; } */

.about-page .inside-column { padding-bottom: 22px; padding-top: 20px; }
.about-page .footer .inside-column { padding-bottom: 15px; padding-top: 15px }

span.uppercase { text-transform: uppercase;  }
span.underline { text-decoration: underline; }

.double-column,
.column { max-width: 100%; height: auto !important; }

.project-page .double-column { margin-bottom: 15px; }

.column-inside { margin-left: 15px; margin-right: 15px; margin-top: 15px;}

.column-inside-image-left { width: 47%; width: -webkit-calc(50% - 7.5px); width: calc(50% - 7.5px); float: left; margin-right: 7.5px; }
.column-inside-image-right { width: 47%; width: -webkit-calc(50% - 7.5px); width: calc(50% - 7.5px); float: left; margin-left: 7.5px; }

.grid-item a { text-decoration: none; }

.grid-item img {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}

/* .grid-item img {  
filter: none;
-webkit-filter: grayscale(0);
} */
  
/* .grid-item:hover img {   
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 

 } */
  
  
/* .grid-item:hover img { opacity: .8;  filter: alpha(opacity=80); } */
.grid-item:hover .uppercase { text-decoration: underline; }

.grid-item { width: 100%; }

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

ul { list-style: none; margin: 0; padding: 0; float: left; }
ul.index li a { text-decoration: none; }

li { display: inline; cursor: pointer; text-transform: uppercase; }
li:hover { text-decoration: underline; }
li.active { text-decoration: underline !important; }
/* li.active { text-decoration: none; color: #fff; background: #000; } */

/*! Lity - v2.3.1 - 2018-04-20
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#000;background:#000;outline:0!important;opacity:0}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:0!important}.lity-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;opacity:0}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:0!important}.lity-content:after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1}.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:loc,helvetica,"helvetica neue" sans-serif;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:0 0;outline:0;-webkit-box-shadow:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:loc,helvetica,"helvetica neue" sans-serif;line-height:35px;border:0;background:0 0;outline:0}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-facebookvideo .lity-container,.lity-googlemaps .lity-container,.lity-iframe .lity-container,.lity-vimeo .lity-container,.lity-youtube .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000}.lity-hide{display:none}

@media screen and (min-width: 991px) {
  .column { flex: 1 }
  .double-column { flex: 3 }
}

/* Medium Devices, Desktops */
    @media only screen and (max-width:991px) {
	    img { min-width: 100%; }
	    .border-right { border: 0 !important; }
/* 	    .description p { padding-top: 0; padding-left: 15px; padding-right: 15px; } */
	    .mobile-up-space { padding-top: 15px; }
	    .description { min-height: inherit; height: auto; }
	    .about-page .inside-column { padding-bottom: 15px; padding-top: 15px; }
}

@media (max-width:767px) {
    .hidden-xs { display: none!important }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm { display: none!important }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md { display: none!important }
}

@media (min-width:1200px) {
    .hidden-lg { display: none!important }
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
    display: none!important
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important
    }
}