/* 
   _  ___         
| |/ (_) |__  ___
| ' <| | '_ \/ _ \
|_|\_\_|_.__/\___/

KIBO STUDIOS // ADVERTISING ® 2016
This file was originally created by Kibo.
No public difusion allowed. Code rights reserved.
Contact us info@kibostudios.com
www.kibostudios.com

Theme Name: Erasur theme
Version: 1.0
Author: Kibo

*/

/************************ FONTS ************************/
body, p{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    color: #666E73;
}


/************************ TAGS ************************/
.box-loader .loading {
    border-right: 4px solid #AB0000;
    border-top: 4px solid #AB0000;
}

.row-flex-height
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 

}

.flex-object
{   
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.col-absolute
{
    position:absolute;
}


/*Estilo botones*/
.boton-erasur{
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 25px;
    padding: 10.5px 24px;
    display: inline-block;
    line-height: initial;
}

.btn-gris-opacity{
    background: rgba(255,255,255,0.4);
    color: white;
}

.btn-gris-opacity:hover{
    background: rgba(255,255,255,0.5);
    color: white
}

.btn-gris-opacity.btn-plus
{
    position:relative;
    overflow:hidden;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.btn-gris-opacity.btn-plus:hover
{
    padding-right:35px;
}

.btn-gris-opacity.btn-plus i
{
    bottom:-25px;
    right:20px;
    position:absolute;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.btn-gris-opacity.btn-plus:hover i
{
    bottom:12px;
}

.btn-gris
{
    background: #3C444A;
    color: white;
    
}



.btn-gris:hover{
    color: white;
    opacity: 0.8;
    
}

.btn-gris.btn-plus,.btn-gris.btn-send
{
    position:relative;
    overflow:hidden;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.btn-gris.btn-send:focus,.btn-gris.btn-send:active
{
    color:white;
}

.btn-gris.btn-plus i,.btn-gris.btn-send i
{
    bottom:-25px;
    right:12px;
    position:absolute;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}
.btn-gris.btn-plus:hover
{
    padding-right:35px;
}
.btn-gris.btn-nowidth.btn-send:hover,.btn-gris.btn-nowidth.btn-send.loading-state,.btn-gris.btn-nowidth.btn-send.error-state,.btn-gris.btn-nowidth.btn-send.check-state
{
    padding-right:40px;
}

.btn-gris.btn-width.btn-send:hover,.btn-gris.btn-width.btn-send.loading-state,.btn-gris.btn-send.btn-width.error-state,.btn-gris.btn-width.btn-send.check-state
{
    width:115px;
}

.btn-gris.btn-plus:hover i,.btn-gris.btn-send:hover .send-icon
{
    bottom:12px;
    
}

.btn-gris.btn-send.error-state
{
    background:#AB0000;
}

.btn-gris.btn-send.check-state
{
    background:#3c763d;
}

.btn-gris.btn-send.loading-state
{
    background:#111;
}

.btn-gris.btn-send.loading-state .loading-icon,.btn-gris.btn-send.error-state .error-icon,.btn-gris.btn-send.check-state .check-icon
{
    bottom:12px;
}

.btn-gris.btn-send.loading-state .send-icon,.btn-gris.btn-send.error-state .send-icon,.btn-gris.btn-send.check-state .send-icon
{
    opacity:0;
}

.btn-gris.btn-send.send-state .loading-icon,.btn-gris.btn-send.error-state .loading-icon
{
    opacity:0;
}
    
.btn-outline{
    background: white;
    border: 2px solid #3C444A;
    color: #3C444A;
    padding: 8.5px 25px;
}

.btn-outline.btn-plus
{
    position:relative;
    overflow:hidden;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.btn-outline.btn-plus:hover
{
    padding-right:35px;
}

.btn-outline.btn-plus i
{
    bottom:-25px;
    right:20px;
    position:absolute;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.btn-outline.btn-plus:hover i
{
    bottom:9px;
}

/*Estilo generico inputs focus & placeholder*/
input.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.form-control:focus{outline: 0;box-shadow: none}

.form-control::-webkit-input-placeholder { 
    color:    #666E73;
}
.form-control:-moz-placeholder {
   color:    #666E73;
   opacity:  1;
}
.form-control::-moz-placeholder { 
   color:    #666E73;
   opacity:  1;
}
.form-control:-ms-input-placeholder {
   color:    #666E73;
}

/*Botones carousel custom*/
.carousel-control{
    width: 30px;
    height: 30px;
    border: 2px solid #DDE1E2;
    background: white !important;
    opacity: 1;
}

#carousel-home .left.carousel-control, #carousel-portfolio .left.carousel-control{
    margin-left: -50px;
    top: 45%;
}
#carousel-home .right.carousel-control, #carousel-portfolio .right.carousel-control{
    margin-right: -50px;
    top: 45%;
}


.carousel-control span{
    width: 6px;
    height: 10px;
    display: inline-block;
    background-image: url(images/arrow-right-grey.png);
    background-size: cover;
    background-position: top;
    margin: 8px auto;
}

.carousel-control span.left{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-180deg);
}

/************************ HEADER ************************/
.header.home-menu{
    background: white;
    border-bottom: 1px solid #D0D3D5;
    padding: 14.5px 0;
    z-index: 500
}

.header.home-menu .logo{width: 115px}

.lang-drop img.flag{
    width: 20px;
    display: inline-block
}

.navbar-nav > li.lang-drop > .dropdown-menu{
    min-width: 60px
}

.dropdown.lang-drop .dropdown-menu{
    min-width: 50px;
    left: inherit;
    right: 0;
}

/*SLIDER*/
#carousel-home, #carousel-portfolio{
    position: relative;
    height:500px;
    height:55vh;
    max-height:700px;
    min-height:490px;
}

.slider-home #carousel-home
{
    height:600px;
    height:62vh;
}

/*Capa opacity para texto en slider*/
#carousel-home .carousel-inner, #carousel-portfolio .carousel-inner
{
    position:relative;
    width:100%;
    height:100%;
}


#carousel-home .item, #carousel-portfolio .item
{
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
}

.mfp-figure:after {
    box-shadow: none !important;
    background: transparent !important;
}

#carousel-home .item img, #carousel-portfolio .item img{
    width: 100%
}

#carousel-home .caption{
    position: absolute;
    bottom: 35px;
    left: 0px;
    width: 100%;
    z-index: 1
}

#carousel-home .caption > .row {
    margin: 0px;
    padding: 0px 35px;
}

#carousel-home .caption .box-caption {
    background: rgba(255,255,255,.7);
    padding: 10px 0px;
}

#carousel-home .caption h1{
    font-family: 'Gotham-Book', sans-serif;
    color: #45484b;
    font-size: 32px;
    border-bottom: 1px solid #999fa2;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

#carousel-home .caption h1:after{
    position: absolute;
    left: 0;
    display: block;
    height: 3px;
    width: 75px;
    content: "";
    bottom: 0;
    background-color: #999fa2;
}

#carousel-home .caption p{
    font-size: 15px;
    color: #45484b;
    letter-spacing: 0px;
    line-height: 26px;
}

#carousel-home .boton-erasur{margin-top: 10px}

#carousel-home .carousel-control, #carousel-portfolio .carousel-control{
    width: 35px;
    height: 35px
}
#carousel-home .carousel-control span, #carousel-portfolio .carousel-control span{
    margin: 10px auto
}


/*Indicadores*/
#carousel-home .carousel-indicators, #carousel-portfolio .carousel-indicators{
    position: absolute;
    right: 20px;
    left: auto;
    bottom: 55px;
    font-size: 12px;
    width: 30%;
    margin: 0;
    text-align: right;
}

#carousel-home .carousel-indicators{
    bottom: 30px;
}

#carousel-home .carousel-indicators li, #carousel-portfolio .carousel-indicators li{
    width: 7px;
    height: 7px;
    display: inline-block;
    border: 1px solid white;
    background: transparent;
    margin: 0 10px
}

#carousel-home .carousel-indicators li.active, #carousel-portfolio .carousel-indicators li.active{
    background: white;
}

/*Explorar carousel*/
.slider-home .explorar{
    margin-top: 30px;
    margin-bottom: 30px
}

.slider-home .explorar h1{
    font-size: 32px;
    color: #45484B;
    text-transform:uppercase;
}

.slider-home .explorar p.subtitulo, .subtitulo{
    color: #BCC4CA;
    font-size: 16px;
    font-family: 'Palatino', serif;
}

.div-explore img{
    width: 9.98px;
    display: block;
    margin: 0 auto;
}

/************************ MENU ************************/
.navbar-default .navbar-nav > li > a{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    color: #889199;
    letter-spacing: 0px;
}

.caret
{
border-top:4px solid #999;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > li > a:hover{
    font-family: 'Gotham-Medium', sans-serif;
    color: #666E73
}

/*.navbar-default .navbar-nav > li > a.active{
    border-bottom: 3px solid #666E73;
}*/

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #889199;
}

