@charset "UTF-8";

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  background: #fff;
  line-height: 2.3076923077;
  font-weight: 400;
  min-height: 100%;
  overflow-y: auto;
}

#work{
  overflow-x: hidden !important;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (max-width: 991px) {
  .container {
    max-width: unset;
  }
}

/****************************
	- Tipografías	-
*****************************/
@font-face {
  font-family: "FuturaBT-MediumCondensed";
  src: url("../fonts/FuturaBT-MediumCondensed.eot");
  src: url("../fonts/FuturaBT-MediumCondensed.eot?#iefix") format("embedded-opentype"),
    url("../fonts/FuturaBT-MediumCondensed.woff") format("woff"),
    url("../fonts/FuturaBT-MediumCondensed.ttf") format("truetype"),
    url("../fonts/FuturaBT-MediumCondensed.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "FuturaBT-Medium";
  src: url(../fonts/FuturaBT-Medium.eot) format("embedded-opentype"),
    url(../fonts/FuturaBT-Medium.woff) format("woff"),
    url(../fonts/KFuturaBT-Mediumttf) format("truetype"),
    url(../fonts/FuturaBT-Medium.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}


/****************************
	- Clases generales	-
*****************************/
/*Loader*/
.loader {
  display: inline-block;
  width: 35px;
  height: 35px;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  position: relative;
}

.loader:before,
.loader:after {
  content: '';
  width: inherit;
  height: inherit;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: loader-08 2.0s infinite ease-in-out;
  -moz-animation: loader-08 2.0s infinite ease-in-out;
  -o-animation: loader-08 2.0s infinite ease-in-out;
  animation: loader-08 2.0s infinite ease-in-out;
}

.loader:after {
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes loader-08 {

  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-moz-keyframes loader-08 {

  0%,
  100% {
    -moz-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes loader-08 {

  0%,
  100% {
    -o-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -o-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loader-08 {

  0%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

.loader {
  position: fixed;
  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%);
}

.title {
  font-family: "FuturaBT-Medium";
  font-size: 50px;
  color: #fff;
}

p {
  font-family: "FuturaBT-Medium";
  font-size: 16px;
  color: #464646;
  line-height: 25px;
}

h2 {
  font-family: "FuturaBT-Medium" !important;
}

h3 {
  font-family: "FuturaBT-Medium";
  font-size: 20px;
  letter-spacing: 3px;

}

.videos {
  width: 100%;
}

/****************************
	- Botones	-
*****************************/

.au-btn,
.swal-button {
  display: inline-block;
  line-height: 43px;
  border: 1px solid #888;
  padding: 0 23px;
  font-size: 13px;
  color: #555;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.au-btn .ic-arrow,
.swal-button .ic-arrow {
  margin-left: 7px;
  -webkit-transition: inherit;
  -o-transition: inherit;
  -moz-transition: inherit;
  transition: inherit;
}

.au-btn:hover,
.swal-button:hover {
  color: #fff;
  background: #222;
  border-color: transparent;
}

.au-btn:hover .ic-arrow,
.swal-button:hover .ic-arrow {
  color: #fff;
  -webkit-transform: translateX(5px);
  -moz-transform: translateX(5px);
  -ms-transform: translateX(5px);
  -o-transform: translateX(5px);
  transform: translateX(5px);
}

.au-btn--solid,
.swal-button {
  background: transparent;
  color: #ea682b;
  border: 1px solid #ea682b;
  border-radius: 40px;
  padding: 0px 49px;
  outline: none !important;
}

.au-btn--solid:hover,
.swal-button:hover {
  background: #ea682b;
}

.au-btn--light {
  color: #ebebeb;
  border-color: #bebebe;
}

.au-btn--light-2 {
  color: #555;
  background: #fff;
}

.au-btn--light-2:hover {
  background: #222;
}

.au-btn-lg {
  padding: 0 35px;
}

.au-btn-xl {
  padding: 0 50px;
}

.au-btn--c6 {
  color: #666;
}

/****************************
	- Iconos redes -
*****************************/
.ic-fb:hover {
  color: #3b5998;
}

.ic-insta:hover {
  color: #e1306c;
}

.ic-twi:hover {
  color: #00aced;
}

.ic-pinterest:hover {
  color: #cb2027;
}

.ic-google:hover {
  color: #dd4b39;
}

/****************************
	- Header -
*****************************/
.header__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-contact {
  color: #fff;
  display: inline-block;
  margin-right: 40px;
}

.header-1 {
  position: fixed !important;
  width: 100%;
  z-index: 1000;
  background-color: transparent;
}

.active {
  border-bottom: 2px solid #ea682b;
}

.header-1 a,
.header-1 p {
  font-family: "FuturaBT-MediumCondensed";
  font-size: 17px !important;
  text-decoration: none;
}

.header-1 .header__content-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-1--light {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.home .header-1 .menu p {
  color: #fff;
}

.header-1 .menu a {
  color: #fff;
}

.header-1--light .menu a:hover {
  color: #ccc;
}

.logo {
  padding: 12px 0px;
}

/* Header movil */
.header-nav-menu-mobile {
  display: none;
  margin-bottom: 20px;
}

.header-mobile {
  position: fixed !important;
  z-index: 2 !important;
  width: 100%;
  background-color: #f8f8f8;
}

.header-mobile .header-mobile__bar {
  padding: 15px 0;
}

.header-mobile .header-mobile__bar-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.header-mobile--light .hamburger {
  border-color: #fff;
}

.header-mobile--light .hamburger:hover {
  background: #fff;
}

.header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner,
.header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner:after,
.header-mobile--light .hamburger:hover .hamburger-box .hamburger-inner:before {
  background: #222;
}

.header-mobile--light .hamburger-inner,
.header-mobile--light .hamburger-inner:after,
.header-mobile--light .hamburger-inner:before {
  background: #fff;
}

.hamburger {
  border: 1px solid #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: 50px;
  height: 50px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #ea682b;
}

.hamburger:hover {
  background-color: #ea682b;
  border-color: transparent;
}

.hamburger:hover .hamburger-box .hamburger-inner,
.hamburger:hover .hamburger-box .hamburger-inner:before,
.hamburger:hover .hamburger-box .hamburger-inner:after {
  background-color: #fff;
}

.hamburger .hamburger-box {
  width: 20px;
  height: 15px;
}

.hamburger .hamburger-box .hamburger-inner {
  width: 20px;
  height: 2px;
}

.hamburger .hamburger-box .hamburger-inner:before {
  width: 20px;
  height: 2px;
  top: 6px;
}

.hamburger .hamburger-box .hamburger-inner:after {
  width: 20px;
  height: 2px;
  top: 12px;
}

.hamburger.is-active .hamburger-inner {
  top: -2px;
}

.hamburger.is-active .hamburger-inner:after {
  top: 20px;
}

.hamburger.hamburger--sm {
  width: 30px;
  height: 30px;
  border-color: #ebebeb;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.hamburger.hamburger--sm:hover {
  background: #fff;
}

.hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner,
.hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:before,
.hamburger.hamburger--sm:hover .hamburger-box .hamburger-inner:after {
  background-color: #222;
}

.hamburger.hamburger--sm .hamburger-box .hamburger-inner,
.hamburger.hamburger--sm .hamburger-box .hamburger-inner:before,
.hamburger.hamburger--sm .hamburger-box .hamburger-inner:after {
  background-color: #fff;
}

.hamburger.hamburger--sm .hamburger-box {
  width: 12px;
  height: 11px;
}

.hamburger.hamburger--sm .hamburger-box .hamburger-inner {
  width: 12px;
  height: 2px;
}

.hamburger.hamburger--sm .hamburger-box .hamburger-inner:before {
  width: 12px;
  height: 2px;
  top: 4px;
}

.hamburger.hamburger--sm .hamburger-box .hamburger-inner:after {
  width: 12px;
  height: 2px;
  top: 8px;
}

.hamburger.hamburger--sm.is-active .hamburger-inner {
  top: -4px;
}

.hamburger.hamburger--sm.is-active .hamburger-inner:after {
  top: 20px;
}

/* Menu trans */
#menu-trans .header {
  background-color: transparent;
}

/* Header fixed */
.header--fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.95);
  z-index: 9999;
}

.header--fixed .menu-item a {
  color: #444444;
}

#work .header-1 {
  background-color: #fff;
}

#work .header-1 .menu a {
  color: #444444;
}

.menu li {
  list-style: none;
  margin: 0px 30px;
}

.menu a {
  font-size: 13px;
  color: #222;
  text-transform: capitalize;
}

.menu a:hover {
  color: #ea682b;
}

.menu-item {
  display: inline-block;
}

.menu-item a {
  display: block;
  padding: 0px 0px;
}

.menu-item-has-children {
  position: relative;
}

.sub-menu .active {
  color: #dd4b39;
}

.linea {
  width: 50px;
  height: 2px;
  background-color: #ea682b;
}

.menu-item-has-children:hover>.sub-menu {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  top: 100%;
  opacity: 1;
}

.menu-item-has-children .sub-menu a:hover {
  color: #fff !important;
}

.menu-mobile {
  background: #f8f8f8;
}

.menu-mobile .menu-item {
  display: block;
}

.menu-mobile .menu-item a {
  padding: 10px 15px;
  padding-right: 25px;
  border-bottom: 1px solid #e6e6e6;
  position: relative;
  font-family: "FuturaBT-MediumCondensed";
  font-size: 17px !important;
}

.menu-mobile .menu-item.menu-item-has-children>a::after {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: "Material-Design-Iconic-Font";
  content: '\f278';
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 18px;
  font-weight: 700;
}

.menu-mobile .menu-item.menu-item-has-children>a.active::after {
  content: '\f273';
}

.menu-mobile .sub-menu {
  position: static;
  visibility: visible;
  opacity: 1;
  padding: 0;
  min-width: 100%;
  background: #f8f8f8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none;
}

.menu-mobile .sub-menu .menu-item a {
  color: #222;
}

.menu-mobile .sub-menu .menu-item a:hover {
  color: #333;
}

.menu-mobile .sub-menu .menu-item .sub-menu .menu-item a {
  padding-left: 60px;
}

.sub-menu {
  position: absolute;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 110%;
  left: 0;
  min-width: 150px;
  -webkit-box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1.286px 1.532px 9px 0px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 15px 0;
}

.sub-menu li {
  margin: 0px 0px;
}

.sub-menu li a {
  padding-left: 10px !important;
}

.header-nav-menu-mobile .sub-menu li a {
  padding-left: 30px !important;
}

.sub-menu .menu-item {
  display: block;
}

.sub-menu .menu-item a {
  color: #444444;
}

.sub-menu .menu-item a:hover {
  color: #fff !important;
  background-color: #ea682b;
}

.sub-menu .menu-item-has-children>.sub-menu {
  top: 0;
  left: 105%;

}

.sub-menu .menu-item-has-children>.sub-menu.sub-menu--left {
  top: 0;
  left: auto;
  right: 105%;
}

.sub-menu .menu-item-has-children:hover>.sub-menu {
  left: 100%;
}

.sub-menu .menu-item-has-children:hover>.sub-menu.sub-menu--left {
  left: auto;
  right: 100%;
}

/* MENU SIDEBAR */
#menu-sidebar-overlay {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#menu-sidebar-overlay.active {
  visibility: visible;
  opacity: 1;
}

.menu-sidebar {
  position: fixed;
  z-index: 99999;
  width: 445px;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 87px 80px 75px 85px;
  overflow-y: scroll;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.menu-sidebar::-webkit-scrollbar {
  display: none;
}

.menu-sidebar.active {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.menu-sidebar .copyright {
  color: #888;
  margin-top: 208px;
}

.btn-close {
  font-size: 18px;
  color: #888;
  position: absolute;
  right: 85px;
  top: 30px;
  z-index: 99;
}

.btn-close:hover {
  color: red;
}

.menu-sidebar-nav-menu {
  margin-bottom: 80px;
}

.menu-sidebar-nav-menu .menu a {
  font-size: 30px;
  font-weight: 700;
}

.menu-sidebar-nav-menu .menu a:hover {
  color: #666;
}

.menu-sidebar-nav-menu .menu-item {
  display: block;
}

.menu-sidebar-nav-menu .menu-item a {
  display: block;
  line-height: 1.2;
  padding: 17.5px 0;
}

.menu-sidebar-nav-menu .menu-item .sub-menu {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  top: 100%;
  opacity: 1;
  position: static;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 5px 0;
  min-width: 100%;
}

.menu-sidebar-nav-menu .menu-item .sub-menu .menu-item {
  display: block;
}

.menu-sidebar-nav-menu .menu-item .sub-menu .menu-item a {
  color: #222;
  padding: 8px 0;
  padding-right: 0;
  font-size: 18px;
}

.menu-sidebar-nav-menu .menu-item .sub-menu .menu-item a:hover {
  color: #666;
}

/* Mobil */
.header-mobile__bar-inner img {
  width: 65px !important;
}

.header-mobile__bar-inner .sub-menu li a {
  padding-left: 30px !important;
}

/****************************
	- Footer -
*****************************/
.footer .col-md-4 {
  background-color: #ea682b;
  padding: 30px 0px;
}

.footer .col-md-8 {
  background-color: #efefef;
}

.icon-social {
  display: inline-block;
  width: 35px;
  height: 35px;
  position: relative;
  border: 1px solid #fff;
  border-radius: 90px
}

.footer svg {
  width: 20px !important;
  color: #fff;
}

/****************************
	- Home -
*****************************/
.rev-text-2 {
  font-family: "FuturaBT-Medium" !important;
}

.tp-parallax-wrap {
  margin-left: 50px;
}

/****************************
	- Proyectos -
*****************************/
#main-obraindustrial {
  padding-top: 126px;
  padding-bottom: 50px;
}

.media-project-2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}

.media-project-2 .media__img {
  margin: 0 auto;
  text-align: center;
}

.media-project-2 .media__img>img {
  display: inline-block;
  min-width: 100% !important;
}

.media-project-2 .media__body {
  position: absolute;
  min-width: 200px;
  left: 0;
  bottom: 40px;
  background: #ea682b;
  padding: 9px 20px;
  padding-bottom: 15px;
  padding-right: 30px;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
  transition: opacity 0.2s, -webkit-transform 0.3s;
  -o-transition: opacity 0.2s, -o-transform 0.3s;
  -moz-transition: transform 0.3s, opacity 0.2s, -moz-transform 0.3s;
  transition: transform 0.3s, opacity 0.2s;
  transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.media-project-2 .media__title {
  margin-bottom: -4px;
}

.media-project-2 .media__title a {
  font-size: 17px;
  color: #fff;
  font-family: "FuturaBT-Medium";
  text-decoration: none !important;
}

.media-project-2 .media__title a:hover {
  color: #fff;
}

.media-project-2 .address {
  font-size: 11px;
  color: #888;
  display: block;
}

.media-project-2:hover .media__body {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
  opacity: 1;
  -webkit-transition: opacity 0.1s, -webkit-transform 0.4s;
  transition: opacity 0.1s, -webkit-transform 0.4s;
  -o-transition: opacity 0.1s, -o-transform 0.4s;
  -moz-transition: transform 0.4s, opacity 0.1s, -moz-transform 0.4s;
  transition: transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s, -webkit-transform 0.4s, -moz-transform 0.4s, -o-transform 0.4s;
}


ul {
  margin-bottom: 0rem !important;
}




/* ==========================================================================
   #PAGE PILLING
   ========================================================================== */

/* SLIDER */
.tparrows {
  display: none !important;
}

.tp-bullet {
  border-radius: 90px !important;
}

.tp-bullet.selected,
.tp-bullet:hover {
  background: #ea682b;
  border: 2px solid #fff;
}

.tp-bullet {
  width: 20px;
  height: 20px;
  position: absolute;
  background: rgba(234, 104, 43, 1);
  cursor: pointer;
}

.page-pagepiling-wrap {
  height: 100vh;
}

@media (max-width: 1519px) {
  .page-pagepiling-wrap {
    height: unset;
  }
}

.section-pp {
  background: #fff;
  height: 100vh;
  overflow-y: scroll;
}

@media (max-width: 1519px) {
  .section-pp {
    height: auto;
    position: relative;
  }

  .section-pp.section-pp--pad {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

#pp-nav.right {
  right: 78px;
}

@media (max-width: 1760px) {
  #pp-nav.right {
    right: 20px;
  }
}

#pp-nav.pp-bullet li {
  margin: 0;
  margin-bottom: 14px;
}

#pp-nav.pp-bullet li a {
  width: 8px;
  height: 8px;
  background: #ebebeb;
  position: absolute;
  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%);
}

#pp-nav.pp-bullet li a:hover span,
#pp-nav.pp-bullet li a.active span {
  opacity: 1;
  visibility: visible;
  width: 16px;
  height: 16px;
}

#pp-nav.pp-bullet li span {
  position: absolute;
  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%);
  display: block;
  opacity: 0;
  visibility: hidden;
  width: 25px;
  height: 25px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: transparent;
  border: 1px solid #ebebeb !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#pp-nav.pp-bullet.light li a {
  background: #222;
}

