.navbar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1000;
  width: 100%;
  height: 80px;
  border-top: 0px none #000;
  border-bottom: 1px solid #000;
  border-radius: 1px;
  background-color: #162025;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
}

.nav-link {
  margin: 23px 10px 20px;
  padding: 12px 0px;
  border-bottom: 3px solid rgba(246, 128, 1, 0);
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  line-height: 10px;
  font-weight: 900;
}

.nav-link:hover {
  border-bottom: 3px solid #f68001;
  color: #fff;
}

.nav-link.w--current {
  border-style: none none solid;
  border-bottom-color: #f68001;
  color: #fff;
}

.nav-link.cta {
  margin: 22px 0px 22px 20px;
  padding: 13px 12px;
  float: right;
  border-bottom-style: none;
  border-radius: 4px;
  background-color: #f68001;
  -webkit-transition-duration: 100ms;
  transition-duration: 100ms;
  color: #fff;
}

.nav-link.cta:hover {
  border-bottom-style: none;
  background-color: #e97b06;
  box-shadow: inset 0 1px 1px 0 transparent;
}

.nav-link.cta:active {
  padding-top: 14px;
  padding-bottom: 12px;
  background-color: #e97b06;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
}

.nav-link.language {
  width: 30px;
  height: 30px;
  margin: 25px 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom-style: none;
  border-radius: 15px;
  text-align: center;
}

.nav-link.language:hover {
  border-bottom-style: none;
}

.nav-link.language:active {
  background-color: transparent;
}

.nav-link.language:focus {
  background-color: #f68001;
  color: #fff;
}

.nav-container {
  width: 940px;
  height: 80px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
}