.moving-line{
    position: absolute;
    bottom: -15px;
    height: 3px;
    width: 100px;
    background-color: #666E73;
    display: block;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}


/************************ CONTENT ************************/

/*HOME*/
/*Promociones content*/
.promociones-content{
    padding: 0 0 2% 0;
}

.promociones-box{
    position: relative;
}



.promociones-box .ribbon {
    position: absolute;
    right: -14px;
    top: 41px;
    height: 40px;
    width: 165px;
    border-left: 20px solid transparent;
    border-bottom: 20px solid #E6EBF0;
    border-top: 20px solid #E6EBF0;
    box-shadow: 4px 2px 4px rgba(0,0,0,0.3);
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 18px;
    color: #1A2126;
    z-index: 1;
    line-height: 5px;
    text-align: center;
    text-transform: uppercase;
}

.promociones-box .ribbon:after{
    width: 0;
    height: 0;
    content:"";
    display: block;
    border-style: solid;
    border-width: 10px 0 0 14px;
    border-color: transparent transparent transparent #D8D8D8;
    right: 00;
    top: -28px;
    position: absolute;
}

.promociones-box .marca-promocion-belaire{
    width: 150px;
    height: auto;
    position: absolute;
    bottom: 35px;
    right: 35px;
    z-index: 1;
}

.promociones-box .slide{
    border-top: 6px solid #1A2126;
    box-shadow: 0 2px 4px rgba(165,171,179,0.5);
    margin-bottom: 40px;
}

.item-slider-prom
{
    position:relative;
    height:400px;
}

.slider-promocion-img
{
    position:relative;
    height:100%;
    width:100%;
    background-size:cover!important;
}

.promociones-box .caption{
    background: rgba(255,255,255,0.95);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 68%;
}

.promociones-box .caption p{line-height: 24px}

.promociones-box .caption .content-text{
    padding: 35px 40px;
}

.promociones-box .caption h2{
    color: #aab1b7;
    font-size: 16px;
    font-family: 'Palatino', serif;
    border-bottom: 1px solid #C9CFD3;
    margin-bottom: 30px;
}
.promociones-box .caption h2:after{

    left: 0;
    display: block;
    width: 43px;
    height: 3px;
    background: #C9CFD3;
    display: block;
    content:"";
    margin-top: 15px;
}

.promociones-box .caption h2.main {
    color: #484848;
    text-transform: uppercase;
    border: none;
    margin: 0px 0px 8px;
    font-size: 28px;
    font-family: 'Gotham-Book', sans-serif;
}

.promociones-box .caption h2.main:after {
    display: none;
}

.promociones-box .caption .info-bottom{

    position: absolute;
    bottom: 35px;
    right: 40px;
    left: 40px;
}

.promociones-box .caption .botones{
    position: absolute;
    right: 0;
    top: 5px;
    width: 75px;
}

.col-address-home
{
    padding-right:20px;
}

.col-tlf-nopad
{
    padding:0;
}

/*Historia Erasur*/
.erasur-historia{padding: 0;}

.erasur-historia .parallax-box{
    background-image: url(images/historia-bg.jpg);
    background-size: cover;
    min-height: 350px;
    height: 350px;
    position: relative;
    padding-top: 0;
    background-position: center 50%;
    display: table;
}