#pp-nav.pp-bullet.light li span {
  border-color: #222 !important;
}

/****************************
	- Proyectos -
*****************************/
/* GENERAL */
.btn-regresar {
  position: fixed !important;
  bottom: 0px;
  right: 0px;
  background: #ea682b;
  color: #fff;
  font-family: "FuturaBT-Medium";
  font-size: 14px;
  padding: 5px 15px;
  z-index: 1;
}

.btn-regresar svg {
  animation: move4 2s ease infinite;
}

.btn-regresar:hover {
  color: #fff;
  background: #ea682b;
  text-decoration: none;
}

@keyframes move4 {
  30% {
    transform: translateX(-5px);
  }
}

.contenido-proyectos .container-fluid,
.contenido-proyectos .col-md-12,
.contenido-proyectos .col-md-7,
.contenido-proyectos .col-md-6,
.contenido-proyectos .col-md-5 {
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.contenido-proyectos .row {
  margin-left: 0px;
  margin-right: 0px;
}

.entry-content p {
  margin-bottom: 10px;
}

.entry-share {
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 60px;
}

.prueba {
  background-color: #444444;
  width: 100%;
  height: 509px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
}

.f-prueba {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 231px;
}

.f-prueba a {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-prueba:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 509px;
}

.f-prueba:hover a {
  opacity: 1;
}

.prueba2 {
  background-color: #444444;
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
}

.f-prueba2 {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-prueba2 a {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-prueba2:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-prueba2:hover a {
  opacity: 1;
}

#videos .modal-header .close {
  background-color: rgba(234, 104, 43, 1) !important;
  opacity: 1;
  text-shadow: 0 0px 0 #fff;
}

/* OBRA CIVIL */
.cipsa {
  background-image: url(../img/obra-industrial/cipsa.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-cipsa {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-cipsa h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-cipsa:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-cipsa:hover h3 {
  opacity: 1;
}


.invernadero {
  background-image: url(../img/obra-industrial/invernadero.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-invernadero {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-invernadero h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-invernadero:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-invernadero:hover h3 {
  opacity: 1;
}


.banco2017 {
  background-image: url(../img/obra-industrial/banco2017.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-banco2017 {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-banco2017 h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-banco2017:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-banco2017:hover h3 {
  opacity: 1;
}


.gpomodelo {
  background-image: url(../img/obra-industrial/gpomodelo.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-gpomodelo {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-gpomodelo h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-gpomodelo:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-gpomodelo:hover h3 {
  opacity: 1;
}


.banco2022 {
  background-image: url(../img/obra-industrial/banco.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-banco2022 {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-banco2022 h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-banco2022:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-banco2022:hover h3 {
  opacity: 2022
}


.faurecia {
  background-image: url(../img/obra-industrial/faurecia.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-faurecia {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-faurecia h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-faurecia:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-faurecia:hover h3 {
  opacity: 1;
}


/* RESIDENCIAL */
.sorteo {
  background-image: url(../img/residencial/sortep.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-sorteo {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-sorteo h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-sorteo:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-sorteo:hover h3 {
  opacity: 1;
}


.lajoya {
  background-image: url(../img/residencial/la-joya.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-lajoya {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-lajoya h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-lajoya:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-lajoya:hover h3 {
  opacity: 1;
}


.laspalmas {
  background-image: url(../img/residencial/fracc-laspalmas.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-laspalmas {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-laspalmas h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-laspalmas:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-laspalmas:hover h3 {
  opacity: 1;
}


.elcarmen {
  background-image: url(../img/residencial/depto-elcarmen.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-elcarmen {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-elcarmen h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-elcarmen:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-elcarmen:hover h3 {
  opacity: 1;
}


.tenextepec {
  background-image: url(../img/residencial/casa-tenextepec.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-tenextepec {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-tenextepec h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-tenextepec:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-tenextepec:hover h3 {
  opacity: 1;
}


/* OBRA INSTITUCIONAL */
.alpha {
  background-image: url(../img/obra-institucional/alpha.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-alpha {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-alpha h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-alpha:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-alpha:hover h3 {
  opacity: 1;
}


.welldent {
  background-image: url(../img/obra-institucional/odontologia.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-welldent {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-welldent h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-welldent:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-welldent:hover h3 {
  opacity: 1;
}


.bxmas {
  background-image: url(../img/obra-institucional/banco-bxmas.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-bxmas {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-bxmas h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-bxmas:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-bxmas:hover h3 {
  opacity: 1;
}

.museointernacional {
  background-image: url(../img/obra-institucional/museo-barroco.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-museointernacional {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-museointernacional h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-museointernacional:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-museointernacional:hover h3 {
  opacity: 1;
}


/* EDUCACIÓN */
.udla-odon {
  background-image: url(../img/educacion/odontologia.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-udla-odon {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-udla-odon h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-udla-odon:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-udla-odon:hover h3 {
  opacity: 1;
}


.green {
  background-image: url(../img/educacion/green-valley.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-green {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-green h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-green:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-green:hover h3 {
  opacity: 1;
}


.ccu {
  background-image: url(../img/educacion/ccu.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-ccu {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-ccu h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-ccu:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-ccu:hover h3 {
  opacity: 1;
}


.instoriente {
  background-image: url(../img/educacion/instituto-oriente.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-instoriente {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-instoriente h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-instoriente:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-instoriente:hover h3 {
  opacity: 1;
}


.kinder {
  background-image: url(../img/educacion/los-sauces.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-kinder {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-kinder h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-kinder:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-kinder:hover h3 {
  opacity: 1;
}


.sds {
  background-image: url(../img/educacion/sds.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-sds {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-sds h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-sds:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-sds:hover h3 {
  opacity: 1;
}


.aquara {
  background-image: url(../img/educacion/aquara.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-aquara {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-aquara h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-aquara:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-aquara:hover h3 {
  opacity: 1;
}


.medicina-upaep {
  background-image: url(../img/educacion/medicina-upaep.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-medicina-upaep {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-medicina-upaep h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-medicina-upaep:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-medicina-upaep:hover h3 {
  opacity: 1;
}


/* EDIFICIOS */
.terraza-carmen {
  background-image: url(../img/edificios/terrazas-el-carmen.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-terraza-carmen {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-terraza-carmen h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-terraza-carmen:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-terraza-carmen:hover h3 {
  opacity: 1;
}


.torrea7-2 {
  background-image: url(../img/edificios/torre-a7-dos.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-torrea7-2 {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-torrea7-2 h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-torrea7-2:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-torrea7-2:hover h3 {
  opacity: 1;
}

.cumbreavanza {
  background-image: url(../img/edificios/cumbre-avanza.jpg);
  width: 100%;
  height: 255px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-cumbreavanza {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 255px;
}

.f-cumbreavanza h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-cumbreavanza:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 255px;
}

.f-cumbreavanza:hover h3 {
  opacity: 1;
}


.torrea7-1 {
  background-image: url(../img/edificios/torre-a7-uno.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-torrea7-1 {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-torrea7-1 h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-torrea7-1:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-torrea7-1:hover h3 {
  opacity: 1;
}


.palmacoquitos {
  background-image: url(../img/edificios/palma-de-coquitos.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-palmacoquitos {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-palmacoquitos h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-palmacoquitos:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-palmacoquitos:hover h3 {
  opacity: 1;
}


.upaepedi {
  background-image: url(../img/edificios/upaep.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-upaepedi {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-upaepedi h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-upaepedi:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-upaepedi:hover h3 {
  opacity: 1;
}


/* CENTROS COMERCIALES */
.eltriangulo {
  background-image: url(../img/centros-comerciales/el-triangulo.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-eltriangulo {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-eltriangulo h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-eltriangulo:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-eltriangulo:hover h3 {
  opacity: 1;
}


.plazasandiego {
  background-image: url(../img/centros-comerciales/plaza-sandiego.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-plazasandiego {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-plazasandiego h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-plazasandiego:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-plazasandiego:hover h3 {
  opacity: 1;
}


.periplaza {
  background-image: url(../img/centros-comerciales/peri-plaza.jpg);
  width: 100%;
  height: 510px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
  transition-duration: 1s !important;
  border: 1px solid #fff;
}

.f-periplaza {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 510px;
}

.f-periplaza h3 {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-periplaza:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 510px;
}

.f-periplaza:hover h3 {
  opacity: 1;
}



/* .cipsa {
  background-image: url(../img/obra-industrial/cipsa.jpg);
  width: 100%;
  height: 509px;
  background-size: cover;
  position: relative;
  cursor: pointer;
  background-position: center center;
}

.f-cipsa {
  transition-duration: 1s !important;
  background-color: rgba(255, 255, 255, 0) !important;
  width: 100%;
  height: 509px;
}

.f-cipsa a {
  text-decoration: none;
  text-align: center;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-decoration: none !important;
  font-family: "FuturaBT-Medium";
  font-size: 28px;
  line-height: 40px;
  color: #fff !important;
}

.f-cipsa:hover {
  transition-duration: 1s !important;
  background-color: rgba(234, 104, 43, .7) !important;
  width: 100%;
  height: 509px;
}

.f-cipsa:hover a {
  opacity: 1;
} */








/****************************
	- Work interior -
*****************************/
#main-proyectos {
  padding-top: 235px;
}

.banner-proyect-1 {
  margin-top: -100px;
}

.work-detalle img {
  max-width: 100%;
}

/* Slider */
.sld-wrp {
  width: 100%;
  margin: 0 auto;
}

.slider-for {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0r;
}

#main-proyectos .slick-slide img {
  min-width: 100% !important;
}

.slider-for h1 {
  margin-top: -150px;
  color: #fff;
}

.slide-container {
  height: 590px;
  background-color: #fff;
  text-align: center;
  line-height: 40vh;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 0px;
  box-sizing: border-box;
}

.slick-prev,
.slick-next {
  width: 40px;
  height: 40px;
  z-index: 1 !important;
}

.slick-prev::before,
.slick-next::before {
  font-size: 30px;
}

.slide-btn {
  text-align: center;
  box-sizing: border-box;
  padding: 20px;
  background-color: #efefef;
  cursor: pointer;
}

.slide-btn:hover {
  background-color: #ea682b;
}

.slick-prev,
.slick-next {
  background: #ea682b;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: #ea682b !important;
}

.slick-prev,
.slick-next {
  top: 50%;
}

@media (max-width: 991px) {
  .slide-container {
    height: 444px;
  }
}

/* Proyect-info */
.project-info {
  margin-top: 0px;
  margin-bottom: 50px;
}

.project-info .container {
  padding-right: 0px;
  padding-left: 0px;
}

.project-info .col-md-7 {
  padding-right: 0px;
  padding-left: 0px;
}

.project-info .col-md-7 p {
  padding: 20px 30px;
}

.project-info .col-md-5 {
  padding-right: 0px;
  padding-left: 0px;
}

.project-info .row {
  background-color: #efefef;
  padding: 0px 0px;
  margin-top: 50px;
}

.project-info .col-md-7 {
  display: flex;
  align-items: center;
}

/****************************
	- Us -
*****************************/
/* Banner us */
#main-us {
  padding-top: 125px;
}

.banner-us {
  background-image: url(../img/us/banner-us.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 750px;
}

.banner-us .info {
  margin-left: auto;
  margin-right: auto;
}

.banner-us p {
  color: #fff;
  line-height: 25px;
}

.banner-us {
  display: flex;
  align-items: center;
}

/* valores */
.back-naranja {
  background-color: #ea682b;
  color: #fff;
  padding: 30px 0px;
}

.back-gris {
  background-color: #efefef;
  color: #494949;
  padding: 30px 0px;
}

.valores .col {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Bibliography */
.bibliography {
  margin-top: 50px;
  line-height: 0;
}

.bibliography img{
  width: 340px;
}

.bibliography h3 {
  padding-top: 10px;
  font-size: 20px;
  color: #ea682b;
}

.bibliography ul li {
  padding: 10px 0px;
}

.bibliography .col-md-7 p {
  padding-right: 50px;
  text-align: justify;
  padding-top: 100px;
}

.bibliography .container {
  background-color: #efefef;
  padding-left: 0px;
  padding-right: 0px;
}

.bibliography .slide-container {
  height: auto !important;
  background-color: #efefef;
}

.bibliography .slide-container img {
  margin-left: auto;
  margin-right: auto;
  width: 400px !important;
}

.bibliography .slick-next {
  right: 25px;
}

.bibliography .slick-prev {
  left: 25px;
}

/* Team */
.team {
  margin-top: 50px;
}

.team h1 {
  color: #ea682b;
  ;
}

.team .col-md-6,
.team .col-md-4 {
  padding-left: 1px;
  padding-right: 1px;
}

.team img {
  padding: 1px 1px;
  max-width: 100%;
}

/* Map */
.map {
  background-color: #efefef;
  margin-top: 210px;
  margin-bottom: 30px;
}

.map img {
  margin-top: -150px;
  padding-bottom: 100px;
}

/* Social */
.social {
  background-image: url(../img/us/banner-social.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 200px 0px;
}

.social h1 {
  padding: 50px 0px;
}

.social h3 {
  font-family: "FuturaBT-Medium";
  color: #ea682b;
  padding-top: 20px;
}

.social p {
  color: #fff;
}

/****************************
	- Clientes -
*****************************/
.clientes img {
  max-width: 100% !important;
}

#main-clientes {
  padding-top: 125px;
  padding-bottom: 50px;
}

/* Banner */
.banner-clientes {
  background-image: url(../img/clientes/banner-clientes.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 489px;
}

.banner-clientes h1 {
  padding-top: 200px;
}

.clientes-erb {
  margin-top: 50px;
}

.recuadro-gris {
  background-color: transparent;
  width: 100%;
  height: 160px;
  position: relative;
}

.recuadro-gris img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 95px;
}

.kinder-sauces {
  width: 90px !important;
}

.grupo-cipsa {
  width: 115px !important;
}

.museo-barroco {
  width: 130px !important;
}

.san-diego {
  width: 130px !important;
}

.upaep {
  width: 130px !important;
}


/* Opiniones */
.opiniones {
  margin-top: 50px;
}

.opiniones h1 {
  color: #ea682b;
  padding: 50px 0px;
}

.opiniones p {
  font-size: 14px;
  color: #464646;
  text-align: left;
}

.opiniones .slide-container {
  height: auto !important;
}

.opiniones .slick-prev {}

.opiniones .slick-next {
  right: -50px !important;
}

.opiniones .slide-container img {
  width: 200px !important;
  margin-left: auto;
  margin-right: auto;
}

.nombre {
  margin-bottom: 0rem;
}

.cargo {
  color: #ea682b !important;
}

/****************************
	- Contacto -
*****************************/
#main-contacto img {
  max-width: 100%;
}

/* Contacto */
#main-contacto {
  padding-top: 126px;
}

.contact .title {
  color: #ea682b !important;
  padding-top: 100px;
}

.contact input {
  min-width: 90%;
  margin: 10px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ea682b;
  outline: none !important;
}


/****************************
	- Movil -
*****************************/
@media (max-width: 991px) {
  .slick-next {
    right: -10px !important;
  }

  .slick-prev {
    left: -10px ;
  }
}

@media (max-width: 767.98px) {
  h3 {
    font-family: "FuturaBT-Medium";
    font-size: 15px;
    letter-spacing: 3px;
  }

  .text-desk {
    display: none !important;
  }

  .bibliography .slick-next {
    right: 22px !important;
  }

  .bibliography .col-md-7 p {
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }

  .map img{
    max-width: 100%;
  }

  .clientes-desk{
    display: none !important;
  }
  .opiniones .slide-container img {
    margin-bottom: -55px;
  }

  .opiniones .slick-prev {
    left: -10px;
  }
  .opiniones .slick-next {
    right: -10px !important;
  }

  .opiniones .slick-prev, .opiniones .slick-next {
    top: 17% !important;
  }
}

@media (max-width: 575.98px) {
  .slide-container {
    height: 190px !important;
  }
  .contact{
    padding-bottom: 50px;
  }
}

@media (min-width: 768px) {
  .text-movil {
    display: none !important;
  }
  .clientes-movil{
    display: none !important;
  }
}