.logo-wrapper {
  width: 135px;
  height: 60px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url('../images/logo.png');
  background-position: 0px 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

.nav-menu {
  background-color: transparent;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

.nav-language {
  width: 30px;
  height: 30px;
  margin-top: 25px;
  margin-right: 5px;
  margin-bottom: 25px;
  padding: 9px 0px;
  float: right;
  border-radius: 15px;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  line-height: 11px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.nav-language:hover {
  color: #fff;
}

.nav-language:active {
  background-color: #f68001;
}

.nav-language.es {
  display: inline-block;
  margin-right: 20px;
  float: right;
}

.nav-es {
  width: 30px;
  height: 30px;
  margin-top: 25px;
  margin-right: 20px;
  margin-bottom: 25px;
  padding: 10px 0px;
  border-radius: 15px;
  background-color: #f68001;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 10px;
  font-weight: 900;
  text-align: center;
}

.test {
  height: 1500px;
}

.footer-section {
  margin-top: 0px;
  border-top: 1px solid #000;
  background-color: #162025;
}

.footer-container {
  width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.copyright-text {
  display: inline-block;
  padding-top: 90px;
  padding-bottom: 90px;
  float: right;
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-weight: 500;
}

.footer-upper-section {
  border-bottom: 1px solid #000;
}

.footer-lower-section {
  border-top: 1px solid #223239;
}

.terms-text {
  display: none;
  margin-right: 20px;
  padding-top: 90px;
  padding-bottom: 90px;
  float: right;
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-weight: 500;
}

.btn {
  display: inline-block;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding: 13px 12px;
  border-radius: 4px;
  background-color: #f68001;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 10px;
  font-weight: 900;
  text-decoration: none;
}

.btn:hover {
  background-color: #e97b06;
  box-shadow: inset 0 1px 1px 0 transparent;
}

.btn:active {
  padding-top: 14px;
  padding-bottom: 12px;
  background-color: #e97b06;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .3);
}

.btn.footer {
  float: right;
  -webkit-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}

.btn.footer:hover {
  background-color: #ff921d;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .35);
}

.btn.footer:active {
  background-color: #e07706;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .35), inset 0 1px 1px 0 rgba(0, 0, 0, .3);
}

.btn.blue {
  float: right;
  background-color: #45c5f4;
}

.btn.brochure {
  margin-top: 0px;
  margin-bottom: 5px;
  float: right;
}

.btn.brochure.home {
  margin-top: 0px;
}

.btn.brochure.transparent {
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  border: 1px solid #fff;
  background-color: transparent;
  text-align: center;
}

.btn.brochure.transparent:hover {
  background-color: hsla(0, 0%, 100%, .1);
}

.btn.contact {
  float: right;
}

.btn.cta {
  padding: 18px;
  font-size: 16px;
}

.footer-right-wrapper {
  padding-top: 80px;
  padding-bottom: 80px;
  float: right;
}

.footer-contact-wrapper {
  display: inline-block;
  margin-right: 50px;
}

.footer-title {
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  font-weight: 900;
}

.footer-text {
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
}

.footer-left-wrapper {
  display: inline-block;
  margin-right: 0px;
  padding-top: 79px;
  padding-bottom: 79px;
  line-height: 20px;
  text-indent: 0px;
}

.footer-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 50px;
  float: none;
  -webkit-transition: color 100ms ease-in-out;
  transition: color 100ms ease-in-out;
  font-family: Social, sans-serif;
  color: #969696;
  font-size: 40px;
  line-height: 42px;
  font-weight: 400;
  text-decoration: none;
}

.footer-icon:hover {
  color: #fff;
}

.footer-icon.disabled {
  color: hsla(0, 0%, 59%, .2);
}

.body {
  padding-top: 80px;
  background-color: #f0f0f0;
}

.bach-link-wrapper {
  margin-top: 22px;
  float: right;
  text-decoration: none;
}

.bak-link-text {
  margin-top: 0px;
  padding-top: 13px;
  padding-bottom: 13px;
  float: right;
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  line-height: 10px;
  font-weight: 900;
  text-decoration: none;
}

.back-link-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: 6px;
  margin-right: 5px;
  margin-bottom: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
  float: left;
  border: 2px solid #fff;
  border-radius: 13px;
  opacity: 0.6;
  font-family: Capturavisual, sans-serif;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

.work-menu-section {
  padding-top: 50px;
  background-color: #f0f0f0;
}

.work-menu-container {
  display: block;
  width: 960px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px 20px 30px 10px;
  float: none;
}

.work-menu-wrapper {
  float: left;
}

.work-btn {
  display: inline-block;
  margin-top: 13px;
  margin-right: 20px;
  padding-bottom: 10px;
  float: left;
  border-bottom: 3px solid rgba(246, 128, 1, 0);
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  line-height: 10px;
  font-weight: 900;
  text-decoration: none;
}

.work-btn:hover {
  border-bottom-color: #f68001;
  color: #646464;
}

.work-btn.dopdown {
  margin-right: 0px;
  padding-bottom: 13px;
  border-bottom-style: none;
}

.h1 {
  margin-top: 0px;
  margin-bottom: 23px;
  font-family: 'Maven Pro', sans-serif;
  color: #f68001;
  font-size: 28px;
  line-height: 20px;
  font-weight: 900;
}

.h1.project-title {
  display: block;
  width: 100%;
  margin-bottom: 0px;
  float: left;
  line-height: 31px;
  font-weight: 900;
}

.h1.main-phrase {
  margin-bottom: 5px;
  color: #fff;
  font-size: 31px;
  line-height: 38px;
}

.h1.home {
  display: inline-block;
  margin-bottom: 0px;
  line-height: 37px;
}

.dropdown-toggle-work {
  display: block;
  padding: 0px 20px 0px 0px;
  line-height: 10px;
}

.icon-dropdown {
  margin-top: 15px;
  margin-right: 0px;
  padding-top: 0px;
  color: #f68001;
  line-height: 5px;
}

.film-service-section {
  overflow: hidden;
  height: 0px;
  background-color: #f0f0f0;
}

.service-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 35px;
  padding-bottom: 77px;
}

.service-container.all {
  padding-top: 30px;
  padding-bottom: 30px;
}

.service-left-wrapper {
  display: block;
  width: 400px;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

.service-right-wrapper {
  display: block;
  width: 560px;
  margin-bottom: 0px;
  padding-right: 20px;
  padding-left: 10px;
  float: left;
}

.h2 {
  margin-top: 0px;
  float: left;
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  font-size: 24px;
  line-height: 31px;
  font-weight: 900;
}

.h2.projects {
  margin-bottom: 40px;
  float: none;
  color: #fff;
  font-weight: 700;
}

.p {
  margin-bottom: 0px;
  float: left;
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  text-align: left;
}

.p.project {
  width: 100%;
  font-size: 16px;
  line-height: 26px;
}

.service-bullets-row {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  background-color: #f68001;
}

.service-bullets-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  text-align: center;
}

.bullet-wrapper {
  display: inline-block;
  margin-top: 30px;
  margin-right: 15px;
  margin-left: 15px;
}

.bullet-text {
  display: inline-block;
  margin-left: 5px;
  padding-top: 3px;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}

.bullet-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  padding-top: 7px;
  padding-bottom: 7px;
  float: left;
  border: 2px solid #fff;
  border-radius: 14px;
  font-family: Capturavisual, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 11px;
  text-align: center;
}

.projects-blue-bar {
  height: 10px;
  background-color: #45c5f4;
}

.projects-lower-wrapper {
  padding-top: 40px;
  background-color: #f68001;
}

.portfolio-container {
  width: 960px;
  height: auto;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  float: none;
  background-color: #f68001;
  box-shadow: 0 -1px 16px 0 rgba(0, 0, 0, .2);
  -webkit-perspective-origin: -164% 0%;
  perspective-origin: -164% 0%;
}

.portfolio-container.home {
  margin-top: -240px;
  float: none;
}

.portfolio-container.hide {
  display: none;
}

.project-thumb-wrapper {
  position: relative;
  display: block;
  width: 240px;
  height: 240px;
  float: left;
  background-color: rgba(0, 0, 0, .15);
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  text-decoration: none;
}

.project-thumb-wrapper._1 {
  position: relative;
  background-image: url('../images/thumb1.jpg');
  background-position: 0px 0px;
}

.project-thumb-wrapper._2 {
  background-image: url('../images/thumb2.jpg');
  background-position: 0px 0px;
  background-size: auto;
}

.project-thumb-wrapper._4 {
  float: left;
  background-image: url('../images/thumb4.jpg');
  background-position: 0px 0px;
}

.project-thumb-wrapper._3 {
  background-image: url('../images/thumb3.jpg');
  background-position: 0px 0px;
}

.project-thumb-wrapper.asur {
  background-image: url('../images/ASUR-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.project-thumb-wrapper.cr {
  background-image: url('../images/CR-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.project-thumb-wrapper.hphm {
  display: block;
  background-image: url('../images/HPHM-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.project-thumb-wrapper.hphm.home {
  display: none;
}

.project-thumb-wrapper.linea {
  background-image: url('../images/LINEA-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.project-thumb-wrapper.oax {
  background-image: url('../images/OAX-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.ptar {
  background-image: url('../images/PTAR-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.more {
  padding-top: 108px;
  padding-bottom: 108px;
  background-color: #f68001;
  background-image: none;
}

.project-thumb-wrapper.hphmcom {
  display: none;
}

.project-thumb-wrapper.hphmce {
  display: none;
}

.project-thumb-wrapper.ptartl {
  background-image: url('../images/PTARTL-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.come {
  background-image: url('../images/COME-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.vico16 {
  background-image: url('../images/VICO16-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.viro16 {
  background-image: url('../images/VIRO16-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.valores {
  background-image: url('../images/VALORES-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.yesca {
  background-image: url('../images/YESCA-PORTADA.jpg');
  background-size: 240px;
}

.project-thumb-wrapper.yrse {
  display: none;
}

.project-thumb-wrapper.yescadoc {
  display: none;
}

.project-thumb-wrapper.yescal {
  display: none;
}

.project-thumb-wrapper.teo {
  background-image: url('../images/TEO-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.project-thumb-wrapper.aea {
  display: block;
  background-image: url('../images/AEA-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.pev {
  display: none;
}

.project-thumb-wrapper.sen {
  display: block;
  background-image: url('../images/SEN-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.sentl {
  display: none;
}

.project-thumb-wrapper.senfoto {
  display: none;
}

.project-thumb-wrapper.tilh {
  display: none;
}

.project-thumb-wrapper.hphcine {
  display: block;
  background-image: url('../images/HPHCINE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.hphasia {
  background-image: url('../images/ASIA-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.grk {
  display: none;
}

.project-thumb-wrapper.icav {
  display: none;
}

.project-thumb-wrapper.icavprom {
  display: none;
}

.project-thumb-wrapper.cine {
  display: block;
  background-image: url('../images/CINE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.amor {
  display: none;
}

.project-thumb-wrapper.josu {
  display: block;
  background-image: url('../images/JOSU-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.hule {
  display: block;
  background-image: url('../images/HULE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.hule2 {
  display: none;
}

.project-thumb-wrapper.hule3 {
  display: none;
}

.project-thumb-wrapper.green {
  display: none;
}

.project-thumb-wrapper.mujer {
  display: none;
}

.project-thumb-wrapper.tv {
  display: none;
}

.project-thumb-wrapper.asilo {
  display: none;
}

.project-thumb-wrapper.viva15 {
  display: none;
}

.project-thumb-wrapper.tunel {
  background-image: url('../images/TUNEL-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.voces {
  background-image: url('../images/VOCES-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.cliente {
  background-image: url('../images/CLIENTE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.asam {
  display: none;
}

.project-thumb-wrapper.hlog {
  display: none;
}

.project-thumb-wrapper.ppcvid {
  display: none;
}

.project-thumb-wrapper.jct {
  display: none;
}

.project-thumb-wrapper.cade {
  display: block;
  background-image: url('../images/CADE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.luz {
  background-image: url('../images/LUZ-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.mb {
  background-image: url('../images/MB-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.sky {
  background-image: url('../images/SKY-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.almas {
  background-image: url('../images/ALMAS-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.mome {
  background-image: url('../images/MOME-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.aui {
  background-image: url('../images/AUI-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.xan {
  background-image: url('../images/XAN-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.seg {
  display: none;
}

.project-thumb-wrapper.cob {
  display: none;
}

.project-thumb-wrapper.hi {
  display: none;
}

.project-thumb-wrapper.eg15 {
  display: none;
}

.project-thumb-wrapper.oh {
  display: none;
}

.project-thumb-wrapper.reco {
  display: none;
}

.project-thumb-wrapper.pwp {
  display: none;
}

.project-thumb-wrapper.rep {
  display: block;
  background-image: url('../images/REP-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.tv2 {
  display: none;
}

.project-thumb-wrapper.cnew {
  display: none;
}

.project-thumb-wrapper.ppctv {
  background-image: url('../images/PPCTV-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.web {
  background-image: url('../images/PWP-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.icave {
  background-image: url('../images/ICAVE-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.muzu {
  background-image: url('../images/MUZU-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.ventikas {
  background-image: url('../images/VENTIKAS-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.nido {
  background-image: url('../images/NIDO-PORTADA.jpg');
  background-size: cover;
}

.project-thumb-wrapper.onu {
  background-image: url('../images/ONU-PORTADA.jpg');
  background-size: cover;
}

.thumb-info-wrapper {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  display: none;
  width: auto;
  height: 100%;
  margin-left: 0px;
  padding: 90px 20px 10px;
  border-bottom: 3px none #f68001;
  background-color: rgba(22, 32, 37, .9);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .8);
  opacity: 0;
}

.thumb-info-wrapper.title {
  padding-right: 10px;
  padding-left: 10px;
}

.thumb-client {
  border-bottom: 0px none #000;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.thumb-type {
  display: inline-block;
  margin-bottom: 10px;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 12px;
}

.see-more-wrapper {
  margin-top: 10px;
}

.see-more-icon {
  display: inline-block;
  font-family: Capturavisual, sans-serif;
  color: #fff;
  font-size: 10px;
  line-height: 20px;
}

.see-more-text {
  position: static;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 900;
}

.thumb-inner-wrapper {
  display: block;
}

.dropdown {
  display: none;
  margin-right: 20px;
  float: left;
}

.thumb-info-title-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  width: 100%;
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: transparent;
  background-image: -webkit-linear-gradient(270deg, transparent, rgba(0, 0, 0, .7));
  background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7));
}

.shots-section {
  position: relative;
  height: 620px;
}

.project-slider {
  height: 100%;
}

.lightbox-link {
  width: 100%;
  height: 100%;
}

.img-thumb {
  width: 100%;
}

.slide1 {
  background-image: url('../images/HPHM-9.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide1.cr {
  background-image: url('../images/CR-7.jpg');
  background-size: cover;
}

.slide1.asur {
  background-image: url('../images/ASUR-1.jpg');
  background-size: cover;
}

.slide1.linea {
  background-image: url('../images/LINEA-24.jpg');
  background-size: cover;
}

.slide1.ptar {
  background-image: url('../images/PTAR-14.jpg');
  background-size: cover;
}

.slide1.oax {
  background-image: url('../images/OAX-1.jpg');
  background-size: cover;
}

.slide1.come {
  background-image: url('../images/COME1.jpg');
  background-size: cover;
}

.slide1.vico16 {
  background-image: url('../images/VICO16-6.jpg');
  background-size: cover;
}

.slide1.viro16 {
  background-image: url('../images/VIRO16-11.jpg');
  background-size: cover;
}

.slide1.valores {
  background-image: url('../images/VALORES-5.jpg');
  background-size: cover;
}

.slide1.yesca {
  background-image: url('../images/YESCA-14.jpg');
  background-size: cover;
}

.slide1.teo {
  background-image: url('../images/TEO-10.jpg');
  background-size: cover;
}

.slide1.aea {
  background-image: url('../images/AEA-4.jpg');
  background-size: cover;
}

.slide1.pev {
  background-image: url('../images/VENTIKAS-7.jpg');
  background-size: cover;
}

.slide1.sen {
  background-image: url('../images/SEN-3.jpg');
  background-size: cover;
}

.slide1.ptartl {
  background-image: url('../images/PTARTL-1.jpg');
  background-size: cover;
}

.slide1.hphcine {
  background-image: url('../images/HPHCINE-3.jpg');
  background-size: cover;
}

.slide1.hphasia {
  background-image: url('../images/ASIA-3.jpg');
  background-size: cover;
}

.slide1.icavprom {
  background-image: url('../images/ICAVE-3.jpg');
  background-size: cover;
}

.slide1.cine {
  background-image: url('../images/CINE-10.jpg');
  background-size: cover;
}

.slide1.josu {
  background-image: url('../images/JOSU-4.jpg');
  background-size: cover;
}

.slide1.hule {
  background-image: url('../images/HULE-5.jpg');
  background-size: cover;
}

.slide1.tv {
  background-image: url('../images/PPCTV-14.jpg');
  background-size: cover;
}

.slide1.tunel {
  background-image: url('../images/TUNEL-10.jpg');
  background-size: cover;
}

.slide1.voces {
  background-image: url('../images/VOCES-1.jpg');
  background-size: cover;
}

.slide1.cliente {
  background-image: url('../images/CLIENTE-1.jpg');
  background-size: cover;
}

.slide1.cade {
  background-image: url('../images/CADE-3.jpg');
  background-size: cover;
}

.slide1.luz {
  background-image: url('../images/LUZ-9.jpg');
  background-size: cover;
}

.slide1.mb {
  background-image: url('../images/MB-2.jpg');
  background-size: cover;
}

.slide1.sky {
  background-image: url('../images/SKY-2.jpg');
  background-size: cover;
}

.slide1.almas {
  background-image: url('../images/ALMAS-4.jpg');
  background-size: cover;
}

.slide1.mome {
  background-image: url('../images/MOME-4.jpg');
  background-size: cover;
}

.slide1.aui {
  background-image: url('../images/AUI-3.jpg');
  background-size: cover;
}

.slide1.xan {
  background-image: url('../images/XAN-1.jpg');
  background-size: cover;
}

.slide1.rep {
  background-image: url('../images/REP-2.jpg');
  background-size: cover;
}

.slide1.pwp {
  background-image: url('../images/PWP-2.jpg');
  background-size: cover;
}

.slide1.muzu {
  background-image: url('../images/MUZU-2.jpg');
  background-size: cover;
}

.slide1.nido {
  background-image: url('../images/NIDO-1.jpg');
  background-size: cover;
}

.slide1.onu {
  background-image: url('../images/ONU-7.jpg');
  background-size: cover;
}

.slide2 {
  background-image: url('../images/HPHM-2.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide2.cr {
  background-image: url('../images/CR-13.jpg');
  background-size: cover;
}

.slide2.asur {
  background-image: url('../images/ASUR-9.jpg');
  background-size: cover;
}

.slide2.linea {
  background-image: url('../images/LINEA-39.jpg');
  background-size: cover;
}

.slide2.ptar {
  background-image: url('../images/PTAR-10.jpg');
  background-size: cover;
}

.slide2.oax {
  background-image: url('../images/OAX-2.jpg');
  background-size: cover;
}

.slide2.come {
  background-image: url('../images/COME-6.jpg');
  background-size: cover;
}

.slide2.vico16 {
  background-image: url('../images/VICO16-18.jpg');
  background-size: cover;
}

.slide2.viro16 {
  background-image: url('../images/VIRO16-3.jpg');
  background-size: cover;
}

.slide2.valores {
  background-image: url('../images/VALORES-6.jpg');
  background-size: cover;
}

.slide2.yesca {
  background-image: url('../images/YESCA-16.jpg');
  background-size: cover;
}

.slide2.teo {
  background-image: url('../images/TEO-4.jpg');
  background-size: cover;
}

.slide2.aea {
  background-image: url('../images/AEA-1.jpg');
  background-size: cover;
}

.slide2.pev {
  background-image: url('../images/VENTIKAS-5.jpg');
  background-size: cover;
}

.slide2.sen {
  background-image: url('../images/SEN-12.jpg');
  background-size: cover;
}

.slide2.ptartl {
  background-image: url('../images/PTARTL-4.jpg');
  background-size: cover;
}

.slide2.hphcine {
  background-image: url('../images/HPHCINE-2.jpg');
  background-size: cover;
}

.slide2.hphasia {
  background-image: url('../images/ASIA-2.jpg');
  background-size: cover;
}

.slide2.icavprom {
  background-image: url('../images/ICAVE-5.jpg');
  background-size: cover;
}

.slide2.cine {
  background-image: url('../images/CINE-8.jpg');
  background-size: cover;
}

.slide2.josu {
  background-image: url('../images/JOSU-6.jpg');
  background-size: cover;
}

.slide2.hule {
  background-image: url('../images/HULE-4.jpg');
  background-size: cover;
}

.slide2.tv {
  background-image: url('../images/PPCTV-5.jpg');
  background-size: cover;
}

.slide2.tunel {
  background-image: url('../images/TUNEL-17.jpg');
  background-size: cover;
}

.slide2.voces {
  background-image: url('../images/VOCES-15.jpg');
  background-size: cover;
}

.slide2.cliente {
  background-image: url('../images/CLIENTE-3.jpg');
  background-size: cover;
}

.slide2.cade {
  background-image: url('../images/CADE-5.jpg');
  background-size: cover;
}

.slide2.luz {
  background-image: url('../images/LUZ-7.jpg');
  background-size: cover;
}

.slide2.mb {
  background-image: url('../images/MB-1.jpg');
  background-size: cover;
}

.slide2.sky {
  background-image: url('../images/SKY-3.jpg');
  background-size: cover;
}

.slide2.almas {
  background-image: url('../images/ALMAS-2.jpg');
  background-size: cover;
}

.slide2.mome {
  background-image: url('../images/MOME-3.jpg');
  background-size: cover;
}

.slide2.aui {
  background-image: url('../images/AUI-2.jpg');
  background-size: cover;
}

.slide2.xan {
  background-image: url('../images/XAN-2.jpg');
  background-size: cover;
}

.slide2.pwp {
  background-image: url('../images/PWP-3.jpg');
  background-size: cover;
}

.slide2.rep {
  background-image: url('../images/REP-6.jpg');
  background-size: cover;
}

.slide2.muzu {
  background-image: url('../images/MUZU-3.jpg');
  background-size: cover;
}

.slide2.nido {
  background-image: url('../images/NIDO-5.jpg');
  background-size: cover;
}

.slide2.onu {
  background-image: url('../images/ONU-2.jpg');
  background-size: cover;
}

.slide3 {
  background-image: url('../images/HPHM-8.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.slide3.cr {
  background-image: url('../images/CR-11.jpg');
  background-size: cover;
}

.slide3.asur {
  background-image: url('../images/ASUR-17.jpg');
  background-size: cover;
}

.slide3.linea {
  background-image: url('../images/LINEA-36.jpg');
  background-size: cover;
}

.slide3.ptar {
  background-image: url('../images/PTAR-11.jpg');
  background-size: cover;
}

.slide3.oax {
  background-image: url('../images/OAX-4.jpg');
  background-size: cover;
}

.slide3.come {
  background-image: url('../images/COME-3.jpg');
  background-size: cover;
}

.slide3.vico16 {
  background-image: url('../images/VICO16-11.jpg');
  background-size: cover;
}

.slide3.viro16 {
  background-image: url('../images/VIRO16-6.jpg');
  background-size: cover;
}

.slide3.valores {
  background-image: url('../images/VALORES-7.jpg');
  background-size: cover;
}

.slide3.yesca {
  background-image: url('../images/YESCA-3.jpg');
  background-size: cover;
}

.slide3.teo {
  background-image: url('../images/TEO-6.jpg');
  background-size: cover;
}

.slide3.aea {
  background-image: url('../images/AEA-2.jpg');
  background-size: cover;
}

.slide3.pev {
  background-image: url('../images/VENTIKAS-9.jpg');
  background-size: cover;
}

.slide3.sen {
  background-image: url('../images/SEN-4.jpg');
  background-size: cover;
}

.slide3.ptartl {
  background-image: url('../images/PTARTL-2.jpg');
  background-size: cover;
}

.slide3.hphcine {
  background-image: url('../images/HPHCINE-1.jpg');
  background-size: cover;
}

.slide3.hphasia {
  background-image: url('../images/ASIA-1.jpg');
  background-size: cover;
}

.slide3.icavprom {
  background-image: url('../images/ICAVE-2.jpg');
  background-size: cover;
}

.slide3.cine {
  background-image: url('../images/CINE-7.jpg');
  background-size: cover;
}

.slide3.josu {
  background-image: url('../images/JOSU-7.jpg');
  background-size: cover;
}

.slide3.hule {
  background-image: url('../images/HULE-9.jpg');
  background-size: cover;
}

.slide3.tv {
  background-image: url('../images/PPCTV-13.jpg');
  background-size: cover;
}

.slide3.tunel {
  background-image: url('../images/TUNEL-16.jpg');
  background-size: cover;
}

.slide3.voces {
  background-image: url('../images/VOCES-16.jpg');
  background-size: cover;
}

.slide3.cliente {
  background-image: url('../images/CLIENTE-8.jpg');
  background-size: cover;
}

.slide3.cade {
  background-image: url('../images/CADE-2.jpg');
  background-size: cover;
}

.slide3.luz {
  background-image: url('../images/LUZ-10.jpg');
  background-size: cover;
}

.slide3.mb {
  background-image: url('../images/MB-6.jpg');
  background-size: cover;
}

.slide3.sky {
  background-image: url('../images/SKY-6.jpg');
  background-size: cover;
}

.slide3.almas {
  background-image: url('../images/ALMAS-8.jpg');
  background-size: cover;
}

.slide3.mome {
  background-image: url('../images/MOME-1.jpg');
  background-size: cover;
}

.slide3.aui {
  background-image: url('../images/AUI-1.jpg');
  background-size: cover;
}

.slide3.xan {
  background-image: url('../images/XAN-3.jpg');
  background-size: cover;
}

.slide3.pwp {
  background-image: url('../images/PWP-4.jpg');
  background-size: cover;
}

.slide3.rep {
  background-image: url('../images/REP-4.jpg');
  background-size: cover;
}

.slide3.muzu {
  background-image: url('../images/MUZU-5.jpg');
  background-size: cover;
}

.slide3.nido {
  background-image: url('../images/NIDO-6.jpg');
  background-size: cover;
}

.slide3.onu {
  background-image: url('../images/ONU-5.jpg');
  background-size: cover;
}

.slide4 {
  background-image: url('../images/ASUR-8.jpg');
  background-position: 50% 50%;
  background-size: cover;
}


.slide1.obreas-infraestructura {
  background-image: url('../images/obras-e-infraestructura.png');
  background-size: cover;
}

.slide1.operaciones-portuarias{
  background-image: url('../images/operaciones-portuarias-portada.png');
  background-size: cover;
}

.slide1.procesos-industruales{
  background-image: url('../images/proceos-industriales-portada.webp');
  background-size: cover;
}

.icon-slider {
  display: inline;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.project-title-section {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  background-color: hsla(0, 0%, 100%, .8);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
}

.project-description-section {
  background-color: #f0f0f0;
}

.more-projects-section {
  background-color: #f68001;
}

.project-title-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 10px;
}

.project-clasification {
  display: inline-block;
  float: left;
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  font-size: 15px;
  font-weight: 900;
}

.project-clasification.place {
  margin-top: 0px;
  font-weight: 400;
}

.project-title-wrapper {
  width: 100%;
  float: left;
  text-align: left;
}

.point {
  width: 6px;
  height: 6px;
  margin-top: 8px;
  margin-right: 6px;
  margin-left: 6px;
  float: left;
  border-radius: 3px;
  background-color: #f68001;
}

.project-description-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 0px 60px 1px;
}

.description-column1 {
  display: inline-block;
  width: 35%;
  margin-right: 0px;
  padding: 30px 30px 10px;
  float: left;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .15);
  color: #f68001;
}

.description-column2 {
  display: inline-block;
  width: 65%;
  padding-right: 10px;
  padding-left: 30px;
  float: left;
}

.description-column3 {
  display: inline-block;
  width: 33%;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

.h3 {
  margin-top: 0px;
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  font-size: 14px;
  font-weight: 900;
}

.more-projects-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 40px;
}

.dropdown-link {
  font-family: 'Maven Pro', sans-serif;
  color: #969696;
  font-size: 12px;
  font-weight: 900;
}

.dropdown-link:hover {
  color: #646464;
}

.dropdown-list.w--open {
  margin-top: 35px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
}

.main-banner {
  position: relative;
  overflow: hidden;
  height: 768px;
  background-color: rgba(0, 0, 0, .3);
  background-position: 0px 0px;
  background-size: cover;
  text-align: left;
}

.hero-text {
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.gallery-container {
  display: block;
  overflow: hidden;
  width: 960px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
  float: none;
}

.gallery-img {
  position: relative;
  display: block;
  width: 33.3%;
  padding-bottom: 20px;
  float: left;
  text-align: center;
}

.gallery-photo {
  width: 90%;
  border: 1px solid rgba(99, 99, 99, 0);
  opacity: 0.9;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.gallery-photo:hover {
  border-color: #636363;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
  opacity: 1;
}

.fact-title {
  margin-bottom: 5px;
  font-family: 'Maven Pro', sans-serif;
  color: #f68001;
  font-size: 11px;
  font-weight: 900;
}

.fact {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d6d6d6;
  font-family: 'Maven Pro', sans-serif;
  color: #646464;
  font-size: 17px;
  line-height: 26px;
  font-weight: 400;
}

.fact.last {
  padding-bottom: 0px;
  border-bottom-style: none;
}

.slide-nav {
  display: none;
}

.arrow {
  display: none;
}

.play-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
  display: none;
  width: 50px;
  height: 50px;
  margin-top: -35px;
  margin-left: -25px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 3px;
  border: 5px solid #fff;
  border-radius: 25px;
  opacity: 0.8;
  font-family: Capturavisual, sans-serif;
  color: #fff;
  font-size: 25px;
  text-align: center;
}

.main-banner-container {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 960px;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
}

.main-phrase-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 680px;
  margin-bottom: 260px;
  margin-left: 90px;
  padding-right: 0px;
}

.main-banner-text {
  margin-bottom: 25px;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 24px;
  font-weight: 500;
}

.cta-img {
  display: none;
}

.banner-pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('../images/pattern5-01.png');
  background-position: 0px 0px;
  opacity: 1;
}

.we-section {
  height: 700px;
  background-color: rgba(22, 32, 37, .1);
  background-image: url('../images/banner-nosotros.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.we-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 180px;
  padding-bottom: 0px;
  text-align: center;
}

.section-main-text {
  display: block;
  width: 590px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  float: none;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  text-align: center;
}

.work-section {
  position: static;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
}

.work-container {
  width: 960px;
  margin: 60px auto;
}

.together-section {
  background-color: #f68001;
}

.together-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 160px;
  padding-bottom: 200px;
}

.together-main-text {
  width: 600px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 900;
  text-align: center;
}

.together-main-text.clients {
  margin-top: 100px;
  color: #54666f;
}

.together-text {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
}

.cards-section {
  height: auto;
  background-color: #f0f0f0;
}

.cards-section.down {
  background-color: #fff;
}

.contact-cards {
  position: relative;
  top: 0px;
  height: 530px;
  padding-top: 68px;
  background-color: #162025;
  background-image: url('../images/contact-bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.contact-shadow {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding-top: 270px;
  background-color: rgba(22, 32, 37, .8);
}

.contact-container {
  width: 960px;
  margin-right: auto;
  margin-left: auto;
}

.cards-container {
  position: relative;
  top: -76px;
  z-index: 100;
  width: 960px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.cards-row {
  position: static;
  top: 0px;
  height: auto;
  text-align: center;
}

.card-wrapper {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 33%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 0px;
  float: none;
  clear: none;
  text-align: center;
}

.card-wrapper._4 {
  width: 50%;
}

.card-wrapper._5 {
  width: 50%;
}

.card {
  position: static;
  left: 0px;
  top: 0px;
  display: block;
  width: 260px;
  height: 455px;
  margin-right: auto;
  margin-left: auto;
  padding: 20px;
  float: none;
  border-radius: 2px;
  background-color: transparent;
  text-align: left;
}

.card-number {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
  display: inline-block;
  width: auto;
  height: auto;
  margin-top: 15px;
  margin-left: 15px;
  font-family: 'Maven Pro', sans-serif;
  color: #f68001;
  font-size: 32px;
  font-weight: 900;
}

.card-title {
  margin-bottom: 15px;
  float: left;
  font-family: 'Maven Pro', sans-serif;
  color: #f68001;
  font-size: 24px;
  font-weight: 900;
  text-align: left;
}

.card-image {
  position: relative;
  left: -18px;
  width: 100%;
  float: left;
  opacity: 1;
}

.phone-wrapper {
  display: inline-block;
}

.phone-wrapper.pa {
  width: 225px;
  display: block;
  margin: auto;
}

.phone-wrapper.me {
  display: block;
  width: 225px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.phone-wrapper.ch {
  width: 225px;
  display: block;
  margin: auto;
}

.phone-wrapper.usa {
  width: 100%;
  display: block;
  margin: auto;
}

.country-text {
  display: block;
  padding-left: 0px;
  float: none;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
}

.phone-number {
  display: block;
  padding-left: 0px;
  float: none;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.phone-number a{
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.flag {
  display: inline-block;
  float: left;
}

.contact-column {
  display: inline-block;
  width: 100%;
  float: left;
}

.contact-column._1 {
  text-align: left;
}

.see-more-btn-text {
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
  font-family: 'Maven Pro', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.thumb-wrapper-asur {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/ASUR-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.thumb-wrapper-cr {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/CR-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.thumb-wrapper-hphm {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/HPHM-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: 240px;
}

.thumb-wrapper-linea {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/LINEA-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.thumb-wrapper-oax {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/OAX-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.thumb-wrapper-ptar {
  position: relative;
  width: 240px;
  height: 240px;
  float: left;
  background-image: url('../images/PTAR-PORTADA.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.logos-container {
  display: block;
  width: 960px;
  margin: 70px auto 80px;
}

.client-logo {
  display: inline-block;
  width: 14.28%;
  font-family: Logoscv, sans-serif;
  color: #54666f;
  font-size: 80px;
  line-height: 74px;
  text-align: center;
  float: left;
}



.block_4{
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.block_4 .logo{
  width: 25%;
  height: auto;
  float:left;
}

.block_4 .logo img{
  width: 60%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.block_4 .logo_b{
  width: 25%;
  height: 10px;
  float:left;
}

.clear {
  clear: both !important; 
}

.camp-service-section {
  display: block;
  overflow: hidden;
  height: 0px;
}

.shows-service-section {
  display: block;
  overflow: hidden;
  height: 0px;
}

.cine-service-section {
  display: block;
  overflow: hidden;
  height: 0px;
}

.work-service-section {
  display: block;
  overflow: hidden;
}

.embedded {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 768px;
  padding-top: 0px;
  padding-bottom: 0%;
}

.iframe {
  position: absolute;
  left: 50%;
  width: 2600px;
  height: 1080px;
  margin-top: -163px;
  margin-left: -1300px;
}

.main-text-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .15);
}

@media only screen and (max-width: 992px) {
  .block_4 .logo{
    width: 50%;
  }
  .block_4 .logo_b{
    display: none
  }
}

@media (max-width: 991px) {
  .nav-link.cta {
    margin-right: 20px;
  }
  .nav-container {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
  .logo-wrapper {
    margin-left: 10px;
    background-size: contain;
  }
  .nav-menu {
    background-color: transparent;
  }
  .nav-language {
    float: right;
  }
  .menu-icon {
    color: #969696;
  }
  .footer-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .btn.brochure {
    margin-top: 0px;
  }
  .footer-icon {
    margin-right: 40px;
  }
  .back-link-icon {
    margin-top: 6px;
  }
  .work-menu-container {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .work-btn {
    margin-right: 15px;
  }
  .h1.project-title {
    margin-bottom: 0px;
    float: left;
  }
  .h1.main-phrase {
    font-size: 24px;
    line-height: 28px;
  }
  .service-container {
    width: 100%;
  }
  .service-left-wrapper {
    width: 50%;
    text-align: center;
  }
  .service-right-wrapper {
    width: 50%;
    padding-right: 20px;
  }
  .h2 {
    text-align: left;
  }
  .h2.projects {
    width: 720px;
    margin-right: auto;
    margin-left: auto;
  }
  .service-bullets-container {
    width: 100%;
    padding-top: 10px;
  }
  .bullet-wrapper {
    margin-top: 30px;
  }
  .portfolio-container {
    width: 720px;
  }
  .project-thumb-wrapper._1 {
    display: none;
  }
  .project-thumb-wrapper.hphm {
    display: block;
  }
  .project-thumb-wrapper.hphm.home {
    display: block;
  }
  .project-thumb-wrapper.linea.last {
    display: none;
  }
  .project-thumb-wrapper.oax.last {
    display: none;
  }
  .project-thumb-wrapper.more {
    width: 240px;
  }
  .project-thumb-wrapper.come.last {
    display: none;
  }
  .project-thumb-wrapper.vico16.last {
    display: none;
  }
  .project-thumb-wrapper.aea.last {
    display: none;
  }
  .project-thumb-wrapper.hphcine.last {
    display: none;
  }
  .project-thumb-wrapper.hphasia.last {
    display: none;
  }
  .project-thumb-wrapper.cine.last {
    display: none;
  }
  .project-thumb-wrapper.josu.last {
    display: none;
  }
  .project-thumb-wrapper.josu.last.w--current {
    display: none;
  }
  .project-thumb-wrapper.hule.last {
    display: none;
  }
  .project-thumb-wrapper.tunel.last {
    display: none;
  }
  .project-thumb-wrapper.cliente.last {
    display: none;
  }
  .project-thumb-wrapper.luz.last {
    display: none;
  }
  .project-thumb-wrapper.mb.last {
    display: none;
  }
  .project-thumb-wrapper.sky.last {
    display: none;
  }
  .project-thumb-wrapper.almas.last {
    display: none;
  }
  .project-thumb-wrapper.mome.last {
    display: none;
  }
  .project-thumb-wrapper.aui.last {
    display: none;
  }
  .project-thumb-wrapper.xan.last {
    display: none;
  }
  .project-thumb-wrapper.ppctv.last {
    display: none;
  }
  .project-thumb-wrapper.web.last {
    display: none;
  }
  .project-thumb-wrapper.icave.last {
    display: none;
  }
  .project-thumb-wrapper.muzu.last {
    display: none;
  }
  .project-thumb-wrapper.muzu.project-clasification {
    display: none;
  }
  .project-thumb-wrapper.nido.last {
    display: none;
  }
  .thumb-info-wrapper {
    display: none;
    opacity: 0;
  }
  .thumb-info-title-wrapper {
    display: block;
  }
  .shots-section {
    height: 460px;
  }
  .project-title-container {
    width: 100%;
    padding: 40px 30px;
  }
  .project-description-container {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .description-column1 {
    padding-left: 20px;
  }
  .description-column2 {
    padding-right: 20px;
  }
  .more-projects-container {
    width: 100%;
  }
  .main-banner {
    height: 500px;
    background-image: none;
    background-position: 0px 0px;
    background-size: auto;
  }
  .gallery-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .gallery-container.last {
    display: none;
  }
  .fact {
    margin-bottom: 10px;
    color: #969696;
    font-size: 17px;
    line-height: 26px;
  }
  .main-banner-container {
    width: 100%;
  }
  .main-phrase-wrapper {
    width: 540px;
    margin-bottom: 140px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 40px;
  }
  .main-banner-text {
    font-size: 20px;
  }
  .we-container {
    width: 100%;
  }
  .together-container {
    width: 100%;
  }
  .contact-container {
    width: 100%;
    padding-right: 19px;
    padding-left: 19px;
  }
  .cards-container {
    width: 100%;
  }
  .card {
    padding-right: 37px;
    padding-left: 37px;
  }
  .logos-container {
    display: inline-block;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin: 100px auto;
  }
  .iframe {
    width: 1080px;
    margin-top: -311px;
    margin-left: -540px;
  }
}

@media (max-width: 767px) {
  .navbar {
    z-index: 1000;
    height: 60px;
  }
  .nav-link {
    display: block;
    width: auto;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    float: left;
  }
  .nav-link.cta {
    margin-top: 9px;
    margin-right: 10px;
    float: right;
  }
  .nav-link.cta.home {
    margin-top: 0px;
  }
  .nav-container {
    height: 60px;
    border-bottom: 1px none #000;
  }
  .logo-wrapper {
    width: 114px;
    height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .nav-menu {
    display: block;
    margin-top: 0px;
    padding-top: 23px;
    border-top: 1px none #000;
    background-color: #1b282e;
  }
  .nav-menu.work {
    display: block;
    height: 60px;
    padding-top: 2px;
    background-color: #162025;
  }
  .nav-language {
    margin-top: 15px;
  }
  .nav-language.es {
    margin-right: 15px;
  }
  .menu-icon {
    -webkit-transition: color 100ms ease-in-out;
    transition: color 100ms ease-in-out;
  }
  .menu-icon:hover {
    color: #fff;
  }
  .menu-icon:active {
    color: #f68001;
  }
  .menu-btn {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
  }
  .menu-btn.w--open {
    margin-top: 0px;
    background-color: transparent;
  }
  .footer-container {
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
  }
  .footer-container.low {
    text-align: left;
  }
  .copyright-text {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .terms-text {
    width: 45%;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .btn.brochure {
    margin-top: 10px;
    margin-left: 0px;
    float: none;
  }
  .btn.contact {
    float: none;
  }
  .footer-right-wrapper {
    padding: 0px 15px 40px;
    float: none;
    text-align: left;
  }
  .footer-left-wrapper {
    display: inline-block;
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .footer-icon {
    display: inline-block;
    width: 25%;
    margin-right: 0px;
    margin-left: 0px;
  }
  .body {
    padding-top: 60px;
  }
  .bach-link-wrapper {
    margin-top: 10px;
  }
  .work-menu-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .work-btn {
    display: inline-block;
    float: left;
  }
  .work-btn.dopdown {
    margin-top: 12px;
    padding-bottom: 13px;
  }
  .h1.project-title {
    display: block;
    margin-bottom: 0px;
    float: left;
    font-size: 20px;
  }
  .h1.main-phrase {
    font-size: 20px;
    line-height: 28px;
  }
  .dropdown-toggle-work {
    margin-right: 0px;
    float: none;
  }
  .icon-dropdown {
    margin-top: 15px;
  }
  .service-container {
    display: none;
    padding-top: 0px;
  }
  .service-left-wrapper {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    text-align: center;
  }
  .service-right-wrapper {
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
  }
  .h2 {
    text-align: left;
  }
  .h2.projects {
    width: 480px;
  }
  .portfolio-container {
    width: 480px;
  }
  .project-thumb-wrapper._4 {
    display: none;
  }
  .project-thumb-wrapper.hphm {
    display: block;
  }
  .project-thumb-wrapper.hphm.home {
    display: none;
  }
  .project-thumb-wrapper.linea.last {
    display: block;
  }
  .project-thumb-wrapper.oax.last {
    display: block;
  }
  .project-thumb-wrapper.more {
    width: 240px;
  }
  .project-thumb-wrapper.come.last {
    display: block;
  }
  .project-thumb-wrapper.vico16.last {
    display: block;
  }
  .project-thumb-wrapper.aea.last {
    display: block;
  }
  .project-thumb-wrapper.hphcine.last {
    display: block;
  }
  .project-thumb-wrapper.hphasia.last {
    display: block;
  }
  .project-thumb-wrapper.cine.last {
    display: block;
  }
  .project-thumb-wrapper.josu.last {
    display: block;
  }
  .project-thumb-wrapper.hule.last {
    display: block;
  }
  .project-thumb-wrapper.tunel.last {
    display: block;
  }
  .project-thumb-wrapper.cliente.last {
    display: block;
  }
  .project-thumb-wrapper.luz.last {
    display: block;
  }
  .project-thumb-wrapper.mb.last {
    display: block;
  }
  .project-thumb-wrapper.sky.last {
    display: block;
  }
  .project-thumb-wrapper.almas.last {
    display: block;
  }
  .project-thumb-wrapper.mome.last {
    display: block;
  }
  .project-thumb-wrapper.aui.last {
    display: block;
  }
  .project-thumb-wrapper.xan.last {
    display: block;
  }
  .project-thumb-wrapper.ppctv.last {
    display: block;
  }
  .project-thumb-wrapper.web.last {
    display: block;
  }
  .project-thumb-wrapper.icave.last {
    display: block;
  }
  .project-thumb-wrapper.muzu.last {
    display: block;
  }
  .project-thumb-wrapper.muzu.project-clasification {
    display: block;
  }
  .project-thumb-wrapper.nido.last {
    display: block;
  }
  .thumb-info-title-wrapper {
    display: block;
  }
  .shots-section {
    height: 320px;
  }
  .icon-slider {
    font-size: 25px;
  }
  .project-title-container {
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
  }
  .project-title-wrapper {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .project-title-wrapper.right {
    margin-bottom: 0px;
  }
  .project-description-container {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .description-column1 {
    width: 100%;
    margin-bottom: 40px;
  }
  .description-column2 {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
  }
  .description-column3 {
    width: 100%;
  }
  .main-banner {
    height: 400px;
    background-color: transparent;
    background-image: url('../images/ezgif.com-optimize.gif') !important;
    background-position: 0px 0px;
    background-size: cover;
  }
  .gallery-img {
    width: 50%;
  }
  .main-phrase-wrapper {
    width: 540px;
    margin-bottom: 81px;
    padding-right: 80px;
  }
  .main-banner-text {
    font-size: 14px;
  }
  .we-section {
    height: 600px;
  }
  .we-container {
    padding-top: 100px;
  }
  .section-main-text {
    width: 510px;
  }
  .together-main-text {
    width: 510px;
  }
  .together-text {
    width: 510px;
  }
  .contact-shadow {
    padding-top: 126px;
  }
  .card-wrapper {
    width: 50%;
  }
  .phone-wrapper.pa {
    display: block;
    width: 217px;
    margin-right: auto;
    margin-left: auto;
  }
  .phone-wrapper.ch {
    display: block;
    width: 217px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  .contact-column._1 {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-column._2 {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-column._3 {
    width: 100%;
    margin-bottom: 40px;
  }
  .contact-column._4 {
    width: 100%;
  }
  .logos-container {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .client-logo {
    width: 32.3%;
    margin-top: 19px;
    margin-bottom: 19px;
  }
  .client-logo.client-logo-onu{
    width: 100%;
  }
  .video-player {
    display: none;
  }
}

@media (max-width: 479px) {
  .nav-link.cta {
    display: none;
    float: left;
  }
  .nav-link.cta.home {
    display: block;
  }
  .logo-wrapper {
    margin-top: 7px;
    margin-bottom: 3px;
    margin-left: 10px;
  }
  .nav-menu {
    text-align: center;
  }
  .nav-menu.work {
    margin-right: 10px;
  }
  .copyright-text {
    display: block;
    width: 100%;
    text-align: center;
  }
  .terms-text {
    display: none;
    width: 100%;
    float: none;
    text-align: center;
  }
  .btn.footer {
    float: none;
  }
  .btn.cta {
    padding: 12px 13px;
    font-size: 12px;
  }
  .footer-contact-wrapper {
    display: block;
    margin-bottom: 10px;
  }
  .footer-icon {
    margin-right: 0px;
    margin-left: 0px;
  }
  .work-menu-section {
    padding-top: 30px;
  }
  .h1.project-title {
    font-size: 18px;
    line-height: 25px;
  }
  .h1.main-phrase {
    font-size: 16px;
    line-height: 19px;
  }
  .service-left-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }
  .service-right-wrapper {
    margin-bottom: 30px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .h2.projects {
    width: 240px;
  }
  .portfolio-container {
    width: 240px;
  }
  .project-thumb-wrapper.aea {
    display: block;
  }
  .project-thumb-wrapper.hphcine {
    display: block;
  }
  .project-thumb-wrapper.cade {
    display: block;
  }
  .shots-section {
    height: 220px;
  }
  .icon-slider {
    font-size: 25px;
  }
  .project-title-container {
    padding: 20px 15px;
    float: left;
  }
  .project-clasification {
    font-size: 13px;
  }
  .project-description-container {
    padding: 20px 15px 15px;
  }
  .description-column1 {
    margin-bottom: 20px;
  }
  .description-column2 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .main-banner {
    height: 280px;
    background-color: transparent;
  }
  .gallery-img {
    width: 100%;
  }
  .main-phrase-wrapper {
    width: 100%;
    margin-bottom: 39px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .main-banner-text {
    line-height: 19px;
  }
  .we-section {
    height: 550px;
  }
  .we-container {
    padding-top: 70px;
  }
  .section-main-text {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
  }
  .together-container {
    padding-top: 70px;
    padding-bottom: 104px;
  }
  .together-main-text {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .together-main-text.clients {
    width: 80%;
  }
  .together-text {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
  }
  .contact-cards {
    height: 401px;
  }
  .contact-shadow {
    padding-top: 54px;
  }
  .card-wrapper {
    width: 100%;
  }
  .client-logo {
    width: 49%;
  }
  .client-logo.client-logo-onu{
    width: 100%;
  }
}

@font-face {
  font-family: 'Capturavisual';
  src: url('../fonts/capturavisual.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Logoscv';
  src: url('../fonts/LogosCV.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Social';
  src: url('../fonts/social.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}



/* --------------------------------------------------------
/* ---- Responsive: 992px
-------------------------------------------------------- */

@media only screen and (max-width: 568px) {
  #myVideo {
    display: none;
  }
}