@font-face { font-family: "Raleway-Regular"; src: url(../fonts/Raleway-Regular.otf)format("opentype");  font-display: swap;  }
@font-face { font-family: "Raleway-SemiBold"; src: url(../fonts/Raleway-SemiBold.otf)format("opentype");  font-display: swap;  }


*{padding:0;margin:0}
html{-webkit-font-smoothing:antialiased;height:100%;scroll-behavior:smooth}
body{font-family:'Raleway-Regular',Helvetica,Arial,sans-serif;font-size:14px;color:#000;background-color:#fff;line-height:2;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;transition:background-color .5s;letter-spacing:1.3px}
h1,h2,h3,h4{font-family:'Raleway-SemiBold',Helvetica,Arial,sans-serif}
h2{font-size:30px}
p{margin-bottom:15px}
ol,ul{margin-bottom:0}
li{list-style:none}
a{color:#000;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
a:hover,a:focus{color:#2C2A26;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
header{width:100%;background-color:#2C2A26;position:absolute;z-index:1000;left:0;right:0}
header .navbar{min-height:70px;padding:0;-ms-flex-align:flex-start;align-items:flex-start}
.navbar-expand-lg>.container{padding-left:15px;padding-right:15px;border-bottom:1px solid rgba(255,255,255,.3)}
header .navbar-brand{padding-top:15px;padding-bottom:15px;line-height:1;margin-right:0}
header .navbar-brand img{height:40px}
header .navbar-toggler{padding:20px 0;border:none;cursor:pointer}
header .navbar-toggler img{width:30px}
header .navbar-toggler:hover,header .navbar-toggler:focus{outline:none}
header .nav-link{color:#fff;padding:10px 0;font-size:12px;font-family:'Raleway-Regular',Helvetica,Arial,sans-serif;letter-spacing:1.5px}
header .nav-link:hover{color:#C3A77D}
header .dropdown-menu{font-size:12px;color:#2C2A26;background-color:rgba(44,42,38,0.8);font-family:'Raleway-Regular',Helvetica,Arial,sans-serif}
header .dropdown-menu .dropdown-item{color:#fff}
header .dropdown-menu .dropdown-item:hover{color:#C3A77D;background-color:transparent}
header .dropdown:hover > .dropdown-menu{display:block}
.carousel-item{height:90vh;min-height:300px;background-repeat:no-repeat;background-position:center center;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.carousel-caption{left:12%;right:12%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%);text-align:left}
.carousel-control-prev,.carousel-control-next{z-index:2;width:10%}
.carousel-control-prev-icon,.carousel-control-next-icon{width:27px;height:47px}
.carousel-control-prev-icon{background-image:url(../images/icons/prev-icon.png)}
.carousel-control-next-icon{background-image:url(../images/icons/next-icon.png)}
.text-slide-1{font-size:16px}
.text-slide-2{font-family:'Raleway-SemiBold',Arial,sans-serif;font-size:22px}
.section{padding:60px 0}
.section-margin{margin:60px 0}
.section-start{padding:120px 0 60px}
.section-bg-1{background:#1c1c1a url(../images/media/bg/bg-01.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;color:#fff;padding:120px 0}
.section-bg-2{background:#1c1c1a url(../images/media/services/bg-unique.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;color:#fff;padding:120px 0}
.project .info h3{color:#fff;font-weight:700;font-size:25px}
.footer-bg{background:#1c1c1a url(../images/media/img-bg-01.jpg);background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.color-beige{color:#C3A77D}
.btn-secondary{color:#fff;background-color:#857D71;border-color:#857D71}
.btn-outline-secondary{color:#6c757d;background-color:transparent;background-image:none;border-color:#857D71;border-radius:3rem;box-shadow:0 0 10px rgba(0,0,0,0.5)}
.btn-outline-secondary:hover{color:#fff!important;background-color:#857D71;border-color:#857D71}
.area-accion .btn-outline-secondary{color:#fff!important;background-color:#857D71;background-image:none;border-color:#857D71;border-radius:3rem;box-shadow:0 0 10px rgba(0,0,0,0)}
.area-accion .btn-outline-secondary:hover{color:#6c757d!important;background-color:transparent;border-color:#857D71}
.img-slogan{width:250px}
.descripcion p{text-align:justify}
.area-accion{padding-top:20px}
.owl-item{width:100%;-webkit-backface-visibility:visible!important}
.owl-carousel .owl-item .caption{position:absolute;z-index:999;left:5%;right:5%;bottom:0;opacity:0;margin-left:-100px}
.owl-carousel .owl-item.active .caption{opacity:1;margin-left:0;-webkit-transition:1s all ease-in-out .1s;-moz-transition:1s all ease-in-out .1s;transition:1s all ease-in-out .1s}
.owl-carousel .owl-item .caption img{display:inline-block;width:auto}
.owl-carousel .owl-item .caption p{color:#fff;text-transform:uppercase;font-family:'Raleway-SemiBold',Helvetica,Arial,sans-serif;font-size:16px}
.owl-carousel .owl-item .caption a{color:#fff}
.owl-carousel .owl-item .caption a:hover{color:#C3A77D}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next{position:absolute;top:45%;width:27px;height:47px;background-size:100% 100%;overflow:hidden;text-indent:-9999px;z-index:5;opacity:1}
.owl-carousel .owl-controls .owl-nav .owl-prev{background-image:url(../images/icons/prev-icon.png);left:2%}
.owl-carousel .owl-controls .owl-nav .owl-next{background-image:url(../images/icons/next-icon.png);right:2%}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover,.owl-carousel .owl-controls .owl-nav .owl-next:hover{opacity:.75}
.owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}
.owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:rgba(255,255,255,0.5);display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.owl-carousel .owl-dots .owl-dot:hover span{background:rgba(255,255,255,0.6)}
.owl-carousel .owl-dots .owl-dot.active span{background:#ff7400}
.images-grid .headline{text-align:center}
.images-grid .isotipo{margin-bottom:20px}
.images-grid h2.title{font-size:20px;text-transform:uppercase;margin-bottom:30px}
.images-grid .nav{margin-bottom:30px}
.images-grid .nav .nav-item{border-right:1px solid #ddd}
.images-grid .nav .nav-item:last-child{border-right:none}
.images-grid .nav .nav-link{color:#a9a9a9;padding:0 20px}
.images-grid .nav .nav-link:hover{color:#000}
.images-grid .nav .nav-link.active{color:#000}
.images-grid .tab-content .item{margin-bottom:1rem}
.images-grid .tab-content .title h3{font-size:18px}
.images-grid .tab-content .icon img{width:24px;vertical-align:baseline}
.main-title--page .page-title{text-transform:uppercase}
.main-title--page .page-description{color:#b7b7b7}
span.line{display:inline-block;width:100px;height:5px;background-color:#b8dbd2;margin-bottom:15px}
.controls{display:block;text-align:right;margin-top:10px;margin-bottom:10px}
.controls .control-prev-icon{margin-right:30px}
.controls .control-prev-icon .prev-icon,.controls .control-next-icon .next-icon{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.controls .control-prev-icon:hover .prev-icon,.controls .control-next-icon:hover .next-icon{opacity:.5}
.item{background-color:#fff;margin-bottom:30px}
.item a{display:block}
.item-content{position:relative;z-index:0;overflow:hidden}
.overlay-proyect{position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,0.45);-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease;opacity:0}
.overlay-proyect .overlay-content{padding:15px}
.overlay-content .title{display:inline-block;color:#fff}
.overlay-content .title h3{font-size:24px;text-transform:uppercase;color:#fff;margin-bottom:5px}
.overlay-content .title p{margin-bottom:0}
.overlay-content .icon{float:right}
.overlay-content .icon img{width:32px;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.item-content .item-image{-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.item a:hover .overlay-proyect{opacity:1;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.item a:hover .icon:hover img{opacity:.75}
.item a:hover .item-image{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);transform:scale(1.02)}
.carousel-overlay{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:1}
#video .modal-dialog,#modalPopup .modal-dialog{margin-top:60px}
#video .modal-content,#modalPopup .modal-content{background-color:#2C2A26;border-radius:0}
#video .modal-body,#modalPopup .modal-body{padding:0}
#video button.close,#modalPopup button.close{position:absolute;top:-16px;right:-10px;width:32px;height:32px;background-color:#857D71;color:#fff;font-size:30px;font-weight:400;text-shadow:none;line-height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;z-index:1000;cursor:pointer}
#video button.close:focus,#modalPopup button.close:focus{outline:none}
.hover{position:relative;z-index:0;width:100%;height:100%;display:block;cursor:pointer;margin-bottom:0}
.hover .zoom{position:absolute;z-index:10;width:100%;height:100%;left:0;top:0;background:#000 url(../images/icons/zoom.png) 50% 50% no-repeat;background-color:rgba(0,0,0,0.8)}
figure{overflow:hidden;margin:0}
figure a img{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
figure a:hover img{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.contacto-right{background-color:rgba(138,126,112,1);position:fixed;right:0;top:50%;z-index:2000;font-size:16px;letter-spacing:2px;writing-mode:vertical-lr;transform:rotate(180deg)}
.contacto-right a{color:#fff}
.contacto-right a:hover{color:#fff}
.ext-link{position:absolute;top:0;left:0;width:100%;height:100%}
#img-info img{height:60px;float:left}
#map iframe{height:414px}
#amenidades img{height:70px}
.scroll-down{display:none;position:absolute;left:10%;right:10%;bottom:6%;text-align:center;z-index:900}
.scroll-down span{display:block;font-size:13px;text-transform:uppercase;line-height:1.2;color:#fff;padding-bottom:20px}
.scroll-down a{display:inline-block;width:40px;height:40px}
.scroll-down a img{width:40px;-webkit-animation:sd 2s infinite;animation:sd 2s infinite}
footer{color:#fff;background-color:#2C2A26;font-family:"arial";padding:60px 0}
footer p{font-size:15px;text-align:center}
footer img{height:55px}
footer .redes-sociales img{height:30px}
footer #formContact img{height:25px}
footer #formContact .input-group-text{background-color:#2C2A26;border:1px solid #2C2A26}
footer #formContact .form-control::placeholder{color:#494642;opacity:1;text-transform:uppercase;font-size:14px}
footer #formContact .form-control{color:#A5A5A5;background-color:transparent;padding-left:0;padding-right:0;border:none;border-bottom:1px solid #C3A77D;border-radius:0}
footer #formContact .form-control:focus{color:#A5A5A5;background-color:transparent;border-color:#eee;box-shadow:none}
footer #formContact .btn,.btn{text-transform:uppercase;color:#2C2A26;background-color:#C3A77D;border:none;cursor:pointer;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-size:14px;padding:5px 15px;border-radius:0}
footer #formContact .btn:hover,.btn:hover{background-color:#fff}
footer .redes-sociales,.redes-sociales{position:absolute;z-index:999;left:10%;right:10%;bottom:15%;text-align:center}
footer .redes-sociales .nav-link,.redes-sociales .nav-link{display:inline-block;padding-left:5px;padding-right:5px}
footer .redes-sociales .nav-link a,.redes-sociales .nav-link a{color:#fff;font-size:25px}
footer .redes-sociales,.redes-sociales{position:initial}
.project{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:100%;height:300px;-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;-webkit-transition:background .5s ease-in-out;-moz-transition:background .5s ease-in-out;transition:background .5s ease-in-out}
.project-bg-1{background:#000 url(../images/media/01.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.project-bg-2{background:#000 url(../images/media/02.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.project-bg-3{background:#000 url(../images/media/03.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.project-bg-4{background:#000 url(../images/media/about/01.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.project-bg-5{background:#000 url(../images/media/about/02.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.project-bg-6{background:#000 url(../images/media/about/03.jpg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover}
.overlay{position:absolute;z-index:0;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.4)}
.project .overlay,.articulo .overlay{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.project .info{position:relative;text-align:center}
.project .name{font-size:18px;font-weight:400;text-transform:uppercase;color:#fff}
.project .btn{font-size:14px;font-weight:700;text-transform:uppercase;color:#fff;padding:3px 30px;border-color:#fff}
.project:hover .overlay,.articulo:hover .overlay{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background:rgba(0,0,0,.2)}
map{position:relative;height:350px;overflow:hidden;margin-top:20px!important;margin-bottom:30px}
.map-home{position:relative;height:400px;overflow:hidden;margin-top:0!important;margin-bottom:0!important}
.map iframe,.map object,.map embed{position:absolute;top:0;left:0;width:100%;height:350px;overflow:hidden;border:0}
.map-home iframe,.map-home object,.map-home embed{position:absolute;top:0;left:0;width:100%;height:400px;overflow:hidden;border:0}

@-webkit-keyframes sd {
0%{-webkit-transform:translate(0,0);opacity:.2}
50%{opacity:1}
100%{-webkit-transform:translate(0,15px);opacity:0}
}
@keyframes sd {
0%{transform:translate(0,0);opacity:.2}
50%{opacity:1}
100%{transform:translate(0,15px);opacity:0}
}
@media (min-width: 768px) {
.menu-fixed{position:fixed;z-index:999;top:0;min-height:70px!important;-webkit-transition:all 500ms ease-in;-moz-transition:all 500ms ease-in;transition:all 500ms ease-in;background:#2C2A26}
.menu-fixed .navbar-contact{display:none}
.menu-fixed .navbar{min-height:70px!important}
.menu-fixed .navbar-brand{padding-top:15px;padding-bottom:15px}
.menu-fixed .navbar-brand img{height:50px}
    
 .menu-fixed   .navbar-expand-lg>.container{padding-left:15px;padding-right:15px;border-bottom:none;}
}
@media (min-width: 992px) {
header .navbar-brand img{height:80px}
header .navbar-expand-lg .navbar-collapse{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
header .navbar-expand-lg .navbar-nav .nav-link{position:relative;padding-left:12px;padding-right:12px}
header .navbar-expand-lg .navbar-nav .nav-link:after{content:"";position:absolute;top:50px;left:20%;width:60%;height:1px;background-color:transparent}
header .navbar-expand-lg .navbar-nav .nav-link:hover:after{background-color:#C3A77D}
.img-slogan{width:400px}
.carousel-caption h3{font-size:50px}
.titulo-listado{font-size:60px}
.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next{top:35%}
#video .modal-lg,#modalPopup .modal-lg{max-width:900px}
header{width:100%;background-color:rgba(0,0,0,.03);position:absolute;z-index:1000;left:0;right:0}
#section-project{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;height:100vh;padding-top:0}
.overlay{background:rgba(0,0,0,.5)}
.project{width:-webkit-calc(100%/3);width:-moz-calc(100%/3);width:calc(100%/3);height:100%;transition:1s all}
.project .btn,#section-10.p-others .owl-item .btn{padding:5px 40px;border-color:#999;margin-bottom:-100px;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.project:hover .btn,#section-10.p-others .owl-item:hover .btn{margin-bottom:0;opacity:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.project .btn:hover,#section-10.p-others .owl-item .btn:hover{border-color:#fff}
.project .info{position:relative;text-align:center}
.text-slide-1{font-size:18px}
.text-slide-2{font-size:40px}
footer .redes-sociales img,.redes-sociales img{height:50px}
footer img{height:90px}
footer h3{font-size:33px}
footer p{font-size:19px}
    footer .logos-proyect img {height: 50px;}
    .scroll-down{display:block}
}
@media (min-width: 1200px) {
header .navbar-expand-lg .navbar-nav .nav-link{padding-left:15px;padding-right:15px}
}
#section-1{position:relative;z-index:0;overflow: hidden;}
#hp-video{ background-repeat:no-repeat;background-position:center center;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover; object-fit: cover; width: 100vw; height: 100vh;}
@media (min-width:768px) { 
#hp-video{margin-top:0;}
}
/*=============================================
TABLET HORIZONTAL (LG revisamos en 1024px)
=============================================*/
@media (max-width:1199px) and (min-width:992px){ 
#hp-video{width: 100%; height: 100%}
}
/*=============================================
TABLET VERTICAL (MD revisamos en 768px)
=============================================*/
@media (max-width:991px) and (min-width:768px){
#hp-video{width: 100%; height: 100%}

}
/*=============================================
MÓVIL HORIZONTAL (SM revisamos en 576px)
=============================================*/
@media (max-width:767px) and (min-width:576px){
#hp-video{width: 100%; height: 100%}
    
} 
/*=============================================
MOVIL VERTICAL (revisamos en 320px)
=============================================*/
@media (max-width:575px){ 
#hp-video{width: 100%; height: 100%}
}