.erasur-historia .parallax-box .container{
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.erasur-historia .parallax-box:before{
    background-color: rgba(17,26,32,0.5);
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    content:"";
    display:block
}

.erasur-historia .parallax-box .logo{width: 125px}

.erasur-historia .parallax-box p{color: white;margin: 30px auto 35px;font-family: 'Gotham-Medium', sans-serif;}


/*Bloque historia 2*/
.historia-content{
    background-image: url(images/historia-bg-2.png);
    /*background-color: white;*/
    background-position: top;
    padding-bottom: 40px;
    position: relative
}

.historia-content:after{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    display: block;
    content:"";
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.00) 0%, #FFFFFF 81%);
    background-image: -o-linear-gradient(rgba(255,255,255,0.00) 0%, #FFFFFF 81%);
    background-image: linear-gradient(rgba(255,255,255,0.00) 0%, #FFFFFF 81%);
}

.historia-content .container{
    z-index: 1;
    position: relative;
}

.historia-content h1{
    font-family: 'Palatino', serif;
    font-size: 22px;
    color: #889199;
    padding-bottom: 15px;
    border-bottom: 1px solid #C9CFD3;
    margin: 45px auto 40px;
    position: relative;
}

.historia-content h1:after{
    content: "";
    display: block;
    margin: 0 auto;
    position: absolute;
    width: 45px;
    height: 3px;
    bottom: 0;
    background: #889199;
    left: 50%;
    margin-left: -22.5px;
}

.home-content .box-historia{
    background: white;
    height: 370px;
}

.box-historia{
    padding: 32px 25px;
    border-top: 6px solid #1A2126;
    box-shadow: 0 2px 4px rgba(165, 171, 179, 0.5);
    height: 100%;
    
}

.box-historia img{
    margin: 0 auto 25px;
    display: block
}

.box-historia h2{
    position: relative;
    color: #45484B;
    font-size: 16px;
    font-family: 'Gotham-Medium', sans-serif;
    text-transform: uppercase;
}

.box-historia h2:after{
    width: 30px;
    height: 3px;
    background: #AB0000;
    content:"";
    display: block;
    margin: 20px auto 15px;
}

.historia-content .boton-erasur{
    margin-top: 45px
}

/*Proyectos realizados*/
.proyectos-content
{
    background:#F5F7F8;
}

.view-proyectos-content .proyectos-content
{
    background:transparent;
}


.proyectos-content h1{
    color: #1A2126;
    font-size: 20px;
    font-family: 'Gotham-Medium', sans-serif;
    border-bottom: 1px solid #3C444A;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.proyectos-content h1:after{
    background: #3C444A;
    width: 45px;
    height: 3px;
    content: "";
    display: block;
    margin: 15px auto 0;
}

.proyecto-box{
    min-height: 350px;  
    max-height: 350px;
    height: 350px;
}

.ok-proyecto{
    border-top: 6px solid #1A2126;
    box-shadow: 0 2px 4px rgba(165,171,179,0.50);
    background-image: url(images/proyecto-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
}

.ok-proyecto:before{
    position: absolute;
    top: 0;
    bottom:0;
    left: 15px;
    right: 15px;
    content:"";
    display: block;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.00) 53%, rgba(0,0,0,0.85) 99%);
    background-image: -o-linear-gradient(rgba(0,0,0,0.00) 53%, rgba(0,0,0,0.85) 99%);
    background-image: linear-gradient(rgba(0,0,0,0.00) 53%, rgba(0,0,0,0.85) 99%);
}

.ok-proyecto .content-text{
    position: absolute;
    z-index: 1;
    bottom: 25px;
    right: 45px;
    left: 45px;
}

.ok-proyecto h2{
    color: white;
    font-size: 26px;
    font-family: 'Gotham-Book', sans-serif;
    border-bottom: 1px solid white;
    margin-bottom: 20px;
}

.ok-proyecto h2:after{
    width: 75px;
    height: 3px;
    background: white;
    content:"";
    display: block;
    margin: 20px 0 0;
}

.ok-proyecto p{
    font-size: 14px;
    color: white;
    margin-bottom: 0
}

.ok-proyecto .boton-proyecto{
    text-align: right
}


.proximo-proyecto{
    border: 1px solid #666E73;
    width: 100%;
    display: table;
}

.proximo-proyecto .content-text{
    display: table-cell;
    vertical-align: middle;
}

.proximo-proyecto h2{
    padding: 18px 20px;
    border: 1px solid #889199;
    border-top-width: 5px;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 16px;
    display: block;
    margin: 0 auto;
    max-width: 200px;
    text-transform: uppercase;
}

/*Contacta content*/
.home .contacta-content{
    position: relative;
}

.col-contact-home
{
    height:485px;
    position:relative;
    display: table;
}

.home-content .contacta-box
{
    /* position:absolute; 
    top:50%; */
    padding-left:25px;
    /* transform:translateY(-50%);
    /* -webkit-transform:translateY(-50%); 
    -ms-transform:translateY(-50%);*/
    display: table-cell;
    vertical-align: middle;
}

.col-map-home
{
    padding-left:0;
    position:absolute;
    top: 0
}

.contacta-content #map
{
    width: 100%;
    height: 485px;
}

.contacta-content h1{
    font-size: 32px;
    color: #45484B;
    margin-bottom: 5px;
    text-transform:uppercase;
}

.contacta-content p.subtitulo{
    font-family: 'Palatino', serif;
    font-size: 16px;
    border-bottom: 1px solid #BCC4CA;
    margin-bottom: 30px;
}

.contacta-content p.subtitulo:after{
    content:"";
    width: 45px;
    height: 3px;
    background: #BCC4CA;
    display: block;
    margin: 10px 0 0;
}

.contacta-content .col-tlf-nopad p a{
    font-size: 13px;
    color: #666E73;
}

.contacta-content p{
    font-size: 13px;
    color: #666E73;
    line-height: 24px;
}

.contacta-content p span{
    color: #AB0000;
    font-family: 'Gotham-Medium', sans-serif;
}

.contacta-content .correos img{width: 16.25px;display: inline-block}

.contacta-content .correos a{
    color: #AB0000;
    font-family: 'Gotham-Medium', sans-serif;
    display: inline-block
}

.contacta-content .correos a:first-child{
    border-right: 1px solid #979797;
}

/*Inputs formulario contacto*/

.col-contacto-form
{
    margin-top:-3px;
}

.form-contact{margin-top: 20px}


.form-contact .form-control{border-radius: 0}

.form-contact input.form-control
{
    border:0;
    border-bottom: 2px solid #C3CAD0;
    padding: 10px;
    color: #666E73;
    margin: 13px 0;
    box-shadow: none;
    font-size: 12px;
    
    -wekbit-transition:0.6s all ease;
    -moz-transition:0.6s all ease;
    -ms-transition:0.6s all ease;
    -o-transition:0.6s all ease;
    transition:0.6s all ease;
}
/*ERROR*/
.form-contact .form-control.has-error
{
    border-color:#AB0000;
    color: #AB0000;
}


.form-contact .form-control.has-error::-webkit-input-placeholder {
   color:#AB0000;
}

.form-contact .form-control.has-error:-moz-placeholder { /* Firefox 18- */
   color:#AB0000;  
}

.form-contact .form-control.has-error::-moz-placeholder {  /* Firefox 19+ */
   color:#AB0000; 
}

.form-contact .form-control.has-error:-ms-input-placeholder {  
   color:#AB0000; 
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


/**/
.form-contact input.form-control:focus,.form-contact textarea.form-control:focus
{
    border-color:#333;
}

.form-contact textarea.form-control{
    border: 2px solid #C3CAD0;
    padding: 10px 20px;
    margin-top: 36px;
    resize: none;
    height: 105px;
    font-size: 12px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

/* VISTA GRUPO ERASUR*/
.grupo-content .header-historia{
    background-image: url(images/grupo-header.png);
    position: relative;
    min-height: 400px;
    padding-top: 4%;
    background-size: cover;
}

.header-historia:before{
    position: absolute;
    display: block;
    content:"";
    bottom:0;
    top: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.80) 3%, #FFFFFF 100%);
    background-image: -o-linear-gradient(rgba(255,255,255,0.80) 3%, #FFFFFF 100%);
    background-image: linear-gradient(rgba(255,255,255,0.80) 3%, #FFFFFF 100%);
}

.header-page h1.subtitulo{
    font-family: 'Palatino', serif;
    color: #1A2126;
    font-size: 16px;
    margin: 25px auto 20px;
}

.header-page p{line-height: 26px}

/*Tabs*/
.tabs-box .line{
    width: 100%;
    top: -40px;
    position: absolute;
    height: 2px;
    margin: 0 auto;
    background-image: -webkit-linear-gradient(left, rgba(201,207,211,0.00) 0%, #C9CFD3 50%, rgba(201,207,211,0.00) 100%);
    background-image: -o-linear-gradient(left, rgba(201,207,211,0.00) 0%, #C9CFD3 50%, rgba(201,207,211,0.00) 100%);
    background-image: linear-gradient(to right, rgba(201,207,211,0.00) 0%, #C9CFD3 50%, rgba(201,207,211,0.00) 100%);
  
}

.tabs-grupo{
    border: 0;
    margin: -80px auto 75px;
    /* max-width: 555px; */
    width: 60%;
}

.tabs-grupo > li{
    max-width: 130px;
    width: 100%;
    margin: 0px 7%;
    text-align: center;
    height: 135px;
}

.tabs-grupo > li.lineamov{position: absolute;margin: 0;}
.tabs-grupo .moving-line{
    background: #889199;
    height: 2px;
    bottom: 93px;
}

.tabs-grupo > li > a .icono{
    border-radius: 100%;
    border: 2px solid rgba(136,145,153,0.5);
    width: 60px;
    background: white;
    height: 60px;
    /* opacity: 0.3; */
    margin: 0 auto;
    margin-bottom: 20px;
    background: white;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.tabs-grupo > li.active > a .icono{
    border: 2px solid rgba(136,145,153,1);
}

.tabs-grupo > li.active > a .icono, .tabs-grupo > li > a:hover .icono, .tabs-grupo > li > a:hover{
    opacity: 1;
    background: transparent;
    box-shadow: none;
    color: #889199    
}

.tabs-grupo > li > a:hover{border-color: transparent}
.tabs-grupo > li > a:hover .icono{background: white;border: 2px solid rgba(136,145,153,1);}
.tabs-grupo > li > a:hover .icono img{opacity: 1}

/*.tabs-grupo > li.active > a .icono:before, .tabs-grupo > li.active > a .icono:after{
    content:"";
    display: inline-block;
    width: 35px;
    height: 2px;
    position: absolute;
    background: #889199;
}*/

.tabs-grupo > li.active > a .icono:before{
    left: 0;
    top: 40px;
}
.tabs-grupo > li.active > a .icono:after{
    right: 0;
    top: 40px;
}

.tabs-grupo > li > a .icono img{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    margin: 12px auto;
    display: block;
    opacity: 0.5;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
.tabs-grupo > li.active > a .icono img{opacity: 1}

.tabs-grupo > li.active > a .icono{
    border-color: #889199;
    background: white;
}

.tabs-grupo > li > a{
    color: #C3CAD0;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 14px;
    border:0;
    -webkit-transition: 0.4s ease color;
    -moz-transition: 0.4s ease color;
    -o-transition: 0.4s ease color;
    -ms-transition: 0.4s ease color;
    transition: 0.4s ease color;
    text-transform:uppercase;
}

.tabs-grupo > li.active > a, .tabs-grupo > li.active > a:hover, .tabs-grupo > li.active > a:focus{
    border: none;
    color: #AB0000;
    background-color: transparent;
}

/*Contenido*/
.img-gradiente
{
    position: relative;
    z-index: 1;
    border-top: 6px solid #1A2126;
}

.img-gradiente:before{
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.00) 60%, #FFFFFF 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.00) 60%, #FFFFFF 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.00) 60%, #FFFFFF 100%);
    
    position: absolute;
    content:"";
    display: block;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.img-gradiente img{
    width: 100%;
}

.grupo-box h1{
    font-family: 'Gotham-Light', sans-serif;
    font-size: 40px;
    color: #666E73;
    position: relative;
    line-height: 54px;
    text-transform:uppercase;
}

.compromiso-content h1:after{
    background-color: #AB0000;
    width: 85px;
    height: 6px;
    display:block;
    content:"";
    position: relative;
    margin-top: 33px
}

.grupo-box h1 strong{
    font-family: 'Gotham-Book', sans-serif;
}

.grupo-box{
    position: relative;
    padding: 5%;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(216,221,225,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(216,221,225,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(216,221,225,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(216,221,225,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(216,221,225,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(216,221,225,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8dde1', GradientType=1 );
}

.grupo-box:before{
    background: white;
    top: 6px;
    bottom:6px;
    left: 6px;
    right: 6px;
    display: block;
    content: "";
    position: absolute;
}

.grupo-box .textos{
    position: relative;
    z-index: 2
}

.grupo-box p{
    color: #666E73;
    position: relative;
    margin-top: 100px
}

#futuro .grupo-box p{margin-top: 160px;}
#futuro .grupo-final p{margin-top: 0;}


.compromiso-box {
    padding: 5%;
    margin-top: -320px;
    margin-bottom: 60px;
}

/*Pasado Tab*/
.grupo-content .parallax-box{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 350px;
    height: 350px;
    padding: 3.5% 0;
}

#pasado .parallax-box{
    background-image: url(images/parallax-pasado.jpg);
}

#presente .parallax-box{
    background-image: url(images/parallax-presente.jpg);
}

#futuro .parallax-box{
    background-image: url(images/parallax-futuro.jpg);
}

.grupo-content .parallax-box:before{display: none}

.grupo-content .parallax-box .textos{
    background-color: white;
    padding: 20px;
}

.grupo-content .parallax-box p{
    border: 3px solid #C3CAD0;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 14px;
    padding: 40px;
    color: #666E73;
    height: 100%;
    margin: 0 auto;
}

/*Grupo final*/
.grupo-final{
    padding: 9% 0 4%;
    position:relative;
}

.grupo-final .grupo-box{
    background: #D8DDE1
}

.grupo-final .grupo-box h1{
    border-bottom: 1px solid #C3CAD0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.grupo-final .grupo-box h1:after{
    background: #C3CAD0;
    width: 45px;
    height: 4px;
    content: "";
    display: block;
    bottom: 0px;
    position: absolute;
}


.grupo-final p{margin-top: 0}

#presente .grupo-final p, #futuro .grupo-final p{font-size: 18px}

.img-top{
    position: relative;
    z-index: 1;
    border-top: 6px solid #1A2126;
}

.img-top img{width: 100%}

#pasado .img-top{
    top:-50px;
   
}

#presente .img-top{
    top: -70px;
    max-height:450px;
}



#futuro .img-top{
    top:-50px;
}

/*VISTA LEGALES*/
.header-legales{
    background-image: url(images/bg-legales.jpg);
    position: relative;
    min-height: 320px;
    padding-top: 4%;
    background-size: cover;
}

.header-legales:before{
    position: absolute;
    display: block;
    content:"";
    bottom:0;
    top: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: -o-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
}

.content-legales{margin-top: -155px}

.content-legales strong, .content-legales{
    font-family: 'Gotham-Medium',sans-serif;
    font-size: 13px;
    color: #1A2126
}

.content-legales p{
    font-family: 'Gotham-Book',sans-serif;
    font-size: 13px;
    color: #666E73
}

/*CONTACTO VIEW*/
.box-content.contacta-content{padding: 4% 0}

.contacta-content .telefonos p{margin-bottom: 0}

.contacto-content .form-contact {
    margin-top: 35px;
}


.contacto-content .btn-gris{margin: 10px auto;display: block;width: 100px;}

.contacto-content  .form-contact input.form-control{
    margin-bottom: 16px;
}

.contacto-content  .form-contact textarea.form-control, .form-control.mensajeportfolio{
    height: 78px
}




/*PROYECTOS REALIZADOS LISTADO*/



.header-proyectos{
    min-height: 450px;
    background-image: url(images/proyectos-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.header-proyectos:before{
    position: absolute;
    display: block;
    content:"";
    bottom:0;
    top: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: -o-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: linear-gradient(rgba(255,255,255,0.80) 3%, #FFFFFF 100%);
}

.header-proyectos h1.subtitulo{
    font-size: 20px;
    border-bottom: 1px solid #889199;
}

.header-proyectos h1.subtitulo:after{
    width: 45px;
    height: 3px;
    background: #889199;
    margin: 15px auto 0;
    content:"";
    display: block
}

.proyectos-view .proyectos-content.box-content{
    /*margin-top: -100px;*/
    padding-top: 0;
    background: white
}

.proyectos-content .proyectos {
    margin-bottom: 45px;
}

/*VISTA PRODUCTO DESTACADO*/

.view-proyectos-content .proyectos-content h1{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 32px;
    color: #45484B;
    letter-spacing: 0px;
    border-bottom: none;
    margin-bottom: 5px;
    text-transform:uppercase;
}

.view-proyectos-content .proyectos-content h1:after{display: none}


.view-proyectos-content h2.subtitulo{
    color: #BCC4CA;
    font-size: 16px;
    font-family: 'Palatino', serif;
    border-bottom: 1px solid #BCC4CA;
    position: relative;
    padding-bottom: 10px;
}

.view-proyectos-content h2.subtitulo:after{
    display:block;
    content:"";
    height: 3px;
    width: 45px;
    position: absolute;
    background: #BCC4CA;
    bottom: 0;
}

.view-proyectos-content h3{
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 14px;
    color: #1A2126;
    letter-spacing: 0px;
    line-height: 24px;
    margin-bottom:15px;
}

/*SLIDER SLICK*/
.box-slick{
    overflow: hidden;
    margin-bottom: 0;
    
}

.box-slick .slick-slide{
    opacity: 1;
    position: relative;
    display: inline-block;
    /*width: auto !important;*/
    overflow: hidden;
    height: 500px;
}

.box-slick  img.slick-slide{
    
    height:500px;
    height: 32vh;
    min-height: 500px;
}

.slick-prev{
    width: 30px;
    height: 30px;
    background-image: url(images/arrow-slick.svg)!important;
    background-size: cover
}
.slick-next{
    width: 30px;
    height: 30px;
    background-image: url(images/arrow-slick.svg)!important;
    background-size: cover;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-slide:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(23,33,38, 0.4);
    opacity: 1;
    z-index: 1;
    transition: 0.8s ease;
    -webkit-transition: 0.8s ease;
}

.slick-slide.slick-center:before {opacity: 0;}

.slick-slide:after
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.60) 100%);
    opacity: 0;
    z-index: 1;
    transition: 0.8s ease;
    -webkit-transition: 0.8s ease;

}

.slick-slide.slick-center.slick-current:after
{
    opacity:1;
}

.slick-track{overflow: hidden}

.col-ajax
{
    margin-top:20px;
    
    
}

.col-ajax .loading
{
     margin: 0% auto;
    border-bottom: 4px solid #1D1D1C;
    border-left: 4px solid #1D1D1C;
    border-right: 4px solid #AB0000;
    border-top: 4px solid #AB0000;
    border-radius: 100%;
    height: 0px;
    width: 50px;
    opacity:0;
    transition:0.6s all ease;
    webkit-transition:0.6s all ease;
    
}

.col-ajax.loadingajax .loading 
{
    height:50px;
    width:50px;
    opacity:1;
}

.col-ajax.loadingajax .btn-more-ajax,.col-ajax.bye .btn-more-ajax
{
    opacity:0;
    height:0;
}

.btn-more-ajax:hover
{
    cursor:pointer;
    
}

.col-ajax.ajaxloading .btn-more-ajax,.col-ajax.bye .btn-more-ajax,
{
    opacity:0;
    
}

.row-proyectos-ajax .proyectos.out
{
    max-height:1px;
    opacity:0;
}

.row-proyectos-ajax .proyectos
{
    margin-bottom:30px;
    overflow:hidden;
    opacity:1;
    max-height:1000px;
    transition:1.2s max-height ease,1.8s opacity ease;
    -webkit-transition:1.2s max-height ease,1.8s opacity ease;
    
    
}

/*PORTFOLIO VIEW*/
.header-portfolio
{
    background-image: url(images/promociones-list-bg.png);
    background-position: 0 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom:35px;
}

.header-portfolio:before
{
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: -o-linear-gradient(rgba(255,255,255,0.60) 3%, #FFFFFF 100%);
    background-image: linear-gradient(rgba(255,255,255,0.80) 3%, #FFFFFF 100%);
}

.portfolio-content  .subtitulo{margin-bottom: 20px}

.portfolio-content .div-explore{margin-bottom: 35px}

.portfolio-content .box-slick {background: #1A2126;padding-bottom: 6px;}

.portfolio-content .box-slick .slick-slide{
    padding: 0px;
}

.portfolio-content .box-slick .slick-slide:focus{outline: 0}

.portfolio-content .slick-slide:before
{
    opacity: 1;
}

.portfolio-content .slick-slide.slick-current:before
{
    opacity: 0;
}

.portfolio-content .form-control{font-size: 13px}
.portfolio-content .btn-gris{margin-top: 30px}

.portfolio-content h1{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 28px;
    color: #45484B;
    letter-spacing: 0px;
    text-transform:uppercase;
}

.portfolio-content .form-contact{margin-top: 0}
.portfolio-content .form-contact input.form-control{margin-top: 0}


#portfolio .carousel 
{
    border-bottom:6px solid #1A2126; 
}

#portfolio #carousel-portfolio .carousel-indicators
{
    bottom: 30px;
    width: 100%;
    right: 0;
    padding-right: 20px;
}

.informacion-content
{
    padding-top:35px;
}

.form-contact textarea.form-control.mensajeportfolio{
    margin-top: 0;
    height: 130px;
}

/*PROMOCIONES EN VENTA LISTADO*/
.header-proyectos{
    min-height: 310px;
    padding: 2% 0 3%;
}

.promociones-list .header-proyectos{
    background-image: url(images/promociones-list-bg.png);
    background-position: 0 100%;
    min-height:0;
    padding:30px 0 50px;
}

.listado-promociones-content{/*margin-top: -4%*/}

/*Indicadores slider*/
.view-proyectos-content #carousel-home .carousel-indicators, .promociones-view #carousel-home .carousel-indicators{
    margin: 0 auto;
    text-align: right;
    width: 100%;
    left: 0;
    padding-right: 20px;
}


/*PROMOCIONES EN VENTA VISTA*/
.promociones-view .infopropiedad .subtitulo{border:0}
.promociones-view .infopropiedad .subtitulo:after{display: none}

.slick-header{position: relative}

/*SLICK*/
.promociones-view .slick-slide:before{
    background: rgba(26,33,38,0.6)
}

.promociones-view .slick-slide.slick-current.slick-active:before
{
    background: -webkit-linear-gradient(rgba(0,0,0,0.00) 30%, rgba(0,0,0,0.60) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0.00) 30%, rgba(0,0,0,0.60) 100%);
    background: linear-gradient(rgba(0,0,0,0.00) 30%, rgba(0,0,0,0.60) 100%);
    opacity: 1;
}

.promociones-view-header{position: relative}

.vista-promociones-tabs {}

.promociones-view-header .container, .view-proyectos-content .container {
    position: relative;
}

.promociones-view-header .infopropiedad, .view-proyectos-content .infopropiedad{
    position: absolute;
    z-index: 2;
    left: 45px;
    bottom: 35px;
    color: white;
    background: rgba(255,255,255,.7);
    padding: 10px;
}

.promociones-view-header .infopropiedad img {
    max-width: 170px;
    max-height: 60px;
    margin-bottom: 15px
}

.view-proyectos-content .infopropiedad img{max-width: 370px}

.promociones-view-header .infopropiedad h1, .promociones-view-header .infopropiedad h2{ color: #45484B;}

.promociones-view-header .infopropiedad h1{font-size: 32px;margin-bottom: 5px}

/*Tabs*/
.vista-promociones-tabs .nav-tabs{
    border: 0;
    /*max-width: 91%;
    margin: 0 auto;*/
    
    -webkit-display: flex;
    -ms-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    padding-left: 0;
}

.vista-promociones-tabs .nav-tabs > li > a{
    color: #889199;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 13px;
    line-height: 48px;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
    padding: 0 15px;
    text-transform: uppercase;
}
.vista-promociones-tabs .nav-tabs > li > a img{
    height: 24px;
    margin-right: 12px;
    vertical-align: top;
}

.vista-promociones-tabs .nav-tabs > li:nth-child(2) > a img{height: 28px;margin-right: 0;}
.vista-promociones-tabs .nav-tabs > li:nth-child(4) > a img{height: 22px}


.vista-promociones-tabs .nav-tabs > li.active > a, .vista-promociones-tabs .nav-tabs > li > a:hover{
    background-color: transparent;
    border-color: transparent;
    color: #1A2126;
}

/*Flechas derech*/
.vista-promociones-tabs .nav-tabs > li > a .derecha img{
    height: 11px;
    margin: 0 auto;
}

.vista-promociones-tabs a .derecha{
    height: 22px;
    width: 12px;
    margin-right: 0;
    margin-left: 15px;
}


/*.vista-promociones-tabs .nav-tabs > li > a img{display: inline-block}
.vista-promociones-tabs .nav-tabs > li.active > a img{display: none} 

.vista-promociones-tabs .nav-tabs > li > a img.activo{display: none}
.vista-promociones-tabs .nav-tabs > li.active > a img.activo{display: inline-block} 
*/

/*Hover tabs*/
.vista-promociones-tabs a span{
    position: relative;
    height: 30px;
    width: 35px;
    display: inline-block;
    overflow: hidden;
    /* margin-right: 10px; */
    top: 12px;
    text-align: left;
}

.vista-promociones-tabs a span img{
    position: absolute;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
.vista-promociones-tabs a span img.activo{top: 30px;}

.vista-promociones-tabs a:hover img{margin-top: -30px;}
.vista-promociones-tabs a:hover img.activo{top: 0;margin: 0;}


.vista-promociones-tabs .active a span img.activo{top: 0;}

.vista-promociones-tabs .active a img{margin-top: -30px;}
.vista-promociones-tabs .active a img.activo{top: 0;margin: 0;}


/****/
.promociones-view h1{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 32px;
    color: #45484B;
    letter-spacing: 0px;
    text-transform:uppercase;
}

.promociones-view .subtitulo{
    border-bottom: 1px solid #BCC4CA;
    margin-bottom: 5px;
}

.promociones-view .subtitulo:after{
    background: #BCC4CA;
    width: 45px;
    height: 3px;
    content: "";
    display: block;
    margin-top: 15px;
}

.promociones-view h3{
    font-size: 13px;
    font-family: 'Gotham-Medium', sans-serif;
    color: #1A2126;
    margin: 13px 0
}

.vista-promociones-tabs .col-opciones-promocion{
    background: #EBEEF1;
}

/*Bloque botones pie*/
.container-relative
{
    position:relative;
}
.moving-files.icon-footer
{
    width:50%;
    position:absolute;
    top:0;
    right:0;
    border-top:0;
    margin-top:0;
    margin-bottom:25px;
    padding-top:0;
    text-align:center;
}

.moving-files.icon-footer a
{
    margin:0 10px;
    padding: 0 25px;
    border: 1px solid #C3CAD0;
    color: #1A2126;
    line-height: 38px;
    border-radius:25px;
}

.icon-footer{
    border-top: 1px solid #C3CAD0;
    padding-top: 10px;
    margin-top: 20px
}

.icon-footer a{
    display: inline-block;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 12px;
    color: #889199;
    letter-spacing: 0px;
    line-height: 26px;
    cursor: pointer;
    margin-right: 20px;
    text-transform:uppercase;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.icon-footer a:hover{
    color: #1A2126;
}

.icon-footer div span{
    width: 25px;
    overflow: hidden;
}
.icon-footer div span img{display: inline-block}

.icon-footer div:hover span img{left: -25px}

/*Interesado*/
.icon-footer .interesado, .interesado{
    color: #1A2126;
}

.icon-footer .interesado span, .interesado span{
    margin-right: 0;
    /* padding-right: 20px; */
    width: 38px;
}

.icon-footer .interesado img, .interesado img{margin-left: -14px;}

.icon-footer .interesado:hover img, .interesado:hover img{
    top: 0;
    margin-top: 0;
    margin-left: -3px;
}

/*Calidades*/
.panel{box-shadow: none}

.panel-heading{padding: 0 15px}

.panel-title b{
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 15px;
    color: #666E73;
    letter-spacing: 0px;
    line-height: 26px;
}

.panel-title a{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 13px;
    color: #1A2126;
    position: relative;
    display: block;
}

.panel-title .glyphicon{
    color: #AB0000;
    font-size: 12px;
    line-height: 1;
    vertical-align: 2px;
    margin-left: 7px;
    position: absolute;
    right: -15px;
    top: 7px;
}


 #calidades ol{
     color: #AB0000;
     font-family: 'Gotham-Bold', sans-serif;
     padding-left: 20px;
 }
/*Tipos*/
.tipo-box{margin-bottom: 20px}


.tipo-box .habitaciones{
    font-family: 'Gotham-Bold', sans-serif;
    font-size: 55px;
    color: #C3CAD0;
    margin-right: 15px;
}

.tipo-box .titulo{
    font-family: 'Gotham-Bold';
    font-size: 18px;
    color: #1A2126;
    letter-spacing: 0.73px;
    text-transform:uppercase;
}

.tipo-box .habitaciones, .tipo-box .info{display: inline-block}

.tipo-box .habitaciones{
    vertical-align: top;
    line-height: 1;
}

.tipo-box .info .lista{
    border-left: 1px solid #C3CAD0;
    padding-left: 22px;
}

.tipo-box .info .lista .enlace-plano{
    font-family: 'Gotham-Book', sans-serif;
    font-size: 14px;
    color: #889199;
    letter-spacing: 0px;
    display: block;
    margin-bottom: 10px;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all
}

.tipo-box .info .lista .enlace-plano span{float: right}


.tipo-box .info .lista a span{
    position: relative;
    width: 18px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    margin-left: 20px;
    top: 2px
}

.tipo-box .info .lista a span img{
    position: absolute;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
.tipo-box .info .lista a span img.active{top: 25px}

.tipo-box .info .lista a:hover img{margin-top: -22px;}
.tipo-box .info .lista a:hover img.active{top: -0;margin: 0;}

#tipos .boton-erasur, #galeria .boton-erasur{
    padding: 0 25px;
    border: 1px solid #C3CAD0;
    color: #1A2126;
    line-height: 38px;
    /* vertical-align: super; */
}

#tipos .boton-erasur{margin-top: 20px}

#galeria .boton-erasur{margin-top: 35px;margin-bottom: -20px;}

#tipos .boton-erasur span, #galeria .boton-erasur span{
    position: relative;
    width: 40px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    /* margin-left: 20px; */
    top: 5px;
    text-align: left;
}

#tipos .boton-erasur span img, #galeria .boton-erasur span img{
    position: absolute;
    top: 3px;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
#tipos .boton-erasur span img.active, #galeria .boton-erasur span img.active{top: 25px}

#tipos .boton-erasur:hover img, #galeria .boton-erasur:hover img{margin-top: 0;margin-left: 0px;}
#tipos .boton-erasur:hover img.active, #galeria .boton-erasur:hover img.active{top: -0;margin: 0;}

/*Hover*/
.icon-footer a span{
    position: relative;
    width: 17px;
    height: 22px;
    display: inline-block;
    overflow: hidden;
    /* margin-right: 10px; */
    top: 8px;
    text-align: left;
}

.icon-footer a span img{
    position: absolute;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
.icon-footer a span img.active{top: 25px}

.icon-footer a:hover img{margin-top: -22px;}
.icon-footer a:hover img.active{top: -0;margin: 0;}

/*Galeria*/
#galeria .galeria-content{
    padding: 0 7.5px
}

#galeria div[class^="col-"]{
    padding: 0 7.5px
}

.galeria-box{
    position: relative;
    border-top: 6px solid #1A2126;
    height: 220px;
    overflow: hidden;
    margin-bottom: 15px;
    cursor: pointer;
    box-shadow: 0 1px 4px #889199
}

.galeria-box *{
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}

.galeria-box .img-galeria{
    height: 100%;
    background-size: cover
}

.galeria-box .overlay{
    opacity: 0;
    text-align: center;
}

.galeria-box .overlay img{
    width: 25px
}

.galeria-box .overlay img:first-child{margin-right: 25px}

.galeria-box:hover .overlay{opacity: 1}

.galeria-box .overlay img:hover {opacity: 0.8}

.mfp-content{
    max-width: 80%;
    width: 100%;
}

.mfp-content img{
    max-width: 80%;
}


/*Boton descarga magnific popup*/

.mfp-content{
    text-align: center;
}

.mfp-content a.download{
    background-color: rgba(255,255,255,0.8);
    border-radius: 25px;
    text-transform: uppercase;
    padding: 4px 25px 9px;
    border: 1px solid #C3CAD0;
    color: #1A2126;
    line-height: 17px;
    display: block;
    max-width: 185px;
    margin: 25px auto;
    font-weight: 800;
    
    -webkit-transition: 0.6s ease all;
    -moz-transition: 0.6s ease all;
    -ms-transition: 0.6s ease all;
    -o-transition: 0.6s ease all;
    transition: 0.6s ease all;
}

.mfp-content a.download:hover{
    background: white;
}


.mfp-content a.download span{
    position: relative;
    width: 33px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    /* margin-left: 20px; */
    top: 5px;
    text-align: center;
}

.mfp-content a.download span img{
    position: absolute;
    width: 16px;
    -webkit-transition: 0.4s ease all;
    -moz-transition: 0.4s ease all;
    -ms-transition: 0.4s ease all;
    -o-transition: 0.4s ease all;
    transition: 0.4s ease all;
}
.mfp-content a.download span img.active{top: 25px}

.mfp-content a.download:hover img{margin-top: -22px;}
.mfp-content a.download:hover img.active{top: -0;margin: 0;}


/*UBICACION*/
.promotion-view-content
{
    padding:2% 0;
}

.promotion-view-content ul{
    list-style: none;
    padding-left: 20px;
}

.promotion-view-content .ubication-list li
{
    float:left;
    width:50%;
}

.promotion-view-content ul li
{
    position: relative;
    
}

.promotion-view-content ul li:before
{
    content:"";
    display: inline-block;
    background: #AB0000;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: -20px;
}
.promotion-view-content .map-link
{
    display:block;
    position:relative;
    overflow:hidden;
}


.promotion-view-content .download-pic
{
    position: absolute;
    right: 66px;
    top: 6px;
    z-index: 2;
    opacity:0.7;
}

.promotion-view-content .download-pic:hover
{
    opacity:1;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
}

.promotion-view-content .imagen-descripcion
{
    position:relative;
}

.promotion-view-content .imagen-descripcion .download-pic
{
    top:0px;
    right:73px;
    width: 35px;
    height: 35px;
}

.promotion-view-content .download-pic{
    width: 35px;
    height: 35px
}

.promotion-view-content .map-link:before
{
    position:absolute;
    content:'';
    top:0;
    left:0;
    opacity:0.7;
    transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
    width:100%;
    height:100%;
    background:url('images/image-link.svg') right top no-repeat;
    background-size: 35px;
        
}

.promotion-view-content .map-link:hover:before
{
    opacity:1;
}

.promotion-view-content img
{
    width:100%;
}

.promotion-view-content .slider-ubicacion .map-link:before
{
    background-position: 98% 2%
}

.slider-ubicacion .item{
    border-top: 6px solid #1A2126;
}

.slider-ubicacion{position: relative;z-index: 1;}

.slider-ubicacion .carousel-inner{
    float: right;
    width: 84.5%;
    height: 400px;
    box-shadow: 0px 0px 8px rgba(144,144,144,0.5);
}

.slider-ubicacion .controles
{
    position: absolute;
    top:45%;
    width:84.5%;
    right:0;
    transform:translateY(-45%);
    -webkit-transform:translateY(-45%);
    -ms-transform:translateY(-45%);
}

.slider-ubicacion .carousel-control
{
    position: absolute;
    display: inline-block;
    margin: 0;
    width: 35px;
    height: 35px;
    float: left;
}

.slider-ubicacion .carousel-control.left
{
    left:-35px;
}

.slider-ubicacion .carousel-control.right
{
    right:-35px;
}


.slider-ubicacion .carousel-control span{
    width: 9px;
    height: 16px;
    margin: 8px auto;
}

.promociones-view .mapa-content{
    margin-top: -390px;
    position:absolute;
    z-index: 0;
}

/*ERROR 404*/
.header-404{
    background: url(images/error-bg.jpg);
    background-size: cover;
    height: 90vh;
    position: relative;
}

.header-404:before{
    display: block;
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    bottom:0;
    left: 0;
    right: 0;
    background-image: -webkit-linear-gradient(53deg, rgba(255,255,255,0.00) 2%, rgba(255,255,255,0.94) 91%);
    background-image: -o-linear-gradient(53deg, rgba(255,255,255,0.00) 2%, rgba(255,255,255,0.94) 91%);
    background-image: linear-gradient(143deg, rgba(255,255,255,0.00) 2%, rgba(255,255,255,0.94) 91%);
}

.content-404 .texto{
    z-index: 7;
    position: relative;
    margin-top: 60vh;
    
}

.content-404 h1{
    border-bottom: 1px solid #AB0000;
    color: #45484B;
    margin-bottom: 12px;
    padding-bottom: 12px;
    position: relative;
}

.content-404 h1:after{
    width: 45px;
    height: 3px;
    display: block;
    background: #AB0000;
    content:"";
    bottom: 0;
    position: absolute;
}

.content-404 p{
    font-family: 'Gotham-Book';
    font-size: 13px;
    color: #1A2126;
    letter-spacing: 0px;
    line-height: 24px;
}

.pagina{
    width: 100%;
    /*height: 600px;*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover!important;
    background-attachment: fixed;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    pointer-events: none; 
}


/************************ SIDEBAR ************************/


/************************ FOOTER ************************/
.footer{
    border-top: 6px solid #1A2126;
    background-color: white;
    padding: 25px 0 0;
    letter-spacing: 0px;
    line-height: 24px;
}

.full-legales{
    background: #ECEDEE;
    padding: 10px 0;
    margin-top: 25px;
}
.direccion-footer p
{
    padding-right:90px;
}
.footer p, .full-legales p{
    font-size: 13px;
    color: #666E73;
    display: inline-block;
    margin-bottom: 0;
    line-height: 2;
}

.telefonos-footer p span{
    color: #AB0000;
    font-family: 'Gotham-Medium', sans-serif;
    display: inline-block;    
}

.telefonos-footer p a{
    color: #666E73;
}

.correos-footer a{
    color: #AB0000;
    font-family: 'Gotham-Medium', sans-serif;
    display: inline-block;
    display: inline-block;    
}

.full-legales p, .full-legales a{
    font-size: 11px;
    color: #666E73;
    padding: 0 4px;

}

/*** Cookies ***/

.cookies
{
    padding:12px 0 10px;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:302;
    border:0;
    display:none;
    background:rgba(255, 255, 255,.9);
    font-size:12px;
    -webkit-box-shadow: 0px -1px 19px -1px rgba(102,102,102,0.85);
    -moz-box-shadow: 0px -1px 19px -1px rgba(102,102,102,0.85);
    box-shadow: 0px -1px 19px -1px rgba(102,102,102,0.85);
    
}

.cookies .container
{
    position:relative;
}


.icon-cookies
{
    width:26px;
    margin-right:15px;
    
}

.cookies a
{
    color: #AB0000;  
}

.cookie_title
{
    
    text-transform:uppercase;
    color:#AB0000;
    margin-right:25px;
}

.cookie_text
{
    color:#666E73;
}

.cookie_text a
{
    color:#AB0000;
    opacity:0.8
}

.cookie_text a
{
    opacity:1;
}
.close_cookies
{
    color:#AB0000;
    position:absolute;
    right:0px;
    top:0px;
}

.close_cookies:hover
{
    cursor:pointer;
    color:white;
}


/************************ RESPONSIVE ************************/

/* X-Large desktop */
@media (max-width: 1240px) {
    #carousel-home .left.carousel-control, #carousel-portfolio .left.carousel-control
    {
        margin-left:-15px;
    }
    
    #carousel-home .right.carousel-control, #carousel-portfolio .right.carousel-control
    {
        margin-right:-15px;
    }
}

/* Large desktop */
@media (max-width: 1199px) {

    .home-content .box-historia {
        height: 420px;
    }
    
    .col-tlf-nopad {
        padding: 0 15px;
    }
    
    /*outparallax*/
    .pagina
    {
        background-attachment: inherit;
    }
    
    .historia-content .row-flex-height
    {
        display:block;
    }
    
    .home-content .historia-content .row-flex-height
    {
        display: -webkit-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    /*tags*/
    .ok-proyecto .boton-proyecto{/*padding-left: 0*/}
    .btn-gris-opacity.btn-plus:hover
    {
        padding-right:35px;
    }
    /*home*/
    
    #carousel-home .left.carousel-control, #carousel-portfolio .left.carousel-control
    {
        margin-left:-15px;
    }
    
    #carousel-home .right.carousel-control, #carousel-portfolio .right.carousel-control
    {
        margin-right:-15px;
    }
    
    /*Contacto*/
    .col-contact-home, .contacta-content #map{height: 600px}

    .contacta-box
    {
        padding-top:15px;
    }
    
    .col-contacto-texto-envia
    {
        text-align:center;
    }
    
    .col-contacto-texto-envia a.pull-right
    {
        float:none!important;
        margin-top:15px;
    }
    
    .contacta-content #map
    {
        /*height:545px;*/
    }
    
    .contacta-box .form-contact textarea.form-control
    {
        margin-top:15px;
    }
    
    /*Erasur grupo*/
    .tabs-grupo
    {
        width:75%;
    }
    
    #pasado .img-top{
        top:-25px;
        
    }

    #presente .img-top{
        top: -15px;
        max-height:450px;
    }

    #futuro .img-top{
        top:-30px;
    }
    
    /*promociones*/
    .promociones-box .caption
    {
        right:58%;
    }
    
    /* vista promocion venta*/
    
    .vista-promociones-tabs .nav-tabs > li > a
    {
        padding:0;
    }
    
    .vista-promociones-tabs a span
    {
        width:32px;
    }
    
    .tipo-box .titulo
    {
        font-size:16px;
        margin-bottom:8px;
    }
    
    .tipo-box .info .lista .enlace-plano
    {
        font-size:14px;
    }
    
    /*contacto*/
    
    
    .contacto-content  .form-contact textarea.form-control
    {
        height:120px;
        margin-top:28px;
    }
    
    /*footer*/
    
    .direccion-footer p
    {
        padding:0;
    }
    
    .telefonos-footer
    {
        padding-right:0;
    }
    
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) { 
    
    .historia-content .boton-erasur{
        margin-top: 25px
    }
    
    .promociones-box .slide{
        margin-bottom: 25px
    }
    
    .proyectos-proximamente
    {
        display:none;
    }
    /*Ocultar linea inferior menu activo y hover*/
    .header .moving-line{display: none}
    
    /*Menu*/
    
    .navbar-default .navbar-collapse{
        background:transparent;
        height: auto;
        top: 79px
    }
    
    .menu-toggle
    {
        display:block;
        top: 15px
    }
    
    .promotion-view-content .imagen-descripcion .download-pic
    {
        top:20px;
        right:60px;
    }
    
    .promotion-view-content .download-pic
    {
        width:35px;
        top:9px;
        right:55px;
    }
    
    .navbar-nav{
        background: white;
        height: auto!important;
        box-shadow: 0 2px 2px rgba(0,0,0,0.4);
        width: 100%;
        margin-top: 0;
        padding: 15px 0;
    }
    
    .menu-toggle span
    {
        background:#111;
    }
    
    .navbar-default .navbar-nav > li > a{text-align: center}
    
    .menu-lang-movil{
        padding-top: 17px;
    }
    
    /*HOME*/
    /*Slider*/
    
    
    #carousel-home{
        height: 450px;
        min-height: 450px;
        max-height: 450px
    }
    
    /*Promociones*/
    .promociones-box .ribbon{
        font-size: 12px;
        width: 120px;
        top: 20px;
        border-left: 17.5px solid transparent;
        border-bottom: 17.5px solid #E6EBF0;
        border-top: 17.5px solid #E6EBF0;
        height: 34px
    }
    
    .promociones-box .caption h2
    {
        margin-bottom:20px;
    }
    
    .promociones-box .caption .content-text
    {
        height:200px;
        /*overflow:scroll;*/
        padding:25px 40px 0;
    }
    
    .boton-erasur
    {
        padding:10.5px 12px;
    }
    
    .btn-outline.btn-plus:hover i
    {
        bottom:11px;
    }
    
    /*Historia parallax
    .home-content .historia-content{
        padding-bottom: 20px;
    }
    
    .erasur-historia .parallax-box{
        background-position: -25% left
    }
    
    /*Bloques historia*/
    #historia .flex-object{margin-bottom: 40px}
    #historia .flex-object:last-child{margin-bottom:0}
    
    /*Quitar flex*/
    .home-content .box-historia{
        height: auto
    }
    
    .home-content .historia-content .row-flex-height{
        display: block
    }
    
    #historia .flex-object{
        display: block
    }
    
    /*Proyectos realizados*/
    .proyectos-content{padding-bottom: 0}
    .home-content .proyectos-content
    {
        padding-bottom:20px;
    }
    .proyectos-content .proyectos{margin-bottom: 40px}
    .ok-proyecto .boton-proyecto{
        text-align: left
    }
    
    /*GRUPO*/
    .tabs-box .line{width: 95%}
    
    .grupo-content .header-historia{
        min-height: 320px
    }
    
    .tabs-grupo
    {
        width:95%;
        margin-bottom: 25px
    }
    
    .grupo-box h1
    {
        font-size:30px;
    }
    
    .grupo-box p
    {
        margin-top:30px;
    }
    
    .compromiso-box
    {
        margin-top:0;
    }
    
    .grupo-box h1
    {
        text-align:center;
    }
    
    .erasur-historia .col-absolute
    {
        position:relative;
        margin-bottom: 20px
    }
    
    .erasur-historia .grupo-box:before
    {
        top:0;
        bottom:0;
        left:0;
        right: 0;
    }
    
    #pasado .img-top
    {
        top:0;
        
    }
    
    .compromiso-content h1:after
    {
        margin:18px auto 0;height:3px; width:30px;
        margin-bottom:15px;
    }
    
    .compromiso-box
    {
        z-index:10;
        background:rgba(255,255,255,0.8);
        margin-bottom: 0
    }
    
    #futuro .grupo-box p
    {
        margin-top:30px;
    }
    
    .grupo-final .grupo-box
    {
        z-index:10;
        background:rgba(216, 221, 225,0.3);
    }
    
    .grupo-box:before
    {
        background:rgba(255,255,255,0.8);
    }
    /*historia*/
    .grupo-final
    {padding-top:25px;}
    
    #futuro .img-top
    {
        top:0;
    }
    /*sliders*/
    
    #carousel-home, #carousel-portfolio
    {
        height:390px;
    }
    
    /*promociones*/
    
    .item-slider-prom
    {
        height:350px;
    }
    
    .img-gradiente:before{
        display: none
    }
    
    
    /*CONTACTO*/
    .col-map-home{
        position: relative;
        top: inherit;
        float: none;
        padding-left: 15px;
    }
    
    .contacto-content .form-contact textarea.form-control{margin-top: 16px}
    
    .contacta-box .form-contact textarea.form-control{margin-top: 30px}
    
    .contacto-content .boton-erasur{
        padding: 10.5px 24px;
        margin: 25px auto 0;
    }
    
    .col-contact-home{
        height: 480px
    }
    
    .home-content .contacta-box{
        padding: 0;
        padding-bottom: 15px
    }
    
    .contacta-content #map{
        height: 350px
    }
    
    /*FOOTER*/
    .footer{text-align: center}
    
    .logo-footer{margin-bottom: 20px}
    .correos-footer a:first-child{margin-right: 15px}
    
    /*PROMOCIONES*/
    .header-proyectos{min-height: auto}
    
    .ok-proyecto p{margin-bottom: 10px}
    
    /*VISTA PROMOCIONES*/
    
    /*Tabs*/
    .vista-promociones-tabs a span{
        width: 28px;
    }
    .vista-promociones-tabs a span img{
        width: 100%
    }
    
    .vista-promociones-tabs  a .derecha img
    {
        transform:rotate(90deg);
    }
    
    .vista-promociones-tabs .nav-tabs > li > a{font-size: 0}
    
    .promotion-view-content{padding: 5% 0}
    /*Pestaña calidades*/
    #descripcion.tab-pane .flex-object{display: block}
    
    #descripcion.tab-pane .icon-footer{text-align: center}
    
    #descripcion.tab-pane .image-link{
        margin-top: 20px;
        text-align: center
    }
    
    #descripcion.tab-pane .icon-footer a:last-child{margin-bottom: 0}
    
    .promotion-view-content .image-link.map-link:before{background-size: 35px}
    
    /*Pestaña ubicacion*/
    #ubicacion.tab-pane .flex-object{display: block}
    
    #ubicacion .icon-footer a{
        display: block;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: center;
    }
    
    .slider-ubicacion .carousel-inner{
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    
    .slider-ubicacion .carousel-inner .item{margin: 0 auto}
    
    .slider-ubicacion .controles{width: 100%}
    
    .promotion-view-content .image-link.map-link img{margin: 0 auto}
    
    /*PROYECTOS HOME*/
    .proyectos-content .proyectos {
        margin-bottom: 25px;
    }
    
    /*LEGALES*/
    
    .header-legales {
        min-height: 280px;
    }
    
    #carousel-home .caption {
        bottom: 45px;
    }
    
    #carousel-home .carousel-indicators {
        width: 100%;
        text-align: center;
        bottom: 20px;
        right: 0px;
    }
    
    .promociones-view-header .infopropiedad, .view-proyectos-content .infopropiedad {
        bottom: 50px;
        max-width: calc(100% - 90px);
        text-align: center;
        left: 50%;
        transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%); 
    }
    
    .view-proyectos-content #carousel-home .carousel-indicators, .promociones-view #carousel-home .carousel-indicators{
        text-align: center;
        padding-right: 0px;
    }
    
    #portfolio #carousel-portfolio .carousel-indicators
    {
        text-align: center;
        padding-right: 0px;
    }
    

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {   
    
    .promociones-view-header .infopropiedad h1 {
        font-size: 28px;
    }
    
    /*HEADER*/
    /*Menu*/
    .cont-nav{width: 60px}
    
    .menu-lang-movil{
        margin-left: 7%;
    }
    
    /*HOME*/
    /*Slider promociones*/
    .promociones-box .caption{
        right: 0;
        position: relative;
        /*top: 70%;*/
    }
    
    .promociones-box .caption h2{margin-bottom: 0}
    
    .promociones-box .caption .content-text{
        padding: 25px;
        height: auto;
        overflow: hidden
    }
    
     .promociones-box .caption .content-text a{
        display: block;
     }
    
    .promociones-box .caption .content-text a h2{
        margin-bottom: 15px;
        width: 80%
    }
    
    .promociones-box .caption p{
        margin-bottom:0;
        
        margin: 10px 0;
    }
    
    .promociones-box .caption .info-bottom{
        /* position: relative; */
        right: 0;
        left: 80%;
        padding: 25px;
        bottom: 0;
        padding-top: 0;
        top: 14px;
    }
    .promociones-box .caption .botones{
        right: 0;
        position: relative;
    }
    .promociones-box .caption h2:after{margin-top: 10px}
    
    /*HOME*/
    /*Contacto*/
    .col-tlf-nopad
    {
        padding:0 15px;
    }
    .contacto-content .form-contact
    {
        margin-top:20px;
    }
    
    .contacta-box .form-contact textarea.form-control{
        margin-top: 15px
    }
    .correos
    {
        margin-top:15px;
    }
    
    /*PROMOCIONES*/
    #galeria .boton-erasur{
        margin-top: 20px
    }
    
    /*FOOTER*/
    .footer{text-align: center}
    
    .footer .copyright {
        /*margin-bottom: 15px;*/
    }    

    .footer .powered {
        text-align: center;
    }    
    
    .telefonos-footer{padding-right: 15px}
    
    /*VISTA PROMOCIONES*/
    .promociones-view #carousel-home
    {
        height: 350px;
        min-height: 350px;
        max-height: 350px;
    }
    
    
    .promociones-box .marca-promocion-belaire {
        bottom: 50%;
        width: 120px;
        right: 50%;
        margin-right: -60px;
        transform: translateX(0);
        transform: translateY(0);
    }
    
    .promociones-list .promociones-box .item:before, .home-content .promociones-box .item:before{
        position: absolute;
        top:0;
        bottom: 0;
        left: 0;
        right: 0;
        content:"";
        background:none;
        z-index: 1;
        
             
    }
    
    /*GRUPO*/
    .grupo-content .header-historia
    {
        min-height:370px;
    }
    
    .tabs-grupo{
        width: 95%;
        -webkit-display: flex;
        -ms-display: flex;
        -moz-display: flex;
        -ms-display: flex;
        display: flex;
        justify-content: space-between;
        align-items: center;
        list-style: none;
        padding-left: 0;
        margin-bottom:25px;
    }
    
    .tabs-box .line,.tabs-grupo .moving-line
    {
        display:none;
    }
    
    .tabs-grupo > li
    {
        height:auto;
    }
    
    .tabs-grupo > li > a
    {
        padding-bottom:5px;
        margin-bottom:25px;
    }
    
    .tabs-grupo > li > a .icono
    {
        margin-bottom:5px;
    }
    
    .img-gradiente img
    {
        min-height:0;
        
    }
    
    .grupo-final .col-absolute
    {
        position:relative;
    }
    
    #pasado .img-top
    {
        top:0;
        max-height:auto;
        
    }
    
    #futuro .img-top
    {
        top:0;
        min-height:0;
    }
    
    #presente .img-top
    {
        top:0;
        max-height:auto;
        
    }
    
    .erasur-historia  .tab-content
    {
        overflow:hidden;
    }
    
    .slider-ubicacion .carousel-control.left
    {
        left:-15px;
    }
    
    .slider-ubicacion .carousel-control.right
    {
        right:-15px;
    }
    
    .promotion-view-content .ubication-list li
    {
        width:100%;
    }
    
}

@media (max-width: 620px) {
	
	
    .menu-lang-movil{
        margin-left: 0;
    }
    .cont-nav {
        float: right;
    }
    
    /*HOME*/
    /*Slider*/
    #carousel-home .caption{bottom: 40px}
    
    #carousel-home .caption h1, .ok-proyecto h2{
        font-size: 24px
    }
    
    #carousel-home .caption p, .ok-proyecto p{font-size: 12px}
    
    /*#carousel-home .caption p{margin-bottom: 0}*/
    
    #carousel-home .boton-erasur{
        margin-top: 0;
        float: none !important;
		font-size:8px;
    }
    
    #carousel-home .carousel-indicators{
        bottom: 20px;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
    }
    
    /*PROMOCIONES VISTA*/
    /*Tipos*/
    #tipos .col-xs-6{
        width: 100%;
        margin: 0 auto
    }
    
    #tipos .col-xs-6 .tipo-box{
        margin: 0 auto 20px;
        max-width: 300px;
        width: 100%;
    }
    
    /*Descripcion*/
    #descripcion.tab-pane .icon-footer a{
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }
    
    .item-slider-prom
    {
        height:290px;
    }
    
    .col-contact-home
    {
        padding-top:25px;
    }
    
    .navbar-default .navbar-nav > li > a
    {
        font-size:16px;
    }
    
}

