#casos .title,#loader,#works.wide .work-detail,.button-box,.button-box a,.button-case,.case-title h3,.delagran-text,.delagran-title,.flickity-page-dots,.intro .case-table,.logo-slider,.nav-tabs>li,.servicios-hidden,.servicios-text,.servicios-title,.servicios-title h3,.servicios-wrapper li,.share-container,.slide-content h1,.title h2{
    text-align:center
}
#home,nav{
    top:0;
    height:100%
}
body,nav{
    overflow:auto
}
.flickity-enabled:focus,.flickity-prev-next-button:focus{
    outline:0
}
.case-table,.delagran-text p,.servicios-table,.servicios-text p{
    vertical-align:middle
}
#footer p,.title h4.upper,h1,h2,h3,h4,h5,h6{
    letter-spacing:0
}
strong{
    font-family:'Uni Sans Bold';
    font-weight:400
}
@font-face{
    font-family:'Uni Sans Italic';
    src:url(../fonts/uni_sans_italic-webfont.woff2) format('woff2'),url(../fonts/uni_sans_italic-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Uni Sans Bold';
    src:url(../fonts/uni_sans_bold-webfont.woff2) format('woff2'),url(../fonts/uni_sans_bold-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Uni Sans';
    src:url(../fonts/uni_sans-webfont.woff2) format('woff2'),url(../fonts/uni_sans-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:'Uni Sans Book';
    src:url(../fonts/uni_sans_book-webfont.woff2) format('woff2'),url(../fonts/uni_sans_light-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}
body{
    overflow-x:hidden;
    font-family:'Uni Sans Book',sans-serif
}
.cd-nav .cd-contact-info li,.cd-nav .cd-primary-nav a,.servicios-title h3,h1,h2,h3,h4,h5,h6{
    font-family:'Uni Sans',sans-serif
}
#home{
    padding:0;
    border:0
}
p{
    color:#000;
    font-size:18px
}
nav{
    position:fixed;
    left:0;
    z-index:20;
    width:100%;
    -webkit-overflow-scrolling:touch;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s;
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    -moz-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    transition-timing-function:cubic-bezier(.91,.01,.6,.99)
}
.navigation-is-open nav{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.cd-nav-trigger{
    position:fixed;
    z-index:90;
    left:5%;
    top:20px;
    height:67.5px;
    width:60px;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
    -webkit-transition:-webkit-transform .5s;
    -moz-transition:-moz-transform .5s;
    transition:transform .5s
}
.cd-nav-trigger .cd-nav-icon{
    position:absolute;
    left:50%;
    top:50%;
    bottom:auto;
    right:auto;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    width:22px;
    height:2px;
    background-color:#fff
}
.cd-nav-trigger .cd-nav-icon::before,.cd-nav-trigger .cd-nav-icon:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    background-color:inherit;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .5s,width .5s,top .3s;
    -moz-transition:-moz-transform .5s,width .5s,top .3s;
    transition:transform .5s,width .5s,top .3s
}
.cd-nav-trigger .cd-nav-icon::before{
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    -o-transform-origin:right top;
    transform-origin:right top;
    -webkit-transform:translateY(-6px);
    -moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);
    -o-transform:translateY(-6px);
    transform:translateY(-6px)
}
.cd-nav-trigger .cd-nav-icon::after{
    -webkit-transform-origin:right bottom;
    -moz-transform-origin:right bottom;
    -ms-transform-origin:right bottom;
    -o-transform-origin:right bottom;
    transform-origin:right bottom;
    -webkit-transform:translateY(6px);
    -moz-transform:translateY(6px);
    -ms-transform:translateY(6px);
    -o-transform:translateY(6px);
    transform:translateY(6px)
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after{
    top:2px
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before{
    top:-2px
}
.cd-nav-trigger svg{
    position:absolute;
    top:0;
    left:0
}
.cd-nav-trigger circle{
    -webkit-transition:stroke-dashoffset .4s 0s;
    -moz-transition:stroke-dashoffset .4s 0s;
    transition:stroke-dashoffset .4s 0s
}
.navigation-is-open .cd-nav-trigger{
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,.navigation-is-open .cd-nav-trigger .cd-nav-icon::before{
    width:50%;
    -webkit-transition:-webkit-transform .5s,width .5s;
    -moz-transition:-moz-transform .5s,width .5s;
    transition:transform .5s,width .5s
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg)
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after,.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before{
    top:0
}
.navigation-is-open .cd-nav-trigger circle{
    stroke-dashoffset:0;
    -webkit-transition:stroke-dashoffset .4s .3s;
    -moz-transition:stroke-dashoffset .4s .3s;
    transition:stroke-dashoffset .4s .3s
}
.cd-nav{
    display:table;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#404041;
    visibility:hidden;
    -webkit-transition:visibility 0s .7s;
    -moz-transition:visibility 0s .7s;
    transition:visibility 0s .7s
}
.cd-nav .cd-navigation-wrapper,.delagran-title{
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s
}
.cd-nav .cd-navigation-wrapper{
    display:table-cell;
    height:100%;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:40px 5% 40px calc(5% + 80px);
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    transition-timing-function:cubic-bezier(.86,.01,.77,.78)
}
.navigation-is-open .cd-nav .cd-navigation-wrapper,.no-js .cd-nav .cd-navigation-wrapper{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0)
}
.navigation-is-open .cd-nav{
    visibility:visible;
    -webkit-transition:visibility 0s 0s;
    -moz-transition:visibility 0s 0s;
    transition:visibility 0s 0s
}
.navigation-is-open .cd-nav .cd-navigation-wrapper{
    transform:translateX(0);
    -webkit-transition:-webkit-transform .5s;
    -moz-transition:-moz-transform .5s;
    transition:transform .5s;
    -webkit-transition-timing-function:cubic-bezier(.82,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.82,.01,.77,.78);
    transition-timing-function:cubic-bezier(.82,.01,.77,.78)
}
.cd-nav .cd-primary-nav{
    margin-top:60px
}
.cd-nav .cd-primary-nav li{
    margin:0;
    list-style:none
}
.cd-nav .cd-primary-nav a{
    font-size:18px;
    color:rgba(255,255,255,.3);
    display:inline-block;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.cd-nav .cd-contact-info a,.delagran-img{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.cd-nav .cd-primary-nav a.selected,.no-touch .cd-nav .cd-primary-nav a:hover{
    color:#fff
}
.cd-nav .cd-contact-info{
    margin-top:80px
}
.cd-nav .cd-contact-info li{
    margin-bottom:20px;
    color:rgba(255,255,255,.3);
    list-style:none
}
.cd-nav .cd-contact-info a{
    color:#fff;
    transition:all .3s ease-in-out
}
.cd-nav .cd-contact-info a:hover{
    color:rgba(255,255,255,.3)
}
.no-js main{
    height:auto;
    overflow:visible
}
.no-js .cd-nav{
    position:static;
    visibility:visible
}
.no-js .cd-nav .cd-navigation-wrapper{
    height:auto;
    overflow:visible;
    padding:100px 5%;
    transform:translateX(0)
}
#video-wrapper,.delagran-container,.div-1,.flickity-viewport,.servicios-item,.servicios-main{
    overflow:hidden
}
.slide-content h1{
    font-weight:300;
    font-size:40px;
    margin:25px 0 0
}
.slide-content .container{
    max-width:1024px;
    width:100%
}
.pd-0{
    padding:0!important
}
.bd-0{
    border:none!important
}
section.pd-0{
    border:none
}
.bb-0{
    border-bottom:none
}
#delagran .col-sm-4{
    padding:0
}
.delagran-wrapper{
    height:420px;
    width:100%;
    display:block
}
.delagran-container{
    box-sizing:border-box;
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer
}
.delagran-img,.overlay{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0
}
.delagran-img{
    background-size:cover;
    display:block;
    z-index:2;
    transition:all .3s ease-in-out
}
.overlay{
    background:#000;
    opacity:.5;
    z-index:5;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.delagran-text,.delagran-title{
    position:absolute;
    -webkit-transform-style:preserve-3d;
    z-index:10;
    height:100%
}
.delagran-1{
    background-image:url(../images/delagran/quienes-somos.jpg)
}
.delagran-2{
    background-image:url(../images/delagran/que-hacemos.jpg)
}
.delagran-3{
    background-image:url(../images/delagran/comprometidos.jpg)
}
.delagran-title{
    transform-style:preserve-3d;
    width:100%;
    padding:0 30px;
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    transition-timing-function:cubic-bezier(.86,.01,.77,.78)
}
.delagran-text,.servicios-title{
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s
}
.delagran-text{
    transform-style:preserve-3d;
    width:100%;
    display:table;
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%);
    -o-transform:translateX(100%);
    transform:translateX(100%);
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    transition-timing-function:cubic-bezier(.86,.01,.77,.78)
}
.delagran-text p,.delagran-title h3,.slide-wrap{
    position:relative;
    width:100%
}
.delagran-title h3{
    color:#fff;
    z-index:20;
    margin:0 auto;
    font-size:36px;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.delagran-container:hover .delagran-title{
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    transform:translateX(-100%)
}
.delagran-container:hover .delagran-text{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0)
}
.delagran-text p{
    color:#fff;
    font-size:22px;
    margin:0;
    padding:0 80px;
    display:table-cell
}
.delagran-container:hover .overlay{
    opacity:.8
}
.delagran-container:hover .delagran-img{
    -webkit-transform:rotate(-10deg) scale(1.4);
    transform:rotate(-10deg) scale(1.4);
    -webkit-transition:all .7s ease;
    transition:all .7s ease
}
.slide-wrap{
    display:table;
    table-layout:fixed;
    height:100%;
    background-color:rgba(0,0,0,.4);
    z-index:200
}
#loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:20000;
    background-color:#404041
}
.loader-bg,.loader-center{
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    display:block;
    width:160px;
    height:160px;
    margin:auto
}
.loader-bg{
    background-image:url(../images/iso-2.png);
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite
}
.loader-center{
    background-image:url(../images/iso-1.png)
}
@-moz-keyframes spin{
    100%{
        -moz-transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.title h2{
    margin:0;
    font-size:36px
}
.title h1{
    margin-top:0;
    font-weight:400;
    font-size:48px
}
.title h4{
    margin:0;
    font-size:30px
}
.servicios-container{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    overflow:hidden
}
.servicios-text,.servicios-title{
    position:absolute;
    top:0;
    -webkit-transform-style:preserve-3d;
    z-index:10;
    width:100%;
    height:100%
}
.servicios-container.hidden-0{
    padding:40px 120px
}
.servicios-title{
    transform-style:preserve-3d;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0);
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    transition-timing-function:cubic-bezier(.86,.01,.77,.78)
}
.item-0 .servicios-container,.servicios-text{
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s
}
.servicios-text{
    transform-style:preserve-3d;
    display:table;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    -moz-transition-timing-function:cubic-bezier(.86,.01,.77,.78);
    transition-timing-function:cubic-bezier(.86,.01,.77,.78)
}
.servicios-title h3{
    position:relative;
    padding:0 20px;
    color:#000;
    z-index:20;
    margin:0 auto;
    width:100%;
    font-size:24px;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.servicios-text p{
    color:#fff;
    margin:0;
    width:100%;
    font-size:18px;
    padding:0 30px;
    position:relative;
    display:table-cell
}
.servicios-container:hover .servicios-title{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%)
}
.servicios-container:hover .servicios-text{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.servicios-container:hover .servicios-title h3{
    color:#fff
}
.servicios-container .overlay{
    pointer-events:none;
    background:#404041;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.item-0 .servicios-container:hover h3,.servicios-container:hover .overlay{
    opacity:1
}
.servicios-container:hover .servicios-img{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:all .7s ease;
    transition:all .7s ease;
    opacity:1
}
.intro .case-bottom,.item-0 .servicios-container{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0)
}
.servicios-wrapper{
    width:100%;
    height:100%;
    display:block
}
.servicios-item{
    display:inline-block;
    position:relative;
    width:-webkit-calc(100% / 5);
    width:-moz-calc(100% / 5);
    width:calc(100% / 5);
    height:320px;
    float:left;
    -webkit-transition:all .7s ease;
    transition:all .7s ease
}
#footer .list-inline a,.btn-color{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out
}
.servicios-wrapper ul{
    padding:0;
    margin:0
}
.servicios-wrapper li:before{
    content:'';
    display:block;
    border-radius:100%;
    background:#fff;
    width:8px;
    height:8px;
    position:relative;
    left:-20px;
    top:18px
}
.servicios-wrapper li{
    list-style:none;
    color:#fff;
    display:inline-block;
    margin:0 15px;
    font-size:20px
}
#footer p{
    margin:0;
    font-size:15px
}
#footer .list-inline a{
    color:#000;
    font-size:15px;
    transition:all .3s ease-in-out
}
#footer .list-inline li{
    list-style:none
}
#footer .list-inline>li:after{
    content:'·';
    color:#000;
    font-size:35px;
    position:absolute;
    top:50%;
    right:-15px;
    height:10px;
    line-height:10px;
    margin-top:-5px;
    font-family:sans-serif
}
#footer .list-inline>li>a:hover{
    color:rgba(0,0,0,.6)
}
#footer .footer-social ul>li>a{
    display:block;
    width:35px;
    height:40px;
    line-height:40px;
    color:#000
}
#footer .footer-social ul>li>a:hover{
    color:rgba(0,0,0,.6)
}
.btn-color,.case-title h3,.delagran-title span,.item-0 h3{
    color:#fff
}
.form-side{
    position:relative;
    left:50%;
    padding:0 60px
}
.servicios-main{
    display:block;
    width:100vw;
    position:relative;
    left:0;
    top:0
}
.item-0 .servicios-container,.servicios-hidden{
    position:absolute;
    left:0;
    top:0;
    -webkit-backface-visibility:hidden;
    width:100%;
    height:100%
}
.logo-slider{
    margin-bottom:30px
}
.item-0 .servicios-container h3{
    margin:0;
    line-height:36px;
    text-align:center
}
.item-0 .servicios-wrapper{
    display:block;
    width:100%;
    height:100%
}
.item-0 .servicios-container{
    display:table;
    transform:translateY(0);
    backface-visibility:hidden;
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    -moz-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    transition-timing-function:cubic-bezier(.91,.01,.6,.99)
}
.servicios-table{
    display:table-cell;
    width:100%;
    height:100%
}
.servicios-hidden{
    display:table;
    padding:0 60px;
    box-sizing:border-box;
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    transform:translateY(-100%);
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s;
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    -moz-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    transition-timing-function:cubic-bezier(.91,.01,.6,.99)
}
.flickity-enabled{
    position:relative
}
.flickity-viewport{
    position:relative;
    height:100%
}
.flickity-slider{
    position:absolute;
    width:100%;
    height:100%
}
.flickity-enabled.is-draggable{
    -webkit-tap-highlight-color:transparent;
    tap-highlight-color:transparent;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.flickity-enabled.is-draggable .flickity-viewport{
    cursor:move;
    cursor:-webkit-grab;
    cursor:grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.flickity-prev-next-button{
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    border:none;
    cursor:pointer;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:0 0
}
.flickity-prev-next-button:active{
    opacity:.6
}
.flickity-prev-next-button.previous{
    left:10px
}
.flickity-prev-next-button.next{
    right:10px
}
.flickity-rtl .flickity-prev-next-button.previous{
    left:auto;
    right:10px
}
.flickity-rtl .flickity-prev-next-button.next{
    right:auto;
    left:10px
}
.flickity-prev-next-button:disabled{
    opacity:.3;
    cursor:auto
}
.flickity-prev-next-button svg{
    position:absolute;
    left:20%;
    top:20%;
    width:60%;
    height:60%
}
.flickity-prev-next-button .arrow{
    fill:#fff
}
.flickity-prev-next-button:hover .arrow{
    fill:rgba(0,0,0,.4)
}
.flickity-page-dots{
    position:absolute;
    width:100%;
    bottom:-25px;
    padding:0;
    margin:0;
    list-style:none;
    line-height:1
}
.flickity-rtl .flickity-page-dots{
    direction:rtl
}
.flickity-page-dots .dot{
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 8px;
    background:#333;
    border-radius:50%;
    opacity:.25;
    cursor:pointer
}
.flickity-page-dots .dot.is-selected{
    opacity:1
}
.carousel{
    background:0 0
}
.carousel-cell{
    width:45vw;
    height:28vw;
    margin:0 2vw;
    border:1px solid #e7e7e7;
    border-bottom:0;
    counter-increment:carousel-cell;
    box-shadow:15px 50px 50px 0 rgba(0,0,0,.2)
}
#casos .title{
    margin:0
}
#casos .title h3{
    font-size:36px;
    margin-bottom:60px
}
.case-bg{
    position:relative;
    top:0;
    left:0
}
.case-bottom,.case-top,.case-wrapper{
    width:100%;
    position:absolute;
    left:0
}
.case-bg img{
    display:block;
    width:100%
}
.case-wrapper{
    top:0;
    display:block;
    height:100%
}
.case-top{
    height:calc(100% - 100px);
    top:0;
    display:table;
    opacity:0;
    background:rgba(64,64,65,.9);
    -webkit-transition:all .7s ease-in-out;
    -moz-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out
}
.case-wrapper:hover .case-top{
    opacity:1
}
.case-bottom{
    height:101px;
    display:block;
    bottom:0;
    background:#fff;
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -ms-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .7s;
    -moz-transition:-moz-transform .7s;
    transition:transform .7s;
    -webkit-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    -moz-transition-timing-function:cubic-bezier(.91,.01,.6,.99);
    transition-timing-function:cubic-bezier(.91,.01,.6,.99)
}
.case-box,.case-title{
    display:table;
    height:100%
}
.intro .case-bottom{
    border-top:1px solid #e7e7e7;
    transform:translateY(0)
}
.case-wrapper:hover .case-bottom{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
.case-box{
    width:calc(100% / 2);
    border-right:1px solid #e7e7e7;
    float:left;
    padding:0 25px
}
.case-title{
    width:100%
}
.case-table{
    display:table-cell;
    width:100%;
    height:100%;
    cursor:pointer
}
.case-table p{
    font-size:16px
}
.case-box:last-of-type{
    border:none
}
.title hr{
    width:45px;
    margin:20px 0;
    border-top:1px solid #414040
}
.button-case,.intro{
    display:block;
    width:100%
}
.btn-color{
    border-color:#000;
    background-color:#000;
    opacity:1;
    transition:all .3s ease-in-out
}
.blog-wrapper a,.button-box{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
.btn-color:active,.btn-color:focus,.btn-color:hover{
    border-color:#000;
    background-color:#000;
    opacity:.6;
    color:#fff
}
.button-case{
    margin-top:30px
}
.intro{
    height:100vh;
    position:relative
}
.div-1,.div-2{
    position:absolute;
    height:100%;
    top:0
}
.div-1{
    padding:0;
    left:0;
    z-index:100
}
.div-2{
    right:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center
}
.icon,.vh-div{
    position:relative
}
.intro-container{
    padding:100px
}
hr{
    margin-top:20px;
    margin-bottom:20px;
    border-top:1px solid #e7e7e7
}
.small-wrapper{
    margin:auto;
    padding:0;
    width:33.333vw
}
.title h4.upper{
    font-size:14px;
    font-family:inherit;
    margin-bottom:15px
}
.vh-div{
    height:auto!important
}
.icon{
    width:120px;
    height:120px;
    display:block;
    margin:0 auto 15px
}
.delagran-title span,.servicios-title span{
    display:none;
    font-size:16px;
    margin:30px 0 0;
    padding:0 20px;
    width:100%
}
.bg-grey{
    background:#999
}
.bg-light{
    background:#e7e7e7
}
.map-side #map{
    min-height:500px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:10
}
.servicios-title span{
    color:#000
}
.contact-form .form-group:last-of-type{
    margin-bottom:0
}
#footer{
    position:relative;
    background-color:#e7e7e7;
    z-index:100
}
.case-container img{
    display:block;
    width:100%;
    float:left
}
#casos-main{
    padding:0;
    height:70%;
    border:0;
    top:0
}
#casos-main #video-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:70%;
    z-index:-1
}
#casos-main #casos-slider{
    border:0;
    margin:0;
    height:100%
}
#casos-main #casos-slider .flex-active-slide,#casos-main #casos-slider .slides{
    height:100%
}
.case-container [class^=col-sm]{
    padding:0
}
#works.wide .work-detail{
    margin:0
}
.work-item .button-case a{
    display:inline-block;
    position:relative;
    overflow:hidden
}
.work-detail .case-box{
    padding:0 15px
}
#mc_embed_signup form{
    padding:0
}
#mc_embed_signup{
    background:#fff;
    clear:left;
    font:14px Helvetica,Arial,sans-serif
}
.mc-field-group div{
    display:none!important
}
#mc_embed_signup input{
    font-family:'Uni Sans Book',sans-serif!important;
    border:1px solid #e7e7e7!important;
    -webkit-border-radius:0!important;
    -moz-border-radius:0!important;
    border-radius:0!important
}
#mc-embedded-subscribe{
    margin:0!important;
    display:inline-block!important
}
#mc_embed_signup .mc-field-group{
    clear:inherit!important;
    width:calc(100% / 4)!important;
    padding-bottom:0!important;
    min-height:50px!important;
    display:inline-block!important;
    float:left!important;
    margin-right:10px!important
}
.form-control{
    padding:18px 24px!important;
    height:55px!important;
    border-radius:0!important;
    background-color:transparent!important;
    font-size:12px!important;
    letter-spacing:1px!important;
    box-shadow:none!important;
    border-color:#e7e7e7!important
}
.top-social a,.top-social li{
    display:inline-block;
    width:40px;
    height:40px
}
#newsletter h3{
    margin:0 0 30px
}
#newsletter .form-group #mc-embedded-subscribe{
    font-family:'Uni Sans Bold',sans-serif!important
}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error{
    border:1px solid #e85c41!important
}
#mc_embed_signup #mce-success-response{
    font-weight:inherit!important;
    font-size:18px!important;
    color:#191b1d!important;
    font-family:'Uni Sans',sans-serif!important
}
.top-social{
    position:absolute;
    right:40px;
    top:40px;
    z-index:15
}
.top-social ul{
    margin-bottom:0
}
.top-social li{
    list-style:none
}
.top-social a{
    color:#fff;
    font-weight:700
}
.blog-wrapper{
    margin:auto;
    padding:0;
    max-width:960px;
    width:100%
}
.blog-wrapper .title{
    margin-top:0;
    margin-bottom:25px
}
.blog-wrapper .title h4{
    margin:0;
    font-size:40px
}
.blog-wrapper .em-text{
    font-family:'Uni Sans Italic',sans-serif
}
.blog-wrapper a,.blog-wrapper strong{
    font-family:'Uni Sans Bold',sans-serif
}
.blog-wrapper strong{
    font-weight:inherit
}
.article-row{
    display:block;
    width:100%;
    float:left
}
.section-img,.section-text{
    width:50%;
    display:inline-block
}
.section-img{
    float:left
}
.section-text{
    float:right
}
.share-container a{
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    position:relative;
    color:#fff
}
.share-container i{
    width:100%;
    height:100%;
    position:relative
}
.facebook{
    background-color:#3b5998
}
.twitter{
    background-color:#00a0d1
}
.blog-top{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    padding:0
}
.blog-wrapper a{
    color:#333
}
.blog-wrapper a:hover{
    color:rgba(0,0,0,.6)
}
.top-box{
    position:relative;
    top:-101px;
    width:100%
}
.top-box .container{
    background:#fff;
    padding:0
}
.show{
    overflow:visible
}
.grid-box{
    width:calc(100% / 4);
    height:100%;
    display:inline-block;
    float:left;
    border-right:1px solid #e7e7e7;
    padding:0 20px
}
.grid-box p{
    font-size:16px;
    font-family:'Uni Sans Italic',sans-serif
}
.mb-30{
    margin-bottom:30px
}
.button-box{
    display:flex;
    height:100%;
    align-items:center;
    background:#000;
    border:none;
    cursor:pointer
}
.button-box:hover{
    background:rgba(0,0,0,.6)
}
.grid-container{
    display:table;
    max-width:1170px;
    width:100%;
    height:100px;
    background:#fff;
    margin:0 auto
}
.button-box a{
    width:100%;
    font-size:26px;
    color:#fff;
    margin:0 auto
}
.nav-tabs{
    border-bottom:0;
    margin:60px 0
}
.nav-tabs.outline{
    border-bottom:1px solid #e7e7e7
}
.nav-tabs>li>a{
    text-transform:inherit;
    letter-spacing:0;
    font-size:14px;
    border-radius:0;
    color:#000;
    padding:25px
}
.nav-tabs>li{
    float:left;
    margin-bottom:-2px;
    width:calc(100% / 6)
}
.nav-tabs.outline>li.active>a,.nav-tabs.outline>li.active>a:focus,.nav-tabs.outline>li.active>a:hover{
    background-color:#e7e7e7;
    border-color:transparent;
    margin-bottom:-2px;
    outline:0;
    color:#000
}
.nav-tabs.outline>li>a:hover{
    background-color:rgba(231,231,231,.6);
    border-color:transparent;
    margin-bottom:-2px;
    outline:0
}
#inscripcion .grid-container,.content-title,.section-content h3{
    margin-bottom:30px
}
#inscripcion .grid-box{
    width:calc(100% / 3);
    background:#000;
    border-right:1px solid #fff
}
#inscripcion .grid-box h3,#inscripcion .grid-box p{
    color:#fff
}
#inscripcion a{
    font-family:'Uni Sans Bold',sans-serif;
    color:#000;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}
#inscripcion a:hover{
    color:rgba(0,0,0,.6)
}