@font-face {
  font-family: 'regular';
  src: url('../fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Roboto-Regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Roboto-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'medium';
  src: url('../fonts/Manrope-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Manrope-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Manrope-Medium.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Manrope-Medium.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/Manrope-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Manrope-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'bold';
  src: url('../fonts/Manrope-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Manrope-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Manrope-Bold.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Manrope-Bold.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/Manrope-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Manrope-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'extrabold';
  src: url('../fonts/Manrope-ExtraBold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Manrope-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Manrope-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/Manrope-ExtraBold.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/Manrope-ExtraBold.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Manrope-ExtraBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body {
  font-family: 'medium';
  line-height: 24px;
  color: #606062;
}
html {
  scroll-behavior: smooth;
}
.font-regular {
  font-family: 'regular';
}
.font-bold {
  font-family: 'bold';
}
.font-extrabold {
  font-family: 'extrabold';
}
.text-camel {
  color: #fdf2e7;
}
.bg-camel {
  background: #fdf2e7;
}
.bg-two {
  background: linear-gradient(-90deg, #e6e7e8 63%, #606062 63%);
  background: -moz-linear-gradient(-90deg, #e6e7e8 63%, #606062 63%);
  background: -webkit-linear-gradient(-90deg, #e6e7e8 63%, #606062 63%);
}
.text-blue {
  color: #00386B;
}
.hover\:text-blue:hover {
  color: #00386B;
}
.bg-blue {
  background: #00386B;
}
.bg-black {
  background: #373435;
}
.bg-gray {
  background: #e6e7e8;
}
.bg-gray-2 {
  background: #606062;
}
.bg-gray-3 {
  background: #bdbfc1;
}
.bg-gray-4 {
  background: #96989a;
}
.bg-gray-5 {
  background: #606062;
}
.hover\:bg-blue:hover {
  background: #00386B;
}
.br-blue {
  border-color: #00386B;
}
.br-brown {
  border-color: #A6A9AB;
}
.br-green-2 {
  border-color: #008c3e;
}
.border-top {
  border-top-width: 12px;
}
.border-bottom {
  border-bottom-width: 12px;
}
.border-bottom-2 {
  border-bottom-width: 2px;
}
.text-shadow {
  text-shadow: 0 0 5px rgb(0 0 0);
}
.hover\:text-shadow-none:hover {
  text-shadow: none;
}
.color-line:before {
  content: '';
  position: absolute;
  top: 110px;
  left: 0;
  width: 160px;
  height: 5px;
  background-color: #008c3e;
  -webkit-transform: translateX(-70%);
  transform: translateX(-70%);
}
.icofont-circled-left, .icofont-circled-right {
  z-index: 9999999;
}
.slick-disabled {
  opacity: 0;
  pointer-events: none;
}
.line::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 0;
  width: 160px;
  height: 5px;
  background-color: #008c3e;
  -webkit-transform: translateX(-120%);
  transform: translateX(-120%);
}
* {
  border-color: currentColor;
}
:focus-visible {
  outline: none;
}
.focus-border:focus {
  border-left-width: 0;
  border-right-width: 0;
}
.sticky {
  align-self: flex-start;
}
.h-inherit {
  height: inherit;
}
.img-left::after {
  content: '';
  display: block;
  background-image: url(../img/bg/2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 500px;
  position: absolute;
  left: 0;
}
.hover-bg {
  position: relative;
  overflow: hidden;
}
.hover-bg h2 {
  position: relative;
  z-index: 1;
}
.hover-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  background-size: cover;
  transform-origin: center;
  transition: transform .4s ease-in-out;
}
.hover-bg:focus::after, .hover-bg:hover::after {
  transform: scale(1.05);
}
.shadow-top {
  box-shadow: 1px 1px 14px 0 rgb(0 0 0 / 13%);
}
.bg-blue-100 {
  background-color: rgb(191 235 241);
}
.bg-cover {
  background-size: cover !important;
}
.bg-contain {
  background-size: contain !important;
}
.bg-img {
  background-size: 100% 100% !important;
}
.res-mt {
  margin-top: 17%;
}
.bg-opacity {
  background: rgba(56,54,54,.6);
}
.bg-opacity-2 {
  background: rgba(56,54,54,.8);
}
.bg-opacity-3 {
  background: rgba(56,54,54,.9);
}
.bg-home-1, .bg-home-2, .bg-home-3 {
  z-index: -9;
  height: 77vh;
}
.bg-home-1 {
  background:url(../img/bg/1.jpg) no-repeat bottom;
}
.bg-home-2 {
  background:url(../img/bg/2.jpg) no-repeat bottom;
}
.bg-home-3 {
  background:url(../img/bg/3.jpg) no-repeat bottom;
}
.bg-mosaico {
  background:url(../img/mosaico.png) no-repeat top right;
  height: 60vh;
  background-size: auto 100%;
}
.bg-corporativa, .bg-residencial {
  height: 60vh;
  background-size: auto 100%;
}
.bg-corporativa {
  background: url(../img/bg/4.jpg) no-repeat top center;
}
.bg-residencial {
  background: url(../img/bg/5.jpg) no-repeat top center;
}
.bg-corporativa-2 {
  background:url(../img/7.jpg) no-repeat top center;
  height: 80vh;
}
.box-corporativa {
  width: 217%;
  bottom: -57px;
  background: rgba(62,59,61,.7);
}
.bg-corporativa-3 {
  background:url(../img/bg/6.jpg) no-repeat top center;
  height: 60vh;
}
.bg-corporativa-4 {
  background:url(../img/bg/8.jpg) no-repeat bottom center;
  height: 90vh;
  width: 100%;
}
.bg-corporativa-4 .bg-box {
  width: 52%;
  padding-top: 6%;
}
#residencial .bg-mosaico {
  background:url(../img/2.png) no-repeat center bottom;
  height: 110%;
  width: 100%;
}
#residencial .bg-full {
  background:url(../img/bg/9.jpg) no-repeat top center;
  height: 90vh;
  width: 100%;
}
#residencial .res-w-h {
  width: 36%;
}
.res-lh-60 {
  line-height: 60px;
}
.res-lh-50 {
  line-height: 50px;
}
#empresa .bg-full {
  background:url(../img/bg/8.png) no-repeat top center;
  height: 100%;
  width: 100%;
}
#empresa .res-w-h {
  width: 61%;
}
#contactos .bg-full {
  background:url(../img/bg/10.jpg) no-repeat bottom center;
  height: 100%;
  width: 100%;
}
.border-gray {
  border-color: #999b9d;
}
input::placeholder, textarea::placeholder {
    opacity: .5;
    color: #333;
}
@media (max-width: 768px) {
  .res-bg-none {
    background: none !important;
  }
  .res-h-full {
    height: 100% !important;
  }
  .res-w-full {
    width: 100%;
    display: block;
  }
  br {
    display: none;
  }
  .res-mt {
    margin-top: 20px;
  }
  .res-lh-60 {
    line-height: 24px;
  }
  .res-text-white {
    color: #fff;
  }
  .bg-corporativa-4 .bg-box {
    width: 100%;
  }
  .res-w-h {
    width: 100%;
  }
}