h5 {
        font-weight: bold;
        padding: 20px 20px 5px;
        margin: 0;
    }
    /* MODA STYLE VIDEO */
    
    .modal-header {
        padding: 5px;
        border-bottom: 0px solid #e5e5e5 !important;
        */
    }
    
    .modal-footer {
        padding: 10px;
        border-top: 0px solid #e5e5e5 !important;
        */
    }
    
    .modal-content {
        background-color: transparent !important;
    }
    
    .modal-body.video {
        width: 100%;
        height: 655px;
        margin: 0 auto;
        margin-top: 5vh;
    }
    
    .close {
        float: right !important;
        font-size: 41px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        color: #FFF !important;
        text-shadow: 0 0px 0 #fff !important;
        filter: alpha(opacity=1) !important;
        opacity: 1 !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
    }
    /**/
    /* ==============================
   Hero section
   ============================== */
    
    .hero-content {
        display: table;
        height: 100%;
        width: 100%;
        color: #fff;
    }
    
    .hero-content-inner {
        position: relative;
        display: table-cell;
        text-align: center;
        padding: 0 0px;
        z-index: 5;
        padding-top: 60px;
    }
    
    .hero-content-inner>div {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    /*ALINEAR CONTENIDO VERTICALMENTE*/
    
    .flex-parent {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
    }
    
    .flex-child {
        display: -ms-flex;
        display: -webkit-block;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    /**/
    
    .lef-section01 {
        padding-left: 0;
        padding-right: 5%;
        padding-top: 8%;
        padding-bottom: 6%;
        height: 100vh;
    }
    
    .lef-section02 {
        padding-left: 0;
        padding-right: 5%;
        padding-top: 8%;
        padding-bottom: 6%;
        height: 100vh;
    }
    
    .lef-section03 {
        padding-left: 0;
        padding-right: 5%;
        padding-top: 8%;
        padding-bottom: 6%;
        height: 100vh;
    }
    
    .lef-section04 {
        padding-left: 0;
        padding-right: 5%;
        padding-top: 8%;
        padding-bottom: 6%;
        height: 100vh;
    }
    
    .lef-section05 {
        padding-left: 0;
        padding-right: 5%;
        padding-top: 8%;
        padding-bottom: 6%;
        height: 100vh;
    }
    
    .img-text {
        /*min-width: 200px !important;*/
        margin: auto;
    }
    
    .traze-section01 {
        background-image: url(../images/services/trazo-seccion1.png);
        background-repeat: repeat-y;
        background-size: 4%;
        background-position-x: 102%;
        background-position: 102%;
        background-color: #6CC7C9;
        height: 100vh;
    }
    
    .traze-section02 {
        background-image: url(../images/services/trazo-seccion1.png);
        background-repeat: repeat-y;
        background-size: 4%;
        background-position-x: 102%;
        background-position: 102%;
        background-color: #48B27F;
        height: 100vh;
    }
    
    .traze-section03 {
        background-image: url(../images/services/trazo-seccion1.png);
        background-repeat: repeat-y;
        background-size: 4%;
        background-position-x: 102%;
        background-position: 102%;
        background-color: #F08241;
        height: 100vh;
    }
    
    .traze-section04 {
        background-image: url(../images/services/trazo-seccion1.png);
        background-repeat: repeat-y;
        background-size: 4%;
        background-position-x: 102%;
        background-position: 102%;
        background-color: #F3F377;
        height: 100vh;
    }
    
    .traze-section05 {
        background-image: url(../images/services/trazo-seccion1.png);
        background-repeat: repeat-y;
        background-size: 4%;
        background-position-x: 102%;
        background-position: 102%;
        background-color: #3461ab;
        height: 100vh;
    }
    
    .rig-section01 {
        font-family: 'Titillium Web', sans-serif;
        padding-left: 5%;
        padding-top: 10%;
        padding-bottom: 5%;
        border: none;
        height: 100vh;
    }
    
    .rig-section02 {
        font-family: 'Titillium Web', sans-serif;
        padding-left: 5%;
        padding-top: 10%;
        padding-bottom: 6%;
        border: none;
        height: 100vh;
    }
    
    .rig-section03 {
        font-family: 'Titillium Web', sans-serif;
        padding-left: 5%;
        padding-top: 10%;
        padding-bottom: 6%;
        border: none;
        height: 100vh;
    }
    
    .rig-section04 {
        font-family: 'Titillium Web', sans-serif;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 10%;
        padding-bottom: 6%;
        border: none;
        height: 100vh;
    }
    
    .rig-section05 {
        font-family: 'Titillium Web', sans-serif;
        padding-left: 5%;
        padding-top: 10%;
        padding-bottom: 5%;
        border: none;
        height: 100vh;
    }
    
    .box-section {
        background: rgba(255, 255, 255, 0.8);
    }
    
    .play {
        margin-top: 10px;
        margin-bottom: 25px;
        letter-spacing: 1px;
        font-weight: 600;
        font-size: 16px;
        margin-left: 20px;
    }
    
    .sect1-gif {
        position: absolute !important;
        top: 54%;
        left: -5% !important;
        width: 38%;
        z-index: 2;
    }
    
    .sect2-gif {
        position: absolute !important;
        top: 51%;
        left: -20% !important;
        width: 54% !important;
        z-index: 2;
        transform: rotateY(180deg);
    }
    
    .sect3-gif {
        position: absolute !important;
        top: 53%;
        left: -19% !important;
        width: 67%;
        z-index: 2;
    }
    
    .sect4-gif {
        position: absolute !important;
        bottom: 19%;
        left: -33% !important;
        width: 50%;
        z-index: 2;
    }
    
    .sect5-gif {
        position: absolute !important;
        top: 54%;
        left: -17% !important;
        width: 38%;
        z-index: 2;
    }
    /* iPHONE 6 PORTRAIT */
    
    @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
        .sect2-gif {
            position: absolute !important;
            top: 54%;
            left: -6px !important;
            width: 54% !important;
            z-index: 2;
            transform: rotateY(180deg);
        }
        .sect3-gif {
            position: absolute !important;
            top: 48%;
            left: -11% !important;
            width: 67%;
            z-index: 2;
        }
        .sect4-gif {
            position: absolute !important;
            top: 50%;
            left: -4% !important;
            width: 44%;
            z-index: 2;
        }
    }
    /* iPHONE 6 PLUS PORTRAIT */
    
    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
        .sect2-gif {
            position: absolute !important;
            top: 54%;
            left: -6px !important;
            width: 54% !important;
            z-index: 2;
            transform: rotateY(180deg);
        }
        .sect3-gif {
            position: absolute !important;
            top: 48%;
            left: -11% !important;
            width: 67%;
            z-index: 2;
        }
        .sect4-gif {
            position: absolute !important;
            top: 50%;
            left: -4% !important;
            width: 44%;
            z-index: 2;
        }
    }
    /* iPHONE 5 & 5S PORTRAIT */
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
        .sect2-gif {
            position: absolute !important;
            top: 54%;
            left: -6px !important;
            width: 54% !important;
            z-index: 2;
            transform: rotateY(180deg);
        }
        .sect3-gif {
            position: absolute !important;
            top: 48%;
            left: -11% !important;
            width: 67%;
            z-index: 2;
        }
        .sect4-gif {
            position: absolute !important;
            top: 50%;
            left: -4% !important;
            width: 44%;
            z-index: 2;
        }
    }
    /* iPHONE 2G ~ 4S PORTRAIT */
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
        .sect2-gif {
            position: absolute !important;
            top: 54%;
            left: -6px !important;
            width: 54% !important;
            z-index: 2;
            transform: rotateY(180deg);
        }
        .sect3-gif {
            position: absolute !important;
            top: 48%;
            left: -11% !important;
            width: 67%;
            z-index: 2;
        }
        .sect4-gif {
            position: absolute !important;
            top: 50%;
            left: -4% !important;
            width: 44%;
            z-index: 2;
        }
    }
    
    .download-general {
        padding: 10px;
    }
    
    .download-section div {
        padding: 0px 20px;
        min-height: 180px;
    }
    
    .download-section-image img:hover {
        transform: scale3d(1.1, 1.1, 1);
        transition: transform 0.3s;
        box-sizing: border-box;
        pointer-events: all;
    }
    
    .download-section-p {
        padding: 0px !important;
        font-size: 18px !important;
    }
    
    .download01 {}
    
    .btn-default:focus,
    .btn-default:hover {
        background-color: #2E469D!important;
        color: #fff!important;
    }
    
    .green-sigre-button {
        background-color: #48B27F !important;
    }
    
    .bluegreen-sigre-button {
        background-color: #F08241!important;
    }
    
    .blueyellow-sigre-button {
        background-color: #F3F377!important;
        color: #74c8aa;
    }
    
    .green-sigre-button.btn-default:focus,
    .green-sigre-button.btn-default:hover {
        background-color: #537D6C !important;
    }
    
    .bluegreen-sigre-button.btn-default:focus,
    .bluegreen-sigre-button.btn-default:hover {
        background-color: #C15D2B !important;
    }
    
    .blueyellow-sigre-button.btn-default:focus,
    .blueyellow-sigre-button.btn-default:hover {
        background-color: #e4e463 !important;
        color: #74c8aa !important;
    }
    
    .blue-sigre-button {
        background-color: #3461ab!important;
        color: #fff;
    }
    
    .blue-sigre-button.btn-default:focus,
    .blue-sigre-button.btn-default:hover {
        background-color: #2f589b !important;
        color: #fff !important;
    }
    
    .section p {
        font-size: 19px;
        font-weight: 400 !important;
        line-height: 26px;
        padding: 10px 20px;
    }
    
    .color-section01 {
        color: #6CC7C9 !important;
    }
    
    h4.color-section01 {
        background-color: #6CC7C9;
        color: #fff !important;
        padding: 10px 20px;
    }
    
    .color-section02 {
        color: #48B27F !important;
    }
    
    h4.color-section02 {
        background-color: #48B27F;
        color: #fff !important;
        padding: 10px 20px;
    }
    
    .color-section03 {
        color: #F08241 !important;
    }
    
    h4.color-section03 {
        background-color: #F08241;
        color: #fff !important;
        padding: 10px 20px;
    }
    
    .color-section04 {
        color: #74c8aa !important;
    }
    
    h4.color-section04 {
        background-color: #F3F377;
        color: #74c8aa !important;
        padding: 10px 20px;
    }
    
    .color-section05 {
        color: #3461ab !important;
    }
    
    h4.color-section05 {
        background-color: #3461ab;
        color: #fff !important;
        padding: 10px 20px;
    }
    
    .about {
        overflow: hidden;
    }
    
    .vert-center {
        vertical-align: middle;
    }
    
    .section {
        margin-bottom: 0;
        display: inherit !important;
        height: 100vh;
    }
    
    .gradient-background-01 {
        background: rgb(108, 199, 201);
        background: -moz-linear-gradient(left, rgb(108, 199, 201) 0%, rgb(108, 199, 201) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgb(108, 199, 201)), color-stop(50%, rgb(108, 199, 201)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgb(108, 199, 201) 0%, rgb(108, 199, 201) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgb(108, 199, 201) 0%, rgb(108, 199, 201) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgb(108, 199, 201) 0%, rgb(108, 199, 201) 50%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
        background: linear-gradient(to right, rgb(108, 199, 201) 0%, rgb(108, 199, 201) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6CC7C9', endColorstr='#00FFFFFF', GradientType=1);
    }
    
    .gradient-background-02 {
        background: rgb(72, 178, 127);
        background: -moz-linear-gradient(left, rgb(72, 178, 127) 0%, rgb(72, 178, 127) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgb(72, 178, 127)), color-stop(50%, rgb(72, 178, 127)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgb(72, 178, 127) 0%, rgb(72, 178, 127) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgb(72, 178, 127) 0%, rgb(72, 178, 127) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgb(72, 178, 127) 0%, rgb(72, 178, 127) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgb(72, 178, 127) 0%, rgb(72, 178, 127) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#48B27F', endColorstr='#ffffff', GradientType=1);
    }
    
    .gradient-background-03 {
        background: rgb(240, 130, 65);
        background: -moz-linear-gradient(left, rgb(240, 130, 65) 0%, rgb(240, 130, 65) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgb(240, 130, 65)), color-stop(50%, rgb(240, 130, 65)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgb(240, 130, 65) 0%, rgb(240, 130, 65) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgb(240, 130, 65) 0%, rgb(240, 130, 65) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgb(240, 130, 65) 0%, rgb(240, 130, 65) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgb(240, 130, 65) 0%, rgb(240, 130, 65) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F08241', endColorstr='#00ffffff', GradientType=1);
    }
    
    .gradient-background-04 {
        background: rgb(243, 243, 119);
        background: -moz-linear-gradient(left, rgb(243, 243, 119) 0%, rgb(243, 243, 119) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgb(243, 243, 119)), color-stop(50%, rgb(243, 218, 139)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgb(243, 243, 119) 0%, rgb(243, 243, 119) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgb(243, 243, 119) 0%, rgb(243, 243, 119) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgb(243, 243, 119) 0%, rgb(243, 243, 119) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgb(243, 243, 119) 0%, rgb(243, 243, 119) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F3DA8B', endColorstr='#00ffffff', GradientType=1);
    }
    
    .gradient-background-05 {
        background: rgb(52, 97, 171);
        background: -moz-linear-gradient(left, rgb(52, 97, 171) 0%, rgb(52, 97, 171) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgb(52, 97, 171)), color-stop(50%, rgb(52, 97, 171)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgb(52, 97, 171) 0%, rgb(52, 97, 171) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgb(52, 97, 171) 0%, rgb(52, 97, 171) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgb(52, 97, 171) 0%, rgb(52, 97, 171) 50%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
        background: linear-gradient(to right, rgb(52, 97, 171) 0%, rgb(52, 97, 171) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3461AB', endColorstr='#00FFFFFF', GradientType=1);
    }
    
    .sect-anim0 {
        -webkit-animation-duration: 0.5s !important;
        -webkit-animation-delay: 1s !important;
        -moz-animation-duration: 0.5s !important;
        -moz-animation-delay: 1s !important;
        animation-duration: 0.5s !important;
        animation-delay: 1s !important;
    }
    
    .sect-anim1 {
        -webkit-animation-duration: 0.5s !important;
        -webkit-animation-delay: 1.4s !important;
        -moz-animation-duration: 0.5s !important;
        -moz-animation-delay: 1.4s !important;
        animation-duration: 0.5s !important;
        animation-delay: 1.4s !important;
    }
    
    .sect-anim2 {
        -webkit-animation-duration: 0.5s !important;
        -webkit-animation-delay: 1.8s !important;
        -moz-animation-duration: 0.5s !important;
        -moz-animation-delay: 1.8s !important;
        animation-duration: 0.5s !important;
        animation-delay: 1.8s !important;
    }
    
    .sect-anim3 {
        -webkit-animation-duration: 0.5s !important;
        -webkit-animation-delay: 2.2s !important;
        -moz-animation-duration: 0.5s !important;
        -moz-animation-delay: 2.2s !important;
        animation-duration: 0.5s !important;
        animation-delay: 2.2s !important;
    }
    
    .background-home {
        position: fixed;
        z-index: -1;
        background: url(../img/background-top3.png);
        width: 100%;
        height: 100vh;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .button-video {
        -webkit-animation: sc-down 2s infinite alternate;
        -moz-animation: sc-down 2s infinite alternate;
        -o-animation: sc-down 2s infinite alternate;
        -ms-animation: sc-down 2s infinite alternate;
        animation: sc-down 2s infinite alternate;
        -webkit-animation-delay: 0.5s;
        -moz-animation-delay: 0.5;
        -o-animation-delay: 0.5;
        -ms-animation-delay 0.5;
        animation-delay: 0.5;
    }
    
    @-moz-keyframes sc-down {
        0% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
        100% {
            -webkit-transform: translateY(25px);
            -moz-transform: translateY(25px);
            -o-transform: translateY(25px);
            -ms-transform: translateY(25px);
            transform: translateY(25px);
        }
    }
    
    @-webkit-keyframes sc-down {
        0% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
        100% {
            -webkit-transform: translateY(25px);
            -moz-transform: translateY(25px);
            -o-transform: translateY(25px);
            -ms-transform: translateY(25px);
            transform: translateY(25px);
        }
    }
    
    @-o-keyframes sc-down {
        0% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
        100% {
            -webkit-transform: translateY(25px);
            -moz-transform: translateY(25px);
            -o-transform: translateY(25px);
            -ms-transform: translateY(25px);
            transform: translateY(25px);
        }
    }
    
    @keyframes sc-down {
        0% {
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            -o-transform: translateY(0px);
            -ms-transform: translateY(0px);
            transform: translateY(0px);
        }
        100% {
            -webkit-transform: translateY(25px);
            -moz-transform: translateY(25px);
            -o-transform: translateY(25px);
            -ms-transform: translateY(25px);
            transform: translateY(25px);
        }
    }
    /*Botón Scroll Down*/
    
    .btn-scroll-down {
        width: 100px;
        height: 50px;
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9;
        -webkit-transition: display 0.5s easy-in-out;
        -moz-transition: display 0.5s easy-in-out;
        -o-transition: display 0.5s easy-in-out;
        -ms-transition: display 0.5s easy-in-out;
        transition: display 0.5s easy-in-out;
        outline: 0 !important;
    }
    
    .btn-scroll.-down:focus,
    .btn-scroll.-down:active {
        outline: 0 !important;
    }
    
    .btn-scroll-down:after {
        content: '';
        display: block;
        border-bottom: 8px solid #6376A8;
        border-right: 8px solid #7095B3;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin: auto;
        position: absolute;
        left: 5px;
        right: 0;
    }
    
    .btn-scroll-down:after {
        width: 30px;
        height: 30px;
        bottom: 35px;
        -webkit-animation: sc-down-a 0.5s infinite alternate;
        -moz-animation: sc-down-a 0.5s infinite alternate;
        -o-animation: sc-down-a 0.5s infinite alternate;
        -ms-animation: sc-down-a 0.5s infinite alternate;
        animation: sc-down-a 0.5s infinite alternate;
    }
    
    .btn-scroll-down span {
        position: relative;
        top: -35px;
        text-transform: uppercase;
        font-weight: bold;
        color: #7095B3;
    }
    
    @-moz-keyframes sc-down-a {
        0% {
            -webkit-transform: translateY(0px) rotate(45deg);
            -moz-transform: translateY(0px) rotate(45deg);
            -o-transform: translateY(0px) rotate(45deg);
            -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
        }
        100% {
            -webkit-transform: translateY(5px) rotate(45deg);
            -moz-transform: translateY(5px) rotate(45deg);
            -o-transform: translateY(5px) rotate(45deg);
            -ms-transform: translateY(5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
        }
    }
    
    @-webkit-keyframes sc-down-a {
        0% {
            -webkit-transform: translateY(0px) rotate(45deg);
            -moz-transform: translateY(0px) rotate(45deg);
            -o-transform: translateY(0px) rotate(45deg);
            -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
        }
        100% {
            -webkit-transform: translateY(5px) rotate(45deg);
            -moz-transform: translateY(5px) rotate(45deg);
            -o-transform: translateY(5px) rotate(45deg);
            -ms-transform: translateY()5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
        }
    }
    
    @-o-keyframes sc-down-a {
        0% {
            -webkit-transform: translateY(0px) rotate(45deg);
            -moz-transform: translateY(0px) rotate(45deg);
            -o-transform: translateY(0px) rotate(45deg);
            -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
        }
        100% {
            -webkit-transform: translateY(5px) rotate(45deg);
            -moz-transform: translateY(5px) rotate(45deg);
            -o-transform: translateY(5px) rotate(45deg);
            -ms-transform: translateY(5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
        }
    }
    
    @keyframes sc-down-a {
        0% {
            -webkit-transform: translateY(0px) rotate(45deg);
            -moz-transform: translateY(0px) rotate(45deg);
            -o-transform: translateY(0px) rotate(45deg);
            -ms-transform: translateY(0px) rotate(45deg);
            transform: translateY(0px) rotate(45deg);
        }
        100% {
            -webkit-transform: translateY(5px) rotate(45deg);
            -moz-transform: translateY(5px) rotate(45deg);
            -o-transform: translateY(5px) rotate(45deg);
            -ms-transform: translateY(5px) rotate(45deg);
            transform: translateY(5px) rotate(45deg);
        }
    }
    /**/
    /* ==============================
   Page loaders
   ============================== */
    
    .page-loader {
        display: block;
        background-color: #f0f0f0;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #fefefe;
        z-index: 100000;
    }
    
    .loader {
        width: 50px;
        height: 50px;
        position: absolute;
        top: 45%;
        left: 50%;
        margin: -25px 0 0 -25px;
        font-size: 10px;
        text-indent: -12345px;
        border-top: 1px solid rgba(0, 0, 0, 0.08);
        border-right: 1px solid rgba(0, 0, 0, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        border-left: 1px solid rgba(0, 0, 0, 0.7);
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-animation: spinner 700ms infinite linear;
        -moz-animation: spinner 700ms infinite linear;
        -o-animation: spinner 700ms infinite linear;
        -ms-animation: spinner 700ms infinite linear;
        animation: spinner 700ms infinite linear;
        z-index: 100001;
    }
    
    .loader-text {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100px;
        height: 30px;
        text-align: center;
        font-size: 12px;
        letter-spacing: 6px;
        color: #777;
    }
    
    .mfp-preloader {
        width: 50px !important;
        height: 50px !important;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        top: 50% !important;
        left: 50% !important;
        right: 0;
        margin: -25px 0 0 -25px;
        font-size: 10px;
        text-indent: -12345px;
        border-top: 1px solid rgba(0, 0, 0, 0.4);
        border-right: 1px solid rgba(0, 0, 0, 0.4);
        border-bottom: 1px solid rgba(0, 0, 0, 0.4);
        border-left: 1px solid #fff;
        -webkit-animation: spinner 700ms infinite linear;
        -moz-animation: spinner 700ms infinite linear;
        -o-animation: spinner 700ms infinite linear;
        -ms-animation: spinner 700ms infinite linear;
        animation: spinner 700ms infinite linear;
        z-index: 100001;
    }
    
    #seccion04 .container-fluid {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    
    #seccion04 p {
        font-weight: bold !important;
        line-height: 19px;
        font-size: 16px !important;
    }
    
    #seccion04 .row {
        margin-bottom: 15px;
    }
    
    @-moz-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-o-keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes spinner {
        0% {
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    /*gif caminando */
    
    #que-es-el-ecodiseno .sect1-gif {
        -webkit-animation: walking 20s infinite linear;
        /* Chrome, Safari, Opera */
        animation: walking 20s infinite linear;
    }
    
    @keyframes walking {
        0% {
            transform: translateX(0px);
        }
        48% {
            transform: translateX(995px) rotateY(0deg) rotateX(0deg);
        }
        50% {
            transform: translateX(1000px) rotateY(180deg) rotateX(0deg);
        }
        98% {
            transform: translateX(5px) rotateY(180deg) rotateX(0deg);
        }
        100% {
            transform: translateX(0px) rotateY(0deg) rotateX(0deg);
        }
    }
    
    @-webkit-keyframes walking {
        0% {
            -webkit-transform: translateX(0px);
        }
        48% {
            -webkit-transform: translateX(995px) rotateY(0deg) rotateX(0deg);
        }
        50% {
            -webkit-transform: translateX(1000px) rotateY(180deg) rotateX(0deg);
        }
        98% {
            -webkit-transform: translateX(5px) rotateY(180deg) rotateX(0deg);
        }
        100% {
            -webkit-transform: translateX(0px) rotateY(0deg) rotateX(0deg);
        }
    }
    /**/
    
    @media (min-width:1300px) {
        .lef-section01 img,
        .lef-section02 img,
        .lef-section03 img,
        .lef-section04 img,
        .lef-section05 img {
            position: relative;
            left: -40px;
        }
    }
    
    @media (max-width:992px) {
        .section h4 {
            font-size: 20px;
        }
        .traze-section01,
        .traze-section02,
        .traze-section03,
        .traze-section04,
        .traze-section05 {
            background-image: none;
        }
        .lef-section01,
        .lef-section02,
        .lef-section03,
        .lef-section04,
        .lef-section05 {
            padding-right: 0;
        }
        .section p {
            font-size: 18px;
            line-height: 24px;
        }
        /*gif caminando */
        #que-es-el-ecodiseno .sect1-gif {
            -webkit-animation: walking 20s infinite linear;
            /* Chrome, Safari, Opera */
            animation: walking 20s infinite linear;
        }
        @keyframes walking {
            0% {
                transform: translateX(0px);
            }
            48% {
                transform: translateX(495px) rotateY(0deg) rotateX(0deg);
            }
            50% {
                transform: translateX(500px) rotateY(180deg) rotateX(0deg);
            }
            98% {
                transform: translateX(5px) rotateY(180deg) rotateX(0deg);
            }
            100% {
                transform: translateX(0px) rotateY(0deg) rotateX(0deg);
            }
        }
        @-webkit-keyframes walking {
            0% {
                -webkit-transform: translateX(0px);
            }
            48% {
                -webkit-transform: translateX(495px) rotateY(0deg) rotateX(0deg);
            }
            50% {
                -webkit-transform: translateX(500px) rotateY(180deg) rotateX(0deg);
            }
            98% {
                -webkit-transform: translateX(5px) rotateY(180deg) rotateX(0deg);
            }
            100% {
                -webkit-transform: translateX(0px) rotateY(0deg) rotateX(0deg);
            }
        }
        /**/
    }
    
    @media (max-width: 700px) and (orientation: landscape) {
        .btn-scroll-down span {
            position: relative;
            top: -28px;
            text-transform: uppercase;
            font-weight: bold;
            left: 19%;
            font-size: 9px;
            color: #7095B3;
        }
        /* MODA STYLE VIDEO */
        .modal-header {
            padding: 0px;
            border-bottom: 0px solid #e5e5e5 !important;
            */
        }
        .modal-footer {
            padding: 10px;
            border-top: 0px solid #e5e5e5 !important;
            */
        }
        .modal-content {
            background-color: transparent !important;
        }
        .modal-body {
            padding: 0px 20px;
        }
        .close {
            float: right !important;
            font-size: 30px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            color: #FFF !important;
            text-shadow: 0 0px 0 #fff !important;
            filter: alpha(opacity=1) !important;
            opacity: 1 !important;
            margin-top: 0px !important;
            margin-right: 20px !important;
        }
        /**/
    }
    
    @media (max-width: 500px) {
        /* MODA STYLE VIDEO */
        .modal-header {
            padding: 0px;
            border-bottom: 0px solid #e5e5e5 !important;
            */
        }
        .modal-footer {
            padding: 10px;
            border-top: 0px solid #e5e5e5 !important;
            */
        }
        .modal-content {
            background-color: transparent !important;
        }
        .modal-body {
            padding: 0px 20px;
        }
        .close {
            float: right !important;
            font-size: 30px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            color: #FFF !important;
            text-shadow: 0 0px 0 #fff !important;
            filter: alpha(opacity=1) !important;
            opacity: 1 !important;
            margin-top: 0px !important;
            margin-right: 20px !important;
        }
        /**/
        /*gif caminando */
        #que-es-el-ecodiseno .sect1-gif {
            -webkit-animation: walking 12s infinite linear;
            /* Chrome, Safari, Opera */
            animation: walking 12s infinite linear;
        }
        @keyframes walking {
            0% {
                transform: translateX(0px);
            }
            48% {
                transform: translateX(269px) rotateY(0deg) rotateX(0deg);
            }
            50% {
                transform: translateX(270px) rotateY(180deg) rotateX(0deg);
            }
            98% {
                transform: translateX(5px) rotateY(180deg) rotateX(0deg);
            }
            100% {
                transform: translateX(0px) rotateY(0deg) rotateX(0deg);
            }
        }
        @-webkit-keyframes walking {
            0% {
                -webkit-transform: translateX(0px);
            }
            48% {
                -webkit-transform: translateX(269px) rotateY(0deg) rotateX(0deg);
            }
            50% {
                -webkit-transform: translateX(270px) rotateY(180deg) rotateX(0deg);
            }
            98% {
                -webkit-transform: translateX(5px) rotateY(180deg) rotateX(0deg);
            }
            100% {
                -webkit-transform: translateX(0px) rotateY(0deg) rotateX(0deg);
            }
        }
        /**/
    }
    
    @media (max-height: 820px) {
        .modal-body.video {
            margin-top: 0;
            width: 900px;
            height: 486px;
        }
    }
    
    @media (max-width: 992px) {
        .modal-body.video {
            margin-top: 0;
            width: 100%;
            height: 486px;
        }
    }
    
    @media (max-width: 468px) {
        .modal-body.video {
            margin-top: 10vh;
            width: 100%;
            height: 156px;
        }
    }
    
    @media (max-width: 1024px) and (orientation: landscape) {
        .sect2-gif {
            top: 52% !important;
            left: -7% !important;
        }
        .sect4-gif {
            top: 63%;
            left: -9% !important;
        }
    }