/* Landscape phones and down */
@media (max-width: 480px) {

    /*Promociones*/
    .promociones-box .caption h2 i{/*display: none*/}

    .promociones-box .caption .info-bottom{
        width: 100%;
        left: 0;
        bottom: 100%;
        top: -235px
    }
    
    .promociones-box .caption .botones{

    position: absolute;
    top: 32%;
    width: 100%;
    right: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);

    }
    
    .promociones-box .carousel-control span{margin: 10px auto}
    
    .promociones-box .carousel-control.left{
        left: -15px;
        width: 35px;
        height: 35px;
    }
    .promociones-box .carousel-control.right{
        right: -15px;
        width: 35px;
        height: 35px;
    }

    /*CONTACTO*/
    .contacto-content #map{height: 250px}
    
    /*PORTFOLIO*/
    #carousel-portfolio{
        height: 300px;
        height: 30vh;
        max-height: 300px;
        min-height: 300px;
    }
    
    /*PROMOCIONES VISTA*/
    .promociones-box .caption .content-text{padding: 15px}
    
    .promociones-box .caption h2{
        font-size: 14px
    }
    .promociones-box .caption .content-text a h2{
        width: 100%
    }
    
    .promotion-view-content .imagen-descripcion .download-pic, .promotion-view-content .download-pic{
        
        width: 25px;
        height: 25px;
    }
    
    .promotion-view-content .download-pic{
        top: 5px;
        right: 40px;
    }
    
    .promotion-view-content .image-link.map-link::before, .promotion-view-content .slider-ubicacion .map-link::before  {
        background-size: 25px
    }
    
    .promociones-view-header .infopropiedad, .view-proyectos-content .infopropiedad{
        bottom: 50px
    }
    
    
    
    /*GRUPO*/
    .tabs-grupo{
       /* display: block*/
        width: 100%
    }
    
    .tabs-grupo > li{
       /* max-width: 100%;
        position: relative;*/
        margin: 0 auto
    }
    
    .tabs-grupo > li .div-explore{display: none !important}
    
    .tabs-grupo > li.lineamov{display: none}
    
    /*sep home articles*/
    .promociones-content{
        padding: 4% 0
    }
    
    /**/
    #galeria .boton-erasur{
        margin-bottom: 15px
    }
    
    /*LEGALES*/
    .header-legales {
        min-height: 260px;
    }
    

}


@media (max-width: 360px){
    .menu-lang-movil{
        padding-right: 0;
        width: 50%
    }
    
    /*PORTFOLIO*/
    #carousel-portfolio {
        height: 250px;
        height: 30vh;
        max-height: 250px;
        min-height: 250px;
    }
    
}

@media (max-width: 320px){
    .menu-lang-movil {
        width: 45%;
    }
    
    /*MENU PROMOCIONES*/
    .vista-promociones-tabs .nav-tabs > li > a{
        text-align: center;
    }
    
    .vista-promociones-tabs a .derecha{
        margin-left: 7px;
        display: block;
        top:0
    }
    
    
}