.col-vpn-1,
.col-vpn-2,
.col-vpn-3,
.col-vpn-4,
.col-vpn-5,
.col-vpn-6,
.col-vpn-7,
.col-vpn-8,
.col-vpn-9,
.col-vpn-10,
.col-vpn-11,
.col-vpn-12,
.col-hpn-1,
.col-hpn-2,
.col-hpn-3,
.col-hpn-4,
.col-hpn-5,
.col-hpn-6,
.col-hpn-7,
.col-hpn-8,
.col-hpn-9,
.col-hpn-10,
.col-hpn-11,
.col-hpn-12,
.col-apn-1,
.col-apn-2,
.col-apn-3,
.col-apn-4,
.col-apn-5,
.col-apn-6,
.col-apn-7,
.col-apn-8,
.col-apn-9,
.col-apn-10,
.col-apn-11,
.col-apn-12,
.col-vpd-1,
.col-vpd-2,
.col-vpd-3,
.col-vpd-4,
.col-vpd-5,
.col-vpd-6,
.col-vpd-7,
.col-vpd-8,
.col-vpd-9,
.col-vpd-10,
.col-vpd-11,
.col-vpd-12,
.col-hpd-1,
.col-hpd-2,
.col-hpd-3,
.col-hpd-4,
.col-hpd-5,
.col-hpd-6,
.col-hpd-7,
.col-hpd-8,
.col-hpd-9,
.col-hpd-10,
.col-hpd-11,
.col-hpd-12,
.col-apd-1,
.col-apd-2,
.col-apd-3,
.col-apd-4,
.col-apd-5,
.col-apd-6,
.col-apd-7,
.col-apd-8,
.col-apd-9,
.col-apd-10,
.col-apd-11,
.col-apd-12,
.col-mbl-1,
.col-mbl-2,
.col-mbl-3,
.col-mbl-4,
.col-mbl-5,
.col-mbl-6,
.col-mbl-7,
.col-mbl-8,
.col-mbl-9,
.col-mbl-10,
.col-mbl-11,
.col-mbl-12,
.col-ltp-1,
.col-ltp-2,
.col-ltp-3,
.col-ltp-4,
.col-ltp-5,
.col-ltp-6,
.col-ltp-7,
.col-ltp-8,
.col-ltp-9,
.col-ltp-10,
.col-ltp-11,
.col-ltp-12,
.col-dtp-1,
.col-dtp-2,
.col-dtp-3,
.col-dtp-4,
.col-dtp-5,
.col-dtp-6,
.col-dtp-7,
.col-dtp-8,
.col-dtp-9,
.col-dtp-10,
.col-dtp-11,
.col-dtp-12,
.col-fhd-1,
.col-fhd-2,
.col-fhd-3,
.col-fhd-4,
.col-fhd-5,
.col-fhd-6,
.col-fhd-7,
.col-fhd-8,
.col-fhd-9,
.col-fhd-10,
.col-fhd-11,
.col-fhd-12,
.col-xhpn-1,
.col-xhpn-2,
.col-xhpn-3,
.col-xhpn-4,
.col-xhpn-5,
.col-xhpn-6,
.col-xhpn-7,
.col-xhpn-8,
.col-xhpn-9,
.col-xhpn-10,
.col-xhpn-11,
.col-xhpn-12,
.col-xvpn-1,
.col-xvpn-2,
.col-xvpn-3,
.col-xvpn-4,
.col-xvpn-5,
.col-xvpn-6,
.col-xvpn-7,
.col-xvpn-8,
.col-xvpn-9,
.col-xvpn-10,
.col-xvpn-11,
.col-xvpn-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-1 {
    float: left;
    width: 8.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-1 {
    margin-left: 8.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-1 {
    left: 8.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-1 {
    right: 8.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-2 {
    float: left;
    width: 16.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-2 {
    margin-left: 16.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-2 {
    left: 16.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-2 {
    right: 16.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-3 {
    float: left;
    width: 25%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-3 {
    margin-left: 25%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-3 {
    left: 25%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-3 {
    right: 25%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-4 {
    float: left;
    width: 33.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-4 {
    margin-left: 33.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-4 {
    left: 33.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-4 {
    right: 33.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-5 {
    float: left;
    width: 41.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-5 {
    margin-left: 41.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-5 {
    left: 41.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-5 {
    right: 41.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-6 {
    float: left;
    width: 50%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-6 {
    margin-left: 50%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-6 {
    left: 50%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-6 {
    right: 50%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-7 {
    float: left;
    width: 58.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-7 {
    margin-left: 58.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-7 {
    left: 58.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-7 {
    right: 58.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-8 {
    float: left;
    width: 66.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-8 {
    margin-left: 66.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-8 {
    left: 66.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-8 {
    right: 66.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-9 {
    float: left;
    width: 75%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-9 {
    margin-left: 75%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-9 {
    left: 75%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-9 {
    right: 75%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-10 {
    float: left;
    width: 83.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-10 {
    margin-left: 83.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-10 {
    left: 83.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-10 {
    right: 83.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-11 {
    float: left;
    width: 91.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-11 {
    margin-left: 91.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-11 {
    left: 91.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-11 {
    right: 91.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-vpn-12 {
    float: left;
    width: 100%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-vpn-offset-12 {
    margin-left: 100%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-vpn-push-12 {
    left: 100%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-vpn-pull-12 {
    right: 100%;
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-3 {
        right: 25%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-6 {
        right: 50%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-9 {
        right: 75%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 480px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpn-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpn-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpn-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpn-pull-12 {
        right: 100%;
    }
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-1 {
    float: left;
    width: 8.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-1 {
    margin-left: 8.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-1 {
    left: 8.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-1 {
    right: 8.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-2 {
    float: left;
    width: 16.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-2 {
    margin-left: 16.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-2 {
    left: 16.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-2 {
    right: 16.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-3 {
    float: left;
    width: 25%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-3 {
    margin-left: 25%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-3 {
    left: 25%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-3 {
    right: 25%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-4 {
    float: left;
    width: 33.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-4 {
    margin-left: 33.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-4 {
    left: 33.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-4 {
    right: 33.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-5 {
    float: left;
    width: 41.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-5 {
    margin-left: 41.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-5 {
    left: 41.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-5 {
    right: 41.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-6 {
    float: left;
    width: 50%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-6 {
    margin-left: 50%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-6 {
    left: 50%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-6 {
    right: 50%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-7 {
    float: left;
    width: 58.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-7 {
    margin-left: 58.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-7 {
    left: 58.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-7 {
    right: 58.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-8 {
    float: left;
    width: 66.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-8 {
    margin-left: 66.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-8 {
    left: 66.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-8 {
    right: 66.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-9 {
    float: left;
    width: 75%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-9 {
    margin-left: 75%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-9 {
    left: 75%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-9 {
    right: 75%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-10 {
    float: left;
    width: 83.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-10 {
    margin-left: 83.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-10 {
    left: 83.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-10 {
    right: 83.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-11 {
    float: left;
    width: 91.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-11 {
    margin-left: 91.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-11 {
    left: 91.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-11 {
    right: 91.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-apn-12 {
    float: left;
    width: 100%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-apn-offset-12 {
    margin-left: 100%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-apn-push-12 {
    left: 100%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-apn-pull-12 {
    right: 100%;
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-3 {
        right: 25%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-6 {
        right: 50%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-9 {
        right: 75%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-vpd-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-vpd-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-vpd-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-vpd-pull-12 {
        right: 100%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-3 {
        right: 25%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-6 {
        right: 50%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-9 {
        right: 75%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 896px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-hpd-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-hpd-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-hpd-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-hpd-pull-12 {
        right: 100%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-3 {
        right: 25%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-6 {
        right: 50%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-9 {
        right: 75%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 768px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-apd-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-apd-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-apd-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-apd-pull-12 {
        right: 100%;
    }
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-1 {
    float: left;
    width: 8.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-1 {
    margin-left: 8.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-1 {
    left: 8.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-1 {
    right: 8.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-2 {
    float: left;
    width: 16.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-2 {
    margin-left: 16.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-2 {
    left: 16.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-2 {
    right: 16.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-3 {
    float: left;
    width: 25%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-3 {
    margin-left: 25%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-3 {
    left: 25%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-3 {
    right: 25%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-4 {
    float: left;
    width: 33.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-4 {
    margin-left: 33.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-4 {
    left: 33.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-4 {
    right: 33.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-5 {
    float: left;
    width: 41.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-5 {
    margin-left: 41.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-5 {
    left: 41.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-5 {
    right: 41.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-6 {
    float: left;
    width: 50%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-6 {
    margin-left: 50%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-6 {
    left: 50%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-6 {
    right: 50%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-7 {
    float: left;
    width: 58.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-7 {
    margin-left: 58.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-7 {
    left: 58.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-7 {
    right: 58.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-8 {
    float: left;
    width: 66.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-8 {
    margin-left: 66.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-8 {
    left: 66.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-8 {
    right: 66.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-9 {
    float: left;
    width: 75%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-9 {
    margin-left: 75%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-9 {
    left: 75%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-9 {
    right: 75%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-10 {
    float: left;
    width: 83.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-10 {
    margin-left: 83.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-10 {
    left: 83.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-10 {
    right: 83.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-11 {
    float: left;
    width: 91.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-11 {
    margin-left: 91.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-11 {
    left: 91.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-11 {
    right: 91.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-mbl-12 {
    float: left;
    width: 100%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-mbl-offset-12 {
    margin-left: 100%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-mbl-push-12 {
    left: 100%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-mbl-pull-12 {
    right: 100%;
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-3 {
        right: 25%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-6 {
        right: 50%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-9 {
        right: 75%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 1025px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-ltp-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-ltp-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-ltp-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-ltp-pull-12 {
        right: 100%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-3 {
        right: 25%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-6 {
        right: 50%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-9 {
        right: 75%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 1200px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-dtp-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-dtp-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-dtp-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-dtp-pull-12 {
        right: 100%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-3 {
        right: 25%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-6 {
        right: 50%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-9 {
        right: 75%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 1920px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-fhd-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-fhd-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-fhd-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-fhd-pull-12 {
        right: 100%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-1 {
        float: left;
        width: 8.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-1 {
        margin-left: 8.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-1 {
        left: 8.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-1 {
        right: 8.33333%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-2 {
        float: left;
        width: 16.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-2 {
        margin-left: 16.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-2 {
        left: 16.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-2 {
        right: 16.66667%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-3 {
        float: left;
        width: 25%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-3 {
        margin-left: 25%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-3 {
        left: 25%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-3 {
        right: 25%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-4 {
        float: left;
        width: 33.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-4 {
        margin-left: 33.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-4 {
        left: 33.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-4 {
        right: 33.33333%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-5 {
        float: left;
        width: 41.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-5 {
        margin-left: 41.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-5 {
        left: 41.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-5 {
        right: 41.66667%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-6 {
        float: left;
        width: 50%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-6 {
        margin-left: 50%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-6 {
        left: 50%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-6 {
        right: 50%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-7 {
        float: left;
        width: 58.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-7 {
        margin-left: 58.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-7 {
        left: 58.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-7 {
        right: 58.33333%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-8 {
        float: left;
        width: 66.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-8 {
        margin-left: 66.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-8 {
        left: 66.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-8 {
        right: 66.66667%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-9 {
        float: left;
        width: 75%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-9 {
        margin-left: 75%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-9 {
        left: 75%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-9 {
        right: 75%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-10 {
        float: left;
        width: 83.33333%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-10 {
        margin-left: 83.33333%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-10 {
        left: 83.33333%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-10 {
        right: 83.33333%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-11 {
        float: left;
        width: 91.66667%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-11 {
        margin-left: 91.66667%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-11 {
        left: 91.66667%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-11 {
        right: 91.66667%;
    }
}
@media (min-width: 674px) {
    /* line 105, ../scss/variables/_grid.scss */
    
    .col-xhpn-12 {
        float: left;
        width: 100%;
    }
    /* line 109, ../scss/variables/_grid.scss */
    
    .col-xhpn-offset-12 {
        margin-left: 100%;
    }
    /* line 112, ../scss/variables/_grid.scss */
    
    .col-xhpn-push-12 {
        left: 100%;
    }
    /* line 115, ../scss/variables/_grid.scss */
    
    .col-xhpn-pull-12 {
        right: 100%;
    }
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-1 {
    float: left;
    width: 8.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-1 {
    margin-left: 8.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-1 {
    left: 8.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-1 {
    right: 8.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-2 {
    float: left;
    width: 16.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-2 {
    margin-left: 16.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-2 {
    left: 16.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-2 {
    right: 16.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-3 {
    float: left;
    width: 25%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-3 {
    margin-left: 25%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-3 {
    left: 25%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-3 {
    right: 25%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-4 {
    float: left;
    width: 33.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-4 {
    margin-left: 33.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-4 {
    left: 33.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-4 {
    right: 33.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-5 {
    float: left;
    width: 41.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-5 {
    margin-left: 41.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-5 {
    left: 41.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-5 {
    right: 41.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-6 {
    float: left;
    width: 50%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-6 {
    margin-left: 50%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-6 {
    left: 50%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-6 {
    right: 50%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-7 {
    float: left;
    width: 58.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-7 {
    margin-left: 58.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-7 {
    left: 58.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-7 {
    right: 58.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-8 {
    float: left;
    width: 66.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-8 {
    margin-left: 66.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-8 {
    left: 66.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-8 {
    right: 66.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-9 {
    float: left;
    width: 75%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-9 {
    margin-left: 75%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-9 {
    left: 75%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-9 {
    right: 75%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-10 {
    float: left;
    width: 83.33333%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-10 {
    margin-left: 83.33333%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-10 {
    left: 83.33333%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-10 {
    right: 83.33333%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-11 {
    float: left;
    width: 91.66667%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-11 {
    margin-left: 91.66667%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-11 {
    left: 91.66667%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-11 {
    right: 91.66667%;
}
/* line 105, ../scss/variables/_grid.scss */

.col-xvpn-12 {
    float: left;
    width: 100%;
}
/* line 109, ../scss/variables/_grid.scss */

.col-xvpn-offset-12 {
    margin-left: 100%;
}
/* line 112, ../scss/variables/_grid.scss */

.col-xvpn-push-12 {
    left: 100%;
}
/* line 115, ../scss/variables/_grid.scss */

.col-xvpn-pull-12 {
    right: 100%;
}
/* line 246, ../scss/variables/_mixin.scss */

.show-vpn,
.show-vpn-inline,
.show-vpn-block,
.show-vpn-flex,
.show-vpn-inline-block,
.show-vpn-inline-flex,
.show-vpn-inline-table,
.show-vpn-list-item,
.show-vpn-run-in,
.show-vpn-table,
.show-vpn-table-caption,
.show-vpn-table-column-group,
.show-vpn-table-header-group,
.show-vpn-table-footer-group,
.show-vpn-table-row-group,
.show-vpn-table-cell,
.show-vpn-table-column,
.show-vpn-table-row,
.show-hpn,
.show-hpn-inline,
.show-hpn-block,
.show-hpn-flex,
.show-hpn-inline-block,
.show-hpn-inline-flex,
.show-hpn-inline-table,
.show-hpn-list-item,
.show-hpn-run-in,
.show-hpn-table,
.show-hpn-table-caption,
.show-hpn-table-column-group,
.show-hpn-table-header-group,
.show-hpn-table-footer-group,
.show-hpn-table-row-group,
.show-hpn-table-cell,
.show-hpn-table-column,
.show-hpn-table-row,
.show-apn,
.show-apn-inline,
.show-apn-block,
.show-apn-flex,
.show-apn-inline-block,
.show-apn-inline-flex,
.show-apn-inline-table,
.show-apn-list-item,
.show-apn-run-in,
.show-apn-table,
.show-apn-table-caption,
.show-apn-table-column-group,
.show-apn-table-header-group,
.show-apn-table-footer-group,
.show-apn-table-row-group,
.show-apn-table-cell,
.show-apn-table-column,
.show-apn-table-row,
.show-vpd,
.show-vpd-inline,
.show-vpd-block,
.show-vpd-flex,
.show-vpd-inline-block,
.show-vpd-inline-flex,
.show-vpd-inline-table,
.show-vpd-list-item,
.show-vpd-run-in,
.show-vpd-table,
.show-vpd-table-caption,
.show-vpd-table-column-group,
.show-vpd-table-header-group,
.show-vpd-table-footer-group,
.show-vpd-table-row-group,
.show-vpd-table-cell,
.show-vpd-table-column,
.show-vpd-table-row,
.show-hpd,
.show-hpd-inline,
.show-hpd-block,
.show-hpd-flex,
.show-hpd-inline-block,
.show-hpd-inline-flex,
.show-hpd-inline-table,
.show-hpd-list-item,
.show-hpd-run-in,
.show-hpd-table,
.show-hpd-table-caption,
.show-hpd-table-column-group,
.show-hpd-table-header-group,
.show-hpd-table-footer-group,
.show-hpd-table-row-group,
.show-hpd-table-cell,
.show-hpd-table-column,
.show-hpd-table-row,
.show-apd,
.show-apd-inline,
.show-apd-block,
.show-apd-flex,
.show-apd-inline-block,
.show-apd-inline-flex,
.show-apd-inline-table,
.show-apd-list-item,
.show-apd-run-in,
.show-apd-table,
.show-apd-table-caption,
.show-apd-table-column-group,
.show-apd-table-header-group,
.show-apd-table-footer-group,
.show-apd-table-row-group,
.show-apd-table-cell,
.show-apd-table-column,
.show-apd-table-row,
.show-mbl,
.show-mbl-inline,
.show-mbl-block,
.show-mbl-flex,
.show-mbl-inline-block,
.show-mbl-inline-flex,
.show-mbl-inline-table,
.show-mbl-list-item,
.show-mbl-run-in,
.show-mbl-table,
.show-mbl-table-caption,
.show-mbl-table-column-group,
.show-mbl-table-header-group,
.show-mbl-table-footer-group,
.show-mbl-table-row-group,
.show-mbl-table-cell,
.show-mbl-table-column,
.show-mbl-table-row,
.show-ltp,
.show-ltp-inline,
.show-ltp-block,
.show-ltp-flex,
.show-ltp-inline-block,
.show-ltp-inline-flex,
.show-ltp-inline-table,
.show-ltp-list-item,
.show-ltp-run-in,
.show-ltp-table,
.show-ltp-table-caption,
.show-ltp-table-column-group,
.show-ltp-table-header-group,
.show-ltp-table-footer-group,
.show-ltp-table-row-group,
.show-ltp-table-cell,
.show-ltp-table-column,
.show-ltp-table-row,
.show-dtp,
.show-dtp-inline,
.show-dtp-block,
.show-dtp-flex,
.show-dtp-inline-block,
.show-dtp-inline-flex,
.show-dtp-inline-table,
.show-dtp-list-item,
.show-dtp-run-in,
.show-dtp-table,
.show-dtp-table-caption,
.show-dtp-table-column-group,
.show-dtp-table-header-group,
.show-dtp-table-footer-group,
.show-dtp-table-row-group,
.show-dtp-table-cell,
.show-dtp-table-column,
.show-dtp-table-row,
.show-fhd,
.show-fhd-inline,
.show-fhd-block,
.show-fhd-flex,
.show-fhd-inline-block,
.show-fhd-inline-flex,
.show-fhd-inline-table,
.show-fhd-list-item,
.show-fhd-run-in,
.show-fhd-table,
.show-fhd-table-caption,
.show-fhd-table-column-group,
.show-fhd-table-header-group,
.show-fhd-table-footer-group,
.show-fhd-table-row-group,
.show-fhd-table-cell,
.show-fhd-table-column,
.show-fhd-table-row,
.show-xhpn,
.show-xhpn-inline,
.show-xhpn-block,
.show-xhpn-flex,
.show-xhpn-inline-block,
.show-xhpn-inline-flex,
.show-xhpn-inline-table,
.show-xhpn-list-item,
.show-xhpn-run-in,
.show-xhpn-table,
.show-xhpn-table-caption,
.show-xhpn-table-column-group,
.show-xhpn-table-header-group,
.show-xhpn-table-footer-group,
.show-xhpn-table-row-group,
.show-xhpn-table-cell,
.show-xhpn-table-column,
.show-xhpn-table-row,
.show-xvpn,
.show-xvpn-inline,
.show-xvpn-block,
.show-xvpn-flex,
.show-xvpn-inline-block,
.show-xvpn-inline-flex,
.show-xvpn-inline-table,
.show-xvpn-list-item,
.show-xvpn-run-in,
.show-xvpn-table,
.show-xvpn-table-caption,
.show-xvpn-table-column-group,
.show-xvpn-table-header-group,
.show-xvpn-table-footer-group,
.show-xvpn-table-row-group,
.show-xvpn-table-cell,
.show-xvpn-table-column,
.show-xvpn-table-row {
    display: none;
}
@media (max-width: 479px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-vpn {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-vpn {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpn-table-row {
        display: table-row;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-hpn {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-hpn {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpn-table-row {
        display: table-row;
    }
}
@media (max-width: 767px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-apn {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-apn {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apn-table-row {
        display: table-row;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-vpd {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-vpd {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-vpd-table-row {
        display: table-row;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-hpd {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-hpd {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-hpd-table-row {
        display: table-row;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-apd {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-apd {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-apd-table-row {
        display: table-row;
    }
}
@media (max-width: 1024px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-mbl {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-mbl {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-mbl-table-row {
        display: table-row;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-ltp {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-ltp {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-ltp-table-row {
        display: table-row;
    }
}
@media (min-width: 1200px) and (max-width: 1919px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-dtp {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-dtp {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-dtp-table-row {
        display: table-row;
    }
}
@media (min-width: 1920px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-fhd {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-fhd {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-fhd-table-row {
        display: table-row;
    }
}
@media (min-width: 674px) and (max-width: 767px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-xhpn {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-xhpn {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xhpn-table-row {
        display: table-row;
    }
}
@media (max-width: 673px) {
    /* line 251, ../scss/variables/_mixin.scss */
    
    .hide-xvpn {
        display: none;
    }
    /* line 254, ../scss/variables/_mixin.scss */
    
    .show-xvpn {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-inline {
        display: inline;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-block {
        display: block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-flex {
        display: flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-inline-block {
        display: inline-block;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-inline-flex {
        display: inline-flex;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-inline-table {
        display: inline-table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-list-item {
        display: list-item;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-run-in {
        display: run-in;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table {
        display: table;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-caption {
        display: table-caption;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-column-group {
        display: table-column-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-header-group {
        display: table-header-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-footer-group {
        display: table-footer-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-row-group {
        display: table-row-group;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-cell {
        display: table-cell;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-column {
        display: table-column;
    }
    /* line 258, ../scss/variables/_mixin.scss */
    
    .show-xvpn-table-row {
        display: table-row;
    }
}
/* line 1, ../scss/variables/_print.scss */

body {
    position: relative;
}
/* line 3, ../scss/variables/_print.scss */

body.fullscreen {
    overflow: hidden;
}
/* line 7, ../scss/variables/_print.scss */

body.single-project .footer {
    position: absolute;
    bottom: 0;
}
/* line 13, ../scss/variables/_print.scss */

.wrapper {
    overflow: hidden;
}
/* line 16, ../scss/variables/_print.scss */

.container {
    max-width: 1200px;
}
/* line 19, ../scss/variables/_print.scss */

.clearfix {
    clear: both;
}
/* line 21, ../scss/variables/_print.scss */

.clearfix:before,
.clearfix:after {
    content: '';
    clear: both;
}
/* line 26, ../scss/variables/_print.scss */

a,
input,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea,
select,
textarea,
button {
    outline: none;
    text-decoration: none;
}
@font-face {
    font-family: 'Gotham Bold';
    src: url("../fonts/ufonts.com_gotham-bold.eot");
    src: local("тШ║"), url("../fonts/ufonts.com_gotham-bold.woff") format("woff"), url("../fonts/ufonts.com_gotham-bold.ttf") format("truetype"), url("../fonts/ufonts.com_gotham-bold.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Book';
    src: url("../fonts/ufonts.com_gotham-book.eot");
    src: local("тШ║"), url("../fonts/ufonts.com_gotham-book.woff") format("woff"), url("../fonts/ufonts.com_gotham-book.ttf") format("truetype"), url("../fonts/ufonts.com_gotham-book.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gotham Light';
    src: url("../fonts/ufonts.com_gotham-light.eot");
    src: local("тШ║"), url("../fonts/ufonts.com_gotham-light.woff") format("woff"), url("../fonts/ufonts.com_gotham-light.ttf") format("truetype"), url("../fonts/ufonts.com_gotham-light.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@-webkit-keyframes animateFadeInDown {
    from {
        background-color: rgba(27, 27, 27, 0);
    }
    to {
        background-color: #1b1b1b;
    }
}
@-moz-keyframes animateFadeInDown {
    from {
        background-color: rgba(27, 27, 27, 0);
    }
    to {
        background-color: #1b1b1b;
    }
}
@-ms-keyframes animateFadeInDown {
    from {
        background-color: rgba(27, 27, 27, 0);
    }
    to {
        background-color: #1b1b1b;
    }
}
@-o-keyframes animateFadeInDown {
    from {
        background-color: rgba(27, 27, 27, 0);
    }
    to {
        background-color: #1b1b1b;
    }
}
@keyframes animateFadeInDown {
    from {
        background-color: rgba(27, 27, 27, 0);
    }
    to {
        background-color: #1b1b1b;
    }
}
@-webkit-keyframes animateFadeOutDown {
    from {
        background-color: #1b1b1b;
    }
    to {
        background-color: rgba(27, 27, 27, 0);
    }
}
@-moz-keyframes animateFadeOutDown {
    from {
        background-color: #1b1b1b;
    }
    to {
        background-color: rgba(27, 27, 27, 0);
    }
}
@-ms-keyframes animateFadeOutDown {
    from {
        background-color: #1b1b1b;
    }
    to {
        background-color: rgba(27, 27, 27, 0);
    }
}
@-o-keyframes animateFadeOutDown {
    from {
        background-color: #1b1b1b;
    }
    to {
        background-color: rgba(27, 27, 27, 0);
    }
}
@keyframes animateFadeOutDown {
    from {
        background-color: #1b1b1b;
    }
    to {
        background-color: rgba(27, 27, 27, 0);
    }
}
@-webkit-keyframes showIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
}
@-moz-keyframes showIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
}
@-ms-keyframes showIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
}
@-o-keyframes showIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
}
@keyframes showIn {
    from {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
    to {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
}
@-webkit-keyframes showOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
}
@-moz-keyframes showOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
}
@-ms-keyframes showOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
}
@-o-keyframes showOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
}
@keyframes showOut {
    from {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }
    to {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
    }
}
@-webkit-keyframes animationUpDown {
    0% {
        bottom: 4px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 4px;
    }
}
@-moz-keyframes animationUpDown {
    0% {
        bottom: 4px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 4px;
    }
}
@-ms-keyframes animationUpDown {
    0% {
        bottom: 4px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 4px;
    }
}
@-o-keyframes animationUpDown {
    0% {
        bottom: 4px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 4px;
    }
}
@keyframes animationUpDown {
    0% {
        bottom: 4px;
    }
    50% {
        bottom: 10px;
    }
    100% {
        bottom: 4px;
    }
}
@-webkit-keyframes animationDown {
    0% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@-moz-keyframes animationDown {
    0% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@-ms-keyframes animationDown {
    0% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@-o-keyframes animationDown {
    0% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@keyframes animationDown {
    0% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    50% {
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(10px);
        -o-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@-webkit-keyframes animationOpacity {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-moz-keyframes animationOpacity {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-ms-keyframes animationOpacity {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@-o-keyframes animationOpacity {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
@keyframes animationOpacity {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    50% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    100% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
}
/* Hang */

@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-moz-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-ms-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-o-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-moz-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-ms-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-o-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-moz-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-ms-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-o-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-moz-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-ms-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-o-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}
@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-ms-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-o-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}
@-webkit-keyframes service-in {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes service-in {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes service-in {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes service-in {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes service-in {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    50% {
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)";
        opacity: 0.5;
        filter: alpha(opacity=50);
        -moz-transform: scale(1.02);
        -o-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* line 152, ../scss/elements/_animate.scss */

.fade-in-1 .isotope-item-inner {
    -webkit-animation: service-in 1000ms ease;
    -moz-animation: service-in 1000ms ease;
    -o-animation: service-in 1000ms ease;
    -ms-animation: service-in 1000ms ease;
    animation: service-in 1000ms ease;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes svgLoaderLogo {
    0%, 100% {
        fill: #FF9500;
    }
    25% {
        fill: #78ab98;
    }
    50% {
        fill: #aa7454;
    }
    75% {
        fill: #123456;
    }
}
@-moz-keyframes svgLoaderLogo {
    0%, 100% {
        fill: #FF9500;
    }
    25% {
        fill: #78ab98;
    }
    50% {
        fill: #aa7454;
    }
    75% {
        fill: #123456;
    }
}
@-ms-keyframes svgLoaderLogo {
    0%, 100% {
        fill: #FF9500;
    }
    25% {
        fill: #78ab98;
    }
    50% {
        fill: #aa7454;
    }
    75% {
        fill: #123456;
    }
}
@-o-keyframes svgLoaderLogo {
    0%, 100% {
        fill: #FF9500;
    }
    25% {
        fill: #78ab98;
    }
    50% {
        fill: #aa7454;
    }
    75% {
        fill: #123456;
    }
}
@keyframes svgLoaderLogo {
    0%, 100% {
        fill: #FF9500;
    }
    25% {
        fill: #78ab98;
    }
    50% {
        fill: #aa7454;
    }
    75% {
        fill: #123456;
    }
}
/* line 3, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-g-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 6, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-polyline-1 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 7600ms;
    animation-delay: 7600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 9, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-polyline-2 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 8400ms;
    animation-delay: 8400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 12, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-polyline-3 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 15, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-1 {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 5s linear forwards;
}
/* line 22, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-2 {
    -webkit-animation: dash linear 10000ms;
    -moz-animation: dash linear 10000ms;
    -o-animation: dash linear 10000ms;
    -ms-animation: dash linear 10000ms;
    animation: dash linear 10000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 25, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-3 {
    -webkit-animation: dash linear 10000ms;
    -moz-animation: dash linear 10000ms;
    -o-animation: dash linear 10000ms;
    -ms-animation: dash linear 10000ms;
    animation: dash linear 10000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 28, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-4 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 31, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-5 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 34, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-rect-6 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 37, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-line-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 10ms;
    animation-delay: 10ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 40, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-line-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 43, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-line-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2800ms;
    animation-delay: 2800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 46, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-line-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 4800ms;
    animation-delay: 4800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 49, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-line-5 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6800ms;
    animation-delay: 6800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 52, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-circle-1 {
    -webkit-animation: dash ease 6000ms;
    -moz-animation: dash ease 6000ms;
    -o-animation: dash ease 6000ms;
    -ms-animation: dash ease 6000ms;
    animation: dash ease 6000ms;
    -webkit-animation-delay: 9400ms;
    animation-delay: 9400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 55, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-circle-2 {
    -webkit-animation: dash ease 6000ms;
    -moz-animation: dash ease 6000ms;
    -o-animation: dash ease 6000ms;
    -ms-animation: dash ease 6000ms;
    animation: dash ease 6000ms;
    -webkit-animation-delay: 9400ms;
    animation-delay: 9400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 58, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-path-1 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 61, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-path-2 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 64, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-path-3 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 67, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-path-4 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 70, ../scss/elements/_svg.scss */

.svgAnimate #iconos-1 #iconos-1-path-5 {
    -webkit-animation: dash ease 6000ms;
    -moz-animation: dash ease 6000ms;
    -o-animation: dash ease 6000ms;
    -ms-animation: dash ease 6000ms;
    animation: dash ease 6000ms;
    -webkit-animation-delay: 9400ms;
    animation-delay: 9400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 75, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-rect-1 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 78, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-rect-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 81, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-rect-3 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 84, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-rect-4 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 87, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-path-1 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 90, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-path-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 93, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-g-1 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 96, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-g-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 99, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-1 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 102, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-2 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 105, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-3 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 108, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-4 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 111, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-5 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 114, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-6 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 117, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-7 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 120, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-8 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 123, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-9 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 126, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-10 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 129, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-11 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 132, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-12 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 135, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-13 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 138, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-14 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 141, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-15 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 144, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-16 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 147, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-17 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 150, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-18 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 153, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-19 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 156, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-20 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 159, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-21 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 162, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-22 {
    -webkit-animation: dash ease-in-out 6000ms;
    -moz-animation: dash ease-in-out 6000ms;
    -o-animation: dash ease-in-out 6000ms;
    -ms-animation: dash ease-in-out 6000ms;
    animation: dash ease-in-out 6000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 165, ../scss/elements/_svg.scss */

.svgAnimate #iconos-2 #iconos-2-line-23 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 169, ../scss/elements/_svg.scss */

.svgAnimate #iconos-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 173, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-1 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 176, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-2 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 179, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-3 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 182, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-4 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 185, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-5 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 188, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-6 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 2000ms;
    animation-delay: 2000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 191, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-7 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 194, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-8 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 197, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-9 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 203, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-11 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 206, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-12 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 209, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-rect-13 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 212, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-g-1 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 6000ms;
    animation-delay: 6000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 215, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-g-2 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 4600ms;
    animation-delay: 4600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 218, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-g-3 {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 4600ms;
    animation-delay: 4600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 221, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 circle {
    -webkit-animation: svgFadeIn linear 2000ms;
    -moz-animation: svgFadeIn linear 2000ms;
    -o-animation: svgFadeIn linear 2000ms;
    -ms-animation: svgFadeIn linear 2000ms;
    animation: svgFadeIn linear 2000ms;
    -webkit-animation-delay: 4600ms;
    animation-delay: 4600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 224, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 text {
    -webkit-animation: svgFadeIn linear 2000ms;
    -moz-animation: svgFadeIn linear 2000ms;
    -o-animation: svgFadeIn linear 2000ms;
    -ms-animation: svgFadeIn linear 2000ms;
    animation: svgFadeIn linear 2000ms;
    -webkit-animation-delay: 5600ms;
    animation-delay: 5600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 227, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-g-4 {
    -webkit-animation: svgFadeIn linear 2000ms;
    -moz-animation: svgFadeIn linear 2000ms;
    -o-animation: svgFadeIn linear 2000ms;
    -ms-animation: svgFadeIn linear 2000ms;
    animation: svgFadeIn linear 2000ms;
    -webkit-animation-delay: 5600ms;
    animation-delay: 5600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 230, ../scss/elements/_svg.scss */

.svgAnimate #iconos-4 #iconos-4-path-1 {
    -webkit-animation: svgFadeIn linear 2000ms;
    -moz-animation: svgFadeIn linear 2000ms;
    -o-animation: svgFadeIn linear 2000ms;
    -ms-animation: svgFadeIn linear 2000ms;
    animation: svgFadeIn linear 2000ms;
    -webkit-animation-delay: 4600ms;
    animation-delay: 4600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 235, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 238, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2600ms;
    animation-delay: 2600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 241, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 4200ms;
    animation-delay: 4200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 244, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5000ms;
    animation-delay: 5000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 247, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-5 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3400ms;
    animation-delay: 3400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 250, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-6 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6200ms;
    animation-delay: 6200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 253, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-7 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 256, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-line-8 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 7400ms;
    animation-delay: 7400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 259, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-polyline-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 8800ms;
    animation-delay: 8800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 262, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-rect-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5800ms;
    animation-delay: 5800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 265, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-rect-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 7000ms;
    animation-delay: 7000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 268, ../scss/elements/_svg.scss */

.svgAnimate #iconos-5 #iconos-5-rect-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 8400ms;
    animation-delay: 8400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 273, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 276, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 279, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 282, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-path-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 285, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-path-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 288, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-path-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 291, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 294, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-5 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 297, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-6 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 300, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-7 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5200ms;
    animation-delay: 5200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 303, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-8 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5200ms;
    animation-delay: 5200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 306, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-9 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5200ms;
    animation-delay: 5200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 309, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-10 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 312, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-11 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 315, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 #iconos-5-circle-12 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 319, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 g g {
    -webkit-animation: dash linear 2000ms;
    -moz-animation: dash linear 2000ms;
    -o-animation: dash linear 2000ms;
    -ms-animation: dash linear 2000ms;
    animation: dash linear 2000ms;
    -webkit-animation-delay: 7200ms;
    animation-delay: 7200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 322, ../scss/elements/_svg.scss */

.svgAnimate #iconos-6 g line {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 8000ms;
    animation-delay: 8000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 328, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-7 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 331, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-8 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 334, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-9 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 337, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 340, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-5 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 343, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 #iconos-7-rect-6 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 346, ../scss/elements/_svg.scss */

.svgAnimate #iconos-7 text {
    -webkit-animation: svgFadeIn ease-in 2000ms;
    -moz-animation: svgFadeIn ease-in 2000ms;
    -o-animation: svgFadeIn ease-in 2000ms;
    -ms-animation: svgFadeIn ease-in 2000ms;
    animation: svgFadeIn ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 351, ../scss/elements/_svg.scss */

.svgAnimate #iconos-8 #iconos-8-line-1 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 354, ../scss/elements/_svg.scss */

.svgAnimate #iconos-8 #iconos-8-line-2 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 357, ../scss/elements/_svg.scss */

.svgAnimate #iconos-8 #iconos-8-line-3 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 360, ../scss/elements/_svg.scss */

.svgAnimate #iconos-8 #iconos-8-line-4 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 363, ../scss/elements/_svg.scss */

.svgAnimate #iconos-8 #iconos-8-line-5 {
    -webkit-animation: dash ease-in 4000ms;
    -moz-animation: dash ease-in 4000ms;
    -o-animation: dash ease-in 4000ms;
    -ms-animation: dash ease-in 4000ms;
    animation: dash ease-in 4000ms;
    -webkit-animation-delay: 1400ms;
    animation-delay: 1400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 368, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 #iconos-10-rect-1 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 371, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 #iconos-10-rect-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 10800ms;
    animation-delay: 10800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 374, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 #iconos-10-rect-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 10800ms;
    animation-delay: 10800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 377, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 #iconos-10-rect-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 10800ms;
    animation-delay: 10800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 381, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-rect-5 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 384, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-rect-6 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 3800ms;
    animation-delay: 3800ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 387, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-rect-7 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 5200ms;
    animation-delay: 5200ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 392, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-path-2 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 6600ms;
    animation-delay: 6600ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 395, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-path-3 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 8000ms;
    animation-delay: 8000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 398, ../scss/elements/_svg.scss */

.svgAnimate #iconos-10 g #iconos-10-path-4 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 9400ms;
    animation-delay: 9400ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 404, ../scss/elements/_svg.scss */

.svgAnimate #iconos-11 #iconos-11-line-1,
.svgAnimate #iconos-11 #iconos-11-line-2,
.svgAnimate #iconos-11 #iconos-11-line-3,
.svgAnimate #iconos-11 #iconos-11-line-4,
.svgAnimate #iconos-11 #iconos-11-line-5,
.svgAnimate #iconos-11 #iconos-11-line-6,
.svgAnimate #iconos-11 #iconos-11-line-7,
.svgAnimate #iconos-11 #iconos-11-line-8,
.svgAnimate #iconos-11 #iconos-11-line-9,
.svgAnimate #iconos-11 #iconos-11-line-10,
.svgAnimate #iconos-11 #iconos-11-line-11,
.svgAnimate #iconos-11 #iconos-11-line-12,
.svgAnimate #iconos-11 #iconos-11-line-13,
.svgAnimate #iconos-11 #iconos-11-line-14,
.svgAnimate #iconos-11 #iconos-11-line-15,
.svgAnimate #iconos-11 #iconos-11-line-16,
.svgAnimate #iconos-11 #iconos-11-line-17,
.svgAnimate #iconos-11 #iconos-11-line-18 {
    -webkit-animation: dash ease-in 2000ms;
    -moz-animation: dash ease-in 2000ms;
    -o-animation: dash ease-in 2000ms;
    -ms-animation: dash ease-in 2000ms;
    animation: dash ease-in 2000ms;
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 428, ../scss/elements/_svg.scss */

#iconos-1 {
    width: 237px;
    height: 201px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 434, ../scss/elements/_svg.scss */

#iconos-2 {
    width: 222px;
    height: 249px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 440, ../scss/elements/_svg.scss */

#iconos-3 {
    width: 300px;
    height: 197px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 446, ../scss/elements/_svg.scss */

#iconos-4 {
    width: 236px;
    height: 269px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 451, ../scss/elements/_svg.scss */

#iconos-4 text {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 454, ../scss/elements/_svg.scss */

#iconos-4 circle {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 457, ../scss/elements/_svg.scss */

#iconos-4 #iconos-4-g-4 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 460, ../scss/elements/_svg.scss */

#iconos-4 #iconos-4-path-1 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 464, ../scss/elements/_svg.scss */

#iconos-5 {
    width: 185px;
    height: 221px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 469, ../scss/elements/_svg.scss */

#iconos-5 #iconos-5-polygon-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 472, ../scss/elements/_svg.scss */

#iconos-5 g {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 475, ../scss/elements/_svg.scss */

#iconos-5 #iconos-5-rect-1 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 479, ../scss/elements/_svg.scss */

#iconos-6 {
    width: 167px;
    height: 243px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 484, ../scss/elements/_svg.scss */

#iconos-6 #iconos-5-rect-4 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 488, ../scss/elements/_svg.scss */

#iconos-7 {
    width: 280px;
    height: 220px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 493, ../scss/elements/_svg.scss */

#iconos-7 path {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 496, ../scss/elements/_svg.scss */

#iconos-7 #iconos-7-rect-1 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 499, ../scss/elements/_svg.scss */

#iconos-7 #iconos-7-rect-2 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 502, ../scss/elements/_svg.scss */

#iconos-7 #iconos-7-rect-3 {
    -webkit-animation: dash linear 0ms;
    -moz-animation: dash linear 0ms;
    -o-animation: dash linear 0ms;
    -ms-animation: dash linear 0ms;
    animation: dash linear 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 505, ../scss/elements/_svg.scss */

#iconos-7 text {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 509, ../scss/elements/_svg.scss */

#iconos-8 {
    width: 178px;
    height: 205px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 514, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-1 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 517, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-2 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 520, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-3 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 523, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-4 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 526, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-5 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 529, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-6 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 532, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-7 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 535, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-8 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 538, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-9 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 541, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-10 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 544, ../scss/elements/_svg.scss */

#iconos-8 #iconos-8-path-11 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 548, ../scss/elements/_svg.scss */

#iconos-9 {
    width: 260px;
    height: 213px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 555, ../scss/elements/_svg.scss */

#iconos-10 {
    width: 183px;
    height: 236px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 560, ../scss/elements/_svg.scss */

#iconos-10 polygon {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 564, ../scss/elements/_svg.scss */

#iconos-11 {
    width: 212px;
    height: 232px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
}
/* line 569, ../scss/elements/_svg.scss */

#iconos-11 #iconos-11-rect-1 {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 572, ../scss/elements/_svg.scss */

#iconos-11 g {
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 576, ../scss/elements/_svg.scss */

#iconos-12 {
    width: 260px;
    height: 213px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash ease-in 0ms;
    -moz-animation: dash ease-in 0ms;
    -o-animation: dash ease-in 0ms;
    -ms-animation: dash ease-in 0ms;
    animation: dash ease-in 0ms;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes svgFadeIn {
    0% {
        -webkit-opacity: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        opacity: 0;
        filter: alpha(opacity=0);
    }
    100% {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
@keyframes dash-infinite {
    0% {
        stroke-dashoffset: 100;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
/* line 1, ../scss/elements/_menu-overlay.scss */

.menu-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.95);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 90;
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 14, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    /*&+.navbar {
      .navbar-inner {
        .logo-brand {
          background-position: -2px 0;
        }
      }
    }
    &+.servicio {
      background-color: rgba(255, 255, 255, .95) !important;
      @include transition(background-color, 300ms, linear);
    }
    &+.service-fixed {
      background-color: transparent !important;
      @include opacity(0);
      @include transition(background-color, 300ms, linear);
      &+.service-navbar {
        background-color: transparent !important;
        @include transition(background-color, 300ms, linear);
      }
    }*/
}
/* line 18, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar .filter-btn {
    display: none;
}
/* line 21, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar .search {
    opacity: 0;
}
/* line 25, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .contacto-fixed {
    background-color: transparent;
}
/* line 30, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar .navbar-inner .website-title {
    color: #333;
}
/* line 33, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar .navbar-inner .logo-brand {
    background-position: -117px 0;
}
/* line 39, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar.contacto-fixed .navbar-inner .logo-brand {
    background-position: -117px 0;
}
/* line 44, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar.proyectos-fixed {
    background-color: transparent;
}
/* line 46, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar.proyectos-fixed .logo-brand {
    background-position: -117px 0;
}
/* line 50, ../scss/elements/_menu-overlay.scss */

.menu-overlay.opened + .navbar + .service-navbar {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 75, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container {
    display: block;
    width: 900px;
    height: 600px;
    margin-top: -300px;
    margin-left: -450px;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}
@media (max-width: 1024px) {
    /* line 75, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container {
        width: 100%;
        height: auto;
        margin-top: auto;
        margin-left: auto;
    }
}
@media (max-width: 1024px) and (max-width: 1024px) {
    /* line 75, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container {
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}
/* line 94, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li {
    display: table;
    float: left;
    width: calc(100% / 3);
    height: calc(100% / 2);
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* line 94, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li {
        height: 200px;
    }
}
@media (max-width: 767px) {
    /* line 94, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li {
        display: inline-block;
        width: 100%;
    }
}
/* line 109, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li i {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-style: normal;
}
@media (max-width: 767px) {
    /* line 109, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li i {
        display: inline-block;
        width: 100%;
    }
}
/* line 118, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li i a {
    display: inline-block;
}
/* line 120, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li i a .img {
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}
@media (max-width: 479px) {
    /* line 120, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li i a .img {
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 120, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li i a .img {
        display: none;
    }
}
/* line 131, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li i a .title {
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Book', sans-serif;
    font-size: 15px;
    color: #333;
    text-transform: uppercase;
    margin: 15px 0 0;
}
@media (max-width: 479px) {
    /* line 131, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li i a .title {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 131, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .menu-container li i a .title {
        font-size: 24px;
        line-height: 38px;
    }
}
/* line 149, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li i a:hover .title {
    color: #ffa40a;
}
/* line 157, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(1) a .img {
    width: calc(144px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: 10px 0;
    /*jkjkj*/
}
/* line 165, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(1) a:hover .img {
    background-position: -385px 0;
    width: 56px;
    height: 50px;
}
/* line 175, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(2) a .img {
    width: calc(144px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: -55px 0;
}
/* line 182, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(2) a:hover .img {
    background-position: -450px 0;
    width: 60px;
    height: 50px;
}
/* line 192, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(3) a .img {
    width: calc(144px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: -120px 0;
}
/* line 199, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(3) a:hover .img {
    background-position: -507px 0px;
    height: 50px;
}
/* line 208, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(4) a .img {
    width: calc(144px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: -188px 0;
}
/* line 215, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(4) a:hover .img {
    background-position: -575px -1px;
    height: 50px;
}
/* line 224, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(5) a .img {
    width: calc(112px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: -258px 0;
}
/* line 231, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(5) a:hover .img {
    background-position: -645px -2px;
    height: 50px;
}
/* line 240, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(6) a .img {
    width: calc(134px / 2);
    height: calc(100px / 2);
    background-image: url("../images/menu/menu-sprites.png");
    background-position: -318px 0;
}
/* line 247, ../scss/elements/_menu-overlay.scss */

.menu-overlay .menu-container li:nth-child(6) a:hover .img {
    background-position: -705px 0px;
    height: 50px;
}
/* line 256, ../scss/elements/_menu-overlay.scss */

.menu-overlay > .container {
    position: absolute;
    left: 50%;
    bottom: 50px;
    padding: 0 25px;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (max-width: 479px) {
    /* line 256, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay > .container {
        bottom: 15px;
        margin-left: auto;
        bottom: 1%;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 256, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay > .container {
        bottom: 1%;
        margin-left: auto;
        padding: 0 25px;
    }
}
/* line 276, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
}
@media (max-width: 767px) {
    /* line 276, ../scss/elements/_menu-overlay.scss */
    
    .menu-overlay .langs {
        margin-top: 7px;
    }
}
/* line 284, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li {
    display: inline-block;
    list-style: none;
}
/* line 287, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li a {
    font-family: 'Gotham Book', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
/* line 293, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li a:hover {
    color: #ffa40a;
}
/* line 296, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li a.active {
    color: #ffa40a;
}
/* line 300, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li:nth-child(2) {
    padding-left: 13px;
    position: relative;
}
/* line 303, ../scss/elements/_menu-overlay.scss */

.menu-overlay .langs li:nth-child(2):before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 100%;
    background-color: #ffa40a;
    position: absolute;
    left: 2px;
}
/* line 315, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0;
    bottom: 50px;
    right: 20%;
}
/* line 322, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li {
    display: inline-block;
    width: 36px;
    height: 36px;
    list-style: none;
}
/* line 327, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    position: relative;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 335, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li a:before {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0 0 0;
    content: '';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #333;
    font-size: 22px;
    padding-right: 0.4em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 353, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li a:hover {
    border-color: #F9A31A;
}
/* line 355, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li a:hover:before {
    color: #F9A31A;
}
/* line 362, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li:nth-child(1) a:before {
    content: '\f09a';
}
/* line 367, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li:nth-child(2) {
    margin: 0 20px;
}
/* line 369, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li:nth-child(2) a:before {
    content: '\f0e1';
}
/* line 377, ../scss/elements/_menu-overlay.scss */

.menu-overlay .social li:nth-child(3) a:before {
    content: '\f0d5';
}
/* line 1, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links {
    width: 100%;
    background-color: #1b1b1b;
}
/* line 4, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links.freeze {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
/* line 11, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links.service-fixed {
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 30;
    background-color: transparent;
}
/* line 20, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul {
    display: inline-block;
    width: 100%;
    height: 100px;
    margin: 0;
    padding: 0;
}
/* line 26, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li {
    display: inline-block;
    float: left;
    width: 16.6%;
    text-align: center;
    vertical-align: middle;
    margin: 22px 0 0;
}
/* line 33, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
}
/* line 38, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 45, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a.active:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    opacity: 0.3;
    filter: alpha(opacity=30);
}
/* line 50, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a.active span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 55, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a:hover:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    opacity: 0.3;
    filter: alpha(opacity=30);
}
/* line 60, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a:hover span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 64, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li a span {
    display: inline-block;
    width: 100%;
    font-size: 19.1px;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -15px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 81, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(1) a:before {
    content: '';
    display: inline-block;
    width: 106px;
    height: 63px;
    background-image: url("../images/sub/1.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 94, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(2) a:before {
    content: '';
    display: inline-block;
    width: 71px;
    height: 60px;
    background-image: url("../images/sub/2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 107, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(3) a:before {
    content: '';
    display: inline-block;
    width: 76px;
    height: 64px;
    background-image: url("../images/sub/3.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 120, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(4) a:before {
    content: '';
    display: inline-block;
    width: 42px;
    height: 63px;
    background-image: url("../images/sub/4.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 133, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(5) a:before {
    content: '';
    display: inline-block;
    width: 45px;
    height: 65px;
    background-image: url("../images/sub/5.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 146, ../scss/elements/_servicio-tab-links.scss */

.servicio-tab-links .servicio-tab-links-inner ul li:nth-child(6) a:before {
    content: '';
    display: inline-block;
    width: 67px;
    height: 62px;
    background-image: url("../images/sub/6.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 1, ../scss/elements/_isotope.scss */

/* line 4, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list {
    background-color: #000000;
    list-style: none;
    margin: 0;
    padding: 0;
}
/* line 11, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list:before {
    display: table;
    content: "";
    line-height: 0;
}
/* line 16, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list:after {
    display: table;
    content: "";
    line-height: 0;
    clear: both;
}
/* line 22, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li {
    display: table;
    float: left;
    position: relative;
}
@media (max-width: 767px) {
    /* line 22, ../scss/elements/_isotope.scss */
    
    .wrap-servicio .servicios-list li {
        padding: 20px 0px;
        height: auto !important;
    }
}
/* line 32, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li.border:before {
    background-color: rgba(255, 255, 255, 0.3);
}
/* line 35, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li.border:after {
    background-color: rgba(255, 255, 255, 0.3);
}
/* line 39, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: background-color 1000ms ease;
    -moz-transition: background-color 1000ms ease;
    -ms-transition: background-color 1000ms ease;
    -o-transition: background-color 1000ms ease;
    transition: background-color 1000ms ease;
}
/* line 50, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color 1000ms ease;
    -moz-transition: background-color 1000ms ease;
    -ms-transition: background-color 1000ms ease;
    -o-transition: background-color 1000ms ease;
    transition: background-color 1000ms ease;
}
/* line 62, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 73, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner:hover .servicios-link {
    color: #ffa40a;
}
/* line 77, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .ii-ico {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin: 0;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
/* line 93, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .ii-ico:hover,
.wrap-servicio .servicios-list li .isotope-item-inner .ii-ico:focus,
.wrap-servicio .servicios-list li .isotope-item-inner .ii-ico:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
/* line 110, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .ii-title {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    line-height: 12px;
    line-height: normal;
    margin: 30px 0 15px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
/* line 120, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .ii-title:hover {
    color: #ffa40a;
}
/* line 124, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .ii-caption {
    display: block;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #ffffff;
    line-height: normal;
    padding: 0 8%;
}
/* line 133, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .servicios-link {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #ffa40a;
    margin: 20px 0 0;
    padding: 7px 14px;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}
/* line 151, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li .isotope-item-inner .servicios-link:hover,
.wrap-servicio .servicios-list li .isotope-item-inner .servicios-link:focus,
.wrap-servicio .servicios-list li .isotope-item-inner .servicios-link:active {
    -webkit-animation-name: hvr-hang-sink, hvr-hang;
    animation-name: hvr-hang-sink, hvr-hang;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
}
/* line 175, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(3n) .isotope-item-inner:before {
    content: '';
    display: none;
}
/* line 183, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(1) .isotope-item-inner .ii-ico {
    width: 225px;
    height: 133px;
    background-image: url("../images/desarrollo-web.png");
}
/* line 192, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(2) .isotope-item-inner .ii-ico {
    width: 147px;
    height: 125px;
    background-image: url("../images/social-media.png");
}
/* line 201, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(3) .isotope-item-inner .ii-ico {
    width: 151px;
    height: 128px;
    background-image: url("../images/seo.png");
}
/* line 210, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(4) .isotope-item-inner .ii-ico {
    width: 90px;
    height: 135px;
    background-image: url("../images/deseno-grafico.png");
}
/* line 219, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(5) .isotope-item-inner .ii-ico {
    width: 158px;
    height: 128px;
    background-image: url("../images/desarrollo-de-software.png");
}
/* line 228, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(6) .isotope-item-inner .ii-ico {
    width: 66px;
    height: 140px;
    background-image: url("../images/consultoriav2.png");
}
/* line 210, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(7) .isotope-item-inner .ii-ico {
    width: 158px;
    height: 128px;
    background-image: url("../images/Content.png");
}
/* line 219, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(8) .isotope-item-inner .ii-ico {
    width: 158px;
    height: 128px;
    background-image: url("../images/big-data.png");
}
/* line 228, ../scss/elements/_isotope.scss */

.wrap-servicio .servicios-list li:nth-child(9) .isotope-item-inner .ii-ico {
    width: 158px;
    height: 128px;
    background-image: url("../images/Human-Resources.png");
}
/* line 1, ../scss/elements/_carousel.scss */

.carousel {
    width: 100%;
}
/* line 3, ../scss/elements/_carousel.scss */

.carousel .vignet {
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}
/* line 14, ../scss/elements/_carousel.scss */

.carousel #viewport {
    width: 100%;
    height: 100%;
}
/* line 17, ../scss/elements/_carousel.scss */

.carousel #viewport #box {
    width: 100%;
    height: 100%;
}
/* line 20, ../scss/elements/_carousel.scss */

.carousel #viewport #box .slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 25, ../scss/elements/_carousel.scss */

.carousel #viewport #box .slide img {
    width: 100%;
}
/* line 31, ../scss/elements/_carousel.scss */

.carousel .slider-controls {
    width: 180px;
    background-color: #333333;
    text-align: center;
    padding: 20px 30px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 30;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: transform 0.3s linear;
    -moz-transition: transform 0.3s linear;
    -ms-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    -moz-transform: rotate(45deg) translate(6rem, -6.5rem);
    -o-transform: rotate(45deg) translate(6rem, -6.5rem);
    -ms-transform: rotate(45deg) translate(6rem, -6.5rem);
    -webkit-transform: rotate(45deg) translate(6rem, -6.5rem);
    transform: rotate(45deg) translate(6rem, -6.5rem);
}
/* line 48, ../scss/elements/_carousel.scss */

.carousel .slider-controls.active {
    -webkit-transform: rotate(0deg) translate(0, 0);
    transform: rotate(0deg) translate(0, 0);
}
/* line 51, ../scss/elements/_carousel.scss */

.carousel .slider-controls.active .before {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 55, ../scss/elements/_carousel.scss */

.carousel .slider-controls .before {
    position: absolute;
    top: 38px;
    left: 2px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/* line 62, ../scss/elements/_carousel.scss */

.carousel .slider-controls .before:before {
    content: '\f104';
    display: inline-block;
    width: 24px;
    height: 24px;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 26px;
    color: #ffffff;
}
/* line 73, ../scss/elements/_carousel.scss */

.carousel .slider-controls a {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -12px;
}
/* line 81, ../scss/elements/_carousel.scss */

.carousel .slider-controls a:before {
    content: '';
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 20px;
    color: #ffffff;
}
/* line 90, ../scss/elements/_carousel.scss */

.carousel .slider-controls a#prev:before {
    content: '\f106';
}
/* line 94, ../scss/elements/_carousel.scss */

.carousel .slider-controls a#next {
    top: auto;
    bottom: -35px;
}
/* line 97, ../scss/elements/_carousel.scss */

.carousel .slider-controls a#next:before {
    content: '\f107';
}
/* line 102, ../scss/elements/_carousel.scss */

.carousel .slider-controls span {
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
/* line 2, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box .container {
    overflow: hidden;
}
/* line 5, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another {
    width: 100%;
}
/* line 7, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .servicios-current-title {
    display: inline-block;
    float: left;
    font-family: 'Gotham Light', sans-serif;
    font-size: 30px;
    font-weight: 300;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 30px;
}
/* line 45, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .more-link {
    display: inline-block;
    float: right;
    font-family: 'Gotham Light', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px 0;
    height: 44px;
    border: 1px solid #000;
    padding: 12px 12px 12px 24px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
@media (max-width: 767px) {
    /* line 45, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .more-link {
        display: none;
    }
}
/* line 64, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .more-link.left {
    float: left;
}
/* line 67, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .more-link:hover {
    background-color: #ffa40a;
    border-color: #ffa40a;
    color: #ffffff;
}
/* line 71, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .more-link:hover:before {
    content: "\f105";
    color: #fff;
}
/* line 76, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .more-link:before {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    line-height: 26px;
    color: #f6a21c;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
/* line 93, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    margin: 0 -18px;
    text-align: center;
}
@media (max-width: 767px) {
    /* line 93, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner {
        width: 100%;
        text-align: center;
        margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 93, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner {
        margin: 0;
        text-align: center;
    }
}
/* line 109, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner li {
    display: inline-block;
    width: 264px;
    height: 248px;
    padding: 17px;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-transition: margin-bottom 600ms linear;
    -moz-transition: margin-bottom 600ms linear;
    -ms-transition: margin-bottom 600ms linear;
    -o-transition: margin-bottom 600ms linear;
    transition: margin-bottom 600ms linear;
}
@media (max-width: 767px) {
    /* line 109, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner li {
        padding: 17px;
    }
}
@media (max-width: 479px) {
    /* line 109, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner li {
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 109, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner li {
        padding: 17px;
    }
}
@media (max-width: 767px) {
    /* line 128, ../scss/elements/_servicio-layout-another.scss */
    
    .servicios-content-box.layout-another .layout-another-inner li:nth-child(4n) {
        margin: 0 auto;
    }
}
/* line 134, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner li .item {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
    border: 2px solid #1b1b1b;
}
/* line 140, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner li .item .item-inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
/* line 144, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner li .item .item-inner h3 {
    margin: 0 auto;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}
/* line 151, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner li .item .item-inner .item-ico {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 20px 0 0;
}
/* line 164, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner.diseno-grafico li .item .item-inner h3 {
    font-family: 'Gotham Light', sans-serif;
    font-size: 17.9px;
    font-weight: 300;
    color: #000000;
    line-height: normal;
}
/* line 171, ../scss/elements/_servicio-layout-another.scss */

.servicios-content-box.layout-another .layout-another-inner.diseno-grafico li .item .item-inner .item-ico {
    display: inline-block;
    width: 50%;
    height: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* line 1, ../scss/elements/_popover.scss */

.popover-overlay {
    display: none;
    width: 100%;
    min-height: 400px;
    padding: 0 0 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -100%;
    z-index: 100;
    font-family: 'Gotham Book', sans-serif;
    -webkit-animation: animateFadeOutDown 0.3s linear;
    -moz-animation: animateFadeOutDown 0.3s linear;
    -o-animation: animateFadeOutDown 0.3s linear;
    -ms-animation: animateFadeOutDown 0.3s linear;
    animation: animateFadeOutDown 0.3s linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 12, ../scss/elements/_popover.scss */

.popover-overlay > .container {
    position: relative;
}
/* line 14, ../scss/elements/_popover.scss */

.popover-overlay > .container .close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -10px;
    right: 0;
    cursor: pointer;
}
@media (max-width: 1199px) {
    /* line 14, ../scss/elements/_popover.scss */
    
    .popover-overlay > .container .close {
        right: 10px;
    }
}
/* line 25, ../scss/elements/_popover.scss */

.popover-overlay > .container .close:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 11px;
    left: 0;
}
/* line 36, ../scss/elements/_popover.scss */

.popover-overlay > .container .close:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 11px;
    left: 0;
}
/* line 49, ../scss/elements/_popover.scss */

.popover-overlay .arrow-top {
    display: inline-block;
    position: absolute;
    top: -60px;
}
/* line 53, ../scss/elements/_popover.scss */

.popover-overlay .arrow-top:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent rgba(27, 27, 27, 0) transparent;
    position: absolute;
    top: 0;
    -webkit-transition: border-color 600ms linear;
    -moz-transition: border-color 600ms linear;
    -ms-transition: border-color 600ms linear;
    -o-transition: border-color 600ms linear;
    transition: border-color 600ms linear;
}
/* line 67, ../scss/elements/_popover.scss */

.popover-overlay.show {
    bottom: auto;
    -webkit-animation: animateFadeInDown 0.3s linear;
    -moz-animation: animateFadeInDown 0.3s linear;
    -o-animation: animateFadeInDown 0.3s linear;
    -ms-animation: animateFadeInDown 0.3s linear;
    animation: animateFadeInDown 0.3s linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: both;
    -moz-animation-iteration-count: both;
    animation-iteration-count: both;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 72, ../scss/elements/_popover.scss */

.popover-overlay.show .arrow-top:before {
    content: '';
    border-color: transparent transparent rgba(27, 27, 27, 0.99) transparent;
}
/* line 78, ../scss/elements/_popover.scss */

.popover-overlay .sub-title {
    font-size: 29.98px;
    font-weight: 300;
    color: #ffa40a;
    text-transform: uppercase;
    margin: 40px 0 50px;
}
/* line 85, ../scss/elements/_popover.scss */

.popover-overlay .sub-caption {
    display: inline-block;
    font-family: 'Gotham Light', sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: white;
    text-align: left;
    margin: 0 0 50px;
}
/* line 94, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
/* line 99, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li {
    display: inline-block;
    width: 50%;
    float: left;
    margin: 0 0 30px;
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 99, ../scss/elements/_popover.scss */
    
    .popover-overlay .servisios-sub-list li {
        width: 100%;
    }
}
/* line 107, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li h4 {
    font-size: 16px;
    font-weight: 300;
    color: #ffa40a;
    text-transform: uppercase;
    margin: 0 0 15px;
}
/* line 114, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li .ssl-inner {
    display: inline-block;
    width: 100%;
}
/* line 117, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li .ssl-inner .image {
    display: table;
    float: left;
    width: 92px;
    height: 92px;
    border: 2px solid white;
    margin: 5px 0 0;
}
/* line 124, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li .ssl-inner .image .image-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* line 128, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li .ssl-inner .image .image-inner span {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
    width: 70%;
    height: 70%;
    background-size: contain;
    background-position: center;
}
/* line 139, ../scss/elements/_popover.scss */

.popover-overlay .servisios-sub-list li .ssl-inner .text {
    display: inline-block;
    float: left;
    width: calc(100% - 150px);
    margin: 2px 0 0 10px;
    font-family: 'Gotham Light', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: white;
    line-height: 19px;
}
/* line 55, ../scss/elements/_preloader.scss */

.loader {
    background-color: #f8f8f8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
}
/* line 63, ../scss/elements/_preloader.scss */

.loader .loader-inner {
    width: 263px;
    height: 77px;
    background-image: url("../img/loader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: -8%;
    right: 0;
    margin-top: -62.5px;
    margin-left: auto;
    margin-right: auto;
}
/* .contacto {
  width: 100%;
  padding: 60px 0 0;

  .section-title {
    font-size: 20px;
    font-weight: 300;
    color: $color-dark-a;
    text-align: center;
    margin: 40px 0 40px;
  }
  .contacto-left {
    width: 40%;
    float: left;
    .contacto-address {
      width: 100%;
      margin: 50px 0 0;
      h4 {
        font-size: 29.97px;
        font-weight: 900;
        color: $color-dark-a;
        line-height: normal;
        text-transform: uppercase;
        margin: 0 0 10px;
      }
      span {
        display: block;
        font-size: 12.99px;
        font-weight: 500;
        color: $color-dark-a;
        line-height: normal;
        margin: 0 0 5px;
        &.contacto-phone {
          font-size: 17.98px;
          font-weight: 500;
        }
      }
    }
    .mailto {
      display: inline-block;
      font-size: 17.98px;
      font-weight: 500;
      color: $color-dark-a;
      position: relative;
      margin: 122px 0 0;
      &:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: $color-yellow-a;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
      }
    }
    .see-on-map {
      display: block;
      font-size: 17.98px;
      font-weight: 500;
      color: $color-dark-a;
      margin: 20px 0 0;
    }
  }
  .contacto-right {
    width: 60%;
    float: left;
    text-align: right;
    .contacto-form {
      display: block;
      width: 100%;
      input, textarea {
        display: block;
        width: 100%;
        border: 1px solid $color-yellow-a;
        margin: 0 0 20px;
        padding: 15px 10px;
        text-align: left;
        @include placeholder-color($color-dark-a);
      }
      textarea {
        min-height: 182px;
        resize: none;
      }
      button {
        display: inline-block;
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        text-align: center;
        text-transform: uppercase;
        border: 2px solid $color-yellow-a;
        background-color: white;
        padding: 5px 10px;
      }
    }
  }
  #map {
    width: 100%;
    height: 660px;
    // margin: 50px 0 0;
      &:before {
    content: '';
    display: block;
    visibility: hidden;
    background-image: url('../images/map-icon2-glow.png');
  }
  }
}
.gm-style-iw {
  max-width: 700px !important;
  div {
    max-width: 100%  !important;
    overflow: hidden;
    @include response-to(vpd) {
      width: 400px !important;
    }
  }
}
.shadow-pop {
  -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
  &:before {
    content: '';
    position: absolute;
    display: block;
    left: -60px;
    top: 30%;
    width: 0;
    z-index: 9;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 69px;
    border-bottom-width: 0px;
    border-right: 63px solid white;
  }
  &:after {
    content: '';
    position: absolute;
    display: block;
    left: -40px;
    top: 41%;
    z-index: -1;
    width: 53px;
    height: 20px;
    -webkit-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 26px 0px rgba(0,0,0,0.75);
    @include response-to(vpd) {
      top: 59%;
    }
  }
  .pop-dn {
    display: none;
  }
  div {
    &:first-child {
      div {
        &:nth-child(3) {
          display: none;                  
        }
      }
    }
  }
}
.comtact-prompt {
  padding: 10px 0;
  min-height: 340px;
  @include response(apn) {
    padding: 40px 0 25px 0;
  }
  .contact-wrap {
    .col-info {
      width: 43%;
      // width: 100%;
      float: left;
      height: 349px;
      padding: 0 10px;
      @include response(apn) {
        padding: 0 20px;
      }
      @include response-to(vpd) {
        height: auto;
        float: none;
        width: 100%;
      }
        .wrap-info {
          position: relative;
          top: 50%;
          @include transform(translateY(-50%));
          @include response-to(vpd) {
            top: auto;
            @include transform(translateY(0));
          }
          h1 {
            font-size: 30px;
            font-weight: 500;
            text-transform: uppercase;
            padding: 0;
            margin: 0;
          }
          .moddescr {
            font-size: 13px;
            display: inline-block;
            width: 100%;
            p {
              &:first-child {
                margin: 15px 0 0;
              }
              margin: 0;
            }
          }
        .info-email {
          padding: 65px 5px 0 5px;
          border-bottom: 1px solid #ffa40a;
          font-size: 18px;
          display: inline-block;
          @include response-to(vpd) {
            padding: 20px 5px 0 5px;
          }
        }
      }
    }
    .col-modal {
      width: 53%;
      float: left;
      padding: 0 10px;
      position: relative;
      @include response(apn) {
        padding: 0 20px;
      }
      @include response-to(vpd) {
        float: none;
        width: 100%;
      }
      input {
        width: 100%;
        height: 38px;
        line-height: 38px;
        font-size: 14px;
        margin-bottom: 14px;
        padding: 0 0 0 14px;
        &.error {
          @include placeholder-color(red);
        }
      }
      textarea {
        width: 100%;
        max-height: 120px;
        height: 100%;
        padding: 14px 0 0 14px;
        &.error {
          @include placeholder-color(red);
        }
      }
      input[type=submit] {
        width: 140px;
        float: right;
        font-size: 12px;
        text-transform: uppercase;
        color: #000;
        background-color: #fff;
        border: 2px solid #000;
        padding: 0;
        margin: 0;
      }
      .thanks {
        &.active {
          display: block !important;
        }
        font-size: 30px;
        display: none;
        position: absolute;
        text-align: center;
        line-height: 33px;
        top: 50%;
         @include transform(translateY(-50%));
      }
    }
  }
}
.modals-contact {
  display: none;
  &.open {
    display: block;
  }
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 0;
  z-index: 9999;
  .close {
    position: absolute;
    right: 32px;
    top: 10px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    &:hover {
      opacity: 1;
    }
    &:before, &:after {
      position: absolute;
      left: 15px;
      content: ' ';
      height: 33px;
      width: 2px;
      background-color: #333;
    }
    &:before {
      transform: rotate(45deg);
    }
    &:after {
      transform: rotate(-45deg);
    }
  }
} */
/* line 1, ../scss/pages/_contact.scss */

.contacto {
    width: 100%;
    padding: 60px 0 0;
    position: relative;
}
/* line 6, ../scss/pages/_contact.scss */

.contacto svg > desc {
    display: none;
}
/* line 9, ../scss/pages/_contact.scss */

.contacto svg circle {
    display: none;
}
/* line 11, ../scss/pages/_contact.scss */

.contacto svg circle + path {
    display: none;
}
/* line 15, ../scss/pages/_contact.scss */

.contacto svg + a {
    display: none !important;
}
/* line 19, ../scss/pages/_contact.scss */

.contacto .modals-contact {
    z-index: 9;
    width: 840px;
    height: 480px;
    background-color: rgba(0, 0, 0, 0.85);
    position: absolute;
    top: -100%;
    left: -100%;
    margin: -340px 0 0 90px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.85);
    -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.85);
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.85);
    -webkit-transition: opacity 600ms ease;
    -moz-transition: opacity 600ms ease;
    -ms-transition: opacity 600ms ease;
    -o-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
}
/* line 31, ../scss/pages/_contact.scss */

.contacto .modals-contact#modal2 {
    margin: -200px 0 0 90px;
}
/* line 33, ../scss/pages/_contact.scss */

.contacto .modals-contact#modal2 .arrow {
    margin-top: -85px;
}
/* line 37, ../scss/pages/_contact.scss */

.contacto .modals-contact.show {
    z-index: 10;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
@media (max-width: 479px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
        margin: 60px 0 0 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* line 50, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact#modal2 {
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 470px;
        height: auto;
        top: 50%;
        left: 50%;
        margin-top: -240px;
        margin-left: -235px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* line 62, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact#modal2 {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 700px;
        top: 50%;
        left: 50%;
        margin-top: -240px;
        margin-left: -350px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* line 73, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact#modal2 {
        display: none;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 700px;
        top: 50%;
        left: 50%;
        margin-top: -240px;
        margin-left: -350px;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
        opacity: 1;
        filter: alpha(opacity=100);
    }
    /* line 84, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact#modal2 {
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 650px;
    }
}
@media (min-width: 1200px) and (max-width: 1919px) {
    /* line 19, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact {
        width: 750px;
    }
}
/* line 94, ../scss/pages/_contact.scss */

.contacto .modals-contact .arrow {
    width: 54px;
    height: 76px;
    background-image: url("../img/arrow.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: -54px;
    margin-top: 60px;
}
@media (max-width: 1024px) {
    /* line 94, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact .arrow {
        display: none;
    }
}
/* line 108, ../scss/pages/_contact.scss */

.contacto .modals-contact .close {
    display: none;
}
/* line 111, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt {
    width: 100%;
    height: 100%;
}
@media (max-width: 479px) {
    /* line 111, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact .comtact-prompt {
        height: auto;
    }
}
/* line 117, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap {
    width: 100%;
    height: 100%;
    padding: 40px;
}
@media (max-width: 479px) {
    /* line 117, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact .comtact-prompt .contact-wrap {
        height: auto;
    }
}
/* line 124, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-info {
    width: 40%;
    float: left;
    margin-right: 5%;
}
@media (max-width: 479px) {
    /* line 124, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact .comtact-prompt .contact-wrap .col-info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 50px;
        float: none;
    }
}
/* line 135, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-info .wrap-info .firstHeading {
    font-size: 28px;
    color: #fff;
    margin-bottom: 5px;
}
/* line 141, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-info .wrap-info .moddescr p {
    font-size: 13px;
    color: #fff;
    margin: 0;
}
/* line 147, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-info .wrap-info .info-email {
    display: inline-block;
    font-size: 18px;
    font-weight: 200;
    font-style: normal;
    color: #fff;
    position: relative;
    margin-top: 50px;
}
/* line 155, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-info .wrap-info .info-email:after {
    content: '';
    height: 1px;
    background-color: #ff9e37;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
}
/* line 167, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal {
    width: 55%;
    float: left;
    position: relative;
}
@media (max-width: 479px) {
    /* line 167, ../scss/pages/_contact.scss */
    
    .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal {
        width: 100%;
        float: none;
    }
}
/* line 175, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform {
    text-align: right;
}
/* line 177, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    text-align: left;
}
/* line 182, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span input,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea {
    display: inline-block;
    width: 100%;
    padding: 8px 3px;
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #d0d0d0;
    background-color: transparent;
    font-size: 14px;
    color: #888;
}
/* line 9, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span input.error::-webkit-input-placeholder,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error::-webkit-input-placeholder {
    color: #ff0000;
}
/* line 10, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span input.error:-moz-placeholder,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error:-moz-placeholder {
    color: #ff0000;
    opacity: 1;
}
/* line 11, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span input.error::-moz-placeholder,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error::-moz-placeholder {
    color: #ff0000;
    opacity: 1;
}
/* line 12, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span input.error:-ms-input-placeholder,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error:-ms-input-placeholder {
    color: #ff0000;
}
/* line 196, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea {
    height: 120px;
    resize: none;
}
/* line 9, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error::-webkit-input-placeholder {
    color: #ff0000;
}
/* line 10, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error:-moz-placeholder {
    color: #ff0000;
    opacity: 1;
}
/* line 11, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error::-moz-placeholder {
    color: #ff0000;
    opacity: 1;
}
/* line 12, ../scss/variables/_mixin.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea.error:-ms-input-placeholder {
    color: #ff0000;
}
/* line 206, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform input[type="submit"],
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"] {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #d0d0d0;
    font-size: 14px;
    color: #888;
    text-transform: uppercase;
    padding: 6px 12px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 215, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform input[type="submit"]:hover,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"]:hover,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform input[type="submit"]:focus,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"]:focus {
    background-color: #d0d0d0;
    color: #000;
}
/* line 222, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .thanks {
    position: absolute;
    top: 35%;
    color: #ffffff;
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    left: 0;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
    display: none;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    -ms-transition: opacity 300ms ease;
    -o-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
/* line 235, ../scss/pages/_contact.scss */

.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .thanks.active {
    display: block;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 2, ../scss/pages/_nosotros.scss */

.nosotros .service-head {
    background-image: url("../images/nosotros-header.jpg");
}
/* line 5, ../scss/pages/_nosotros.scss */

.nosotros .description {
    margin: 80px 0 0;
}
/* line 7, ../scss/pages/_nosotros.scss */

.nosotros .description .col-ltp-6 {
    display: table;
    height: 300px;
}
@media (max-width: 767px) {
    /* line 7, ../scss/pages/_nosotros.scss */
    
    .nosotros .description .col-ltp-6 {
        height: auto;
        padding: 20px 5px 10px 5px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* line 7, ../scss/pages/_nosotros.scss */
    
    .nosotros .description .col-ltp-6 {
        height: 400px;
    }
}
/* line 17, ../scss/pages/_nosotros.scss */

.nosotros .description .col-ltp-6 .row {
    display: table-cell;
    vertical-align: middle;
}
/* line 20, ../scss/pages/_nosotros.scss */

.nosotros .description .col-ltp-6 .row h3 {
    font-family: 'Gotham Bold', sans-serif;
    font-size: 71px;
    color: #010101;
    margin: 0;
    line-height: 75px;
}
@media (max-width: 767px) {
    /* line 20, ../scss/pages/_nosotros.scss */
    
    .nosotros .description .col-ltp-6 .row h3 {
        font-size: 60px;
        line-height: 65px;
    }
}
/* line 30, ../scss/pages/_nosotros.scss */

.nosotros .description .col-ltp-6 .row h3 span {
    color: #ffa40a;
    font-size: 88px;
    font-family: 'Gotham Bold', sans-serif;
}
@media (max-width: 767px) {
    /* line 30, ../scss/pages/_nosotros.scss */
    
    .nosotros .description .col-ltp-6 .row h3 span {
        font-size: 60px;
    }
}
/* line 39, ../scss/pages/_nosotros.scss */

.nosotros .description .col-ltp-6 .row p {
    font-family: 'Gotham Light', sans-serif;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    margin: 0;
}
@media (max-width: 767px) {
    /* line 39, ../scss/pages/_nosotros.scss */
    
    .nosotros .description .col-ltp-6 .row p {
        font-size: 16px;
        line-height: 24px;
    }
}
/* line 54, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides {
    display: block;
    width: 100%;
    height: 410px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    /* line 54, ../scss/pages/_nosotros.scss */
    
    .nosotros .nosotros-carousel .slides {
        height: 300px;
    }
}
/* line 67, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list {
    width: 100%;
    height: 100%;
}
/* line 70, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track {
    width: 100%;
    height: 100%;
}
/* line 73, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    outline: none;
}
@media (max-width: 767px) {
    /* line 73, ../scss/pages/_nosotros.scss */
    
    .nosotros .nosotros-carousel .slides .slick-list .slick-track li {
        background-size: contain;
    }
}
/* line 84, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6 {
    display: table;
    height: 100%;
}
/* line 87, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6 .col-ltp-6-inner {
    display: table-cell;
    vertical-align: middle;
}
/* line 90, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6 .col-ltp-6-inner h3 {
    font-family: 'Gotham Book', sans-serif;
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
}
/* line 98, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6:nth-child(1) .col-ltp-6-inner {
    text-align: right;
}
/* line 100, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6:nth-child(1) .col-ltp-6-inner h3 {
    padding: 0 170px 0 0;
}
/* line 106, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6:nth-child(2) .col-ltp-6-inner {
    text-align: left;
}
/* line 108, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-list .slick-track li .col-ltp-6:nth-child(2) .col-ltp-6-inner h3 {
    padding: 0 0 0 170px;
}
/* line 117, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow {
    font-size: 0;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 1;
}
/* line 126, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-prev {
    text-align: left;
    left: 40px;
    border: 2px solid #ffffff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -webkit-transition: color 200ms ease-in;
    -moz-transition: color 200ms ease-in;
    -ms-transition: color 200ms ease-in;
    -o-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
}
/* line 134, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-prev:before {
    content: '\f060';
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 100;
    font-size: 14px;
    color: #ffa40a;
    position: relative;
    top: 2px;
    left: 3px;
}
/* line 145, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-prev:hover {
    border-color: #ffa40a;
}
/* line 149, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-next {
    text-align: right;
    right: 40px;
    border: 2px solid #ffffff;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -webkit-transition: color 200ms ease-in;
    -moz-transition: color 200ms ease-in;
    -ms-transition: color 200ms ease-in;
    -o-transition: color 200ms ease-in;
    transition: color 200ms ease-in;
}
/* line 157, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-next:before {
    content: '\f061';
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 100;
    font-size: 14px;
    color: #ffa40a;
    position: relative;
    top: 2px;
    right: 4px;
}
/* line 168, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-arrow.slick-next:hover {
    border-color: #ffa40a;
}
/* line 173, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-dots {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    position: relative;
    top: -35px;
    left: -10px;
}
@media (max-width: 767px) {
    /* line 173, ../scss/pages/_nosotros.scss */
    
    .nosotros .nosotros-carousel .slides .slick-dots {
        left: 0;
    }
}
/* line 185, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-dots li {
    display: inline-block;
    list-style: none;
    border-radius: 50%;
    height: 14px;
    padding: 5px;
    box-sizing: content-box;
}
@media (max-width: 767px) {
    /* line 185, ../scss/pages/_nosotros.scss */
    
    .nosotros .nosotros-carousel .slides .slick-dots li {
        padding: 10px;
    }
}
/* line 198, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-dots li button {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid #333333;
    border-radius: 50%;
    text-indent: -9999px;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    -ms-transition: background-color 300ms ease-in;
    -o-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}
/* line 209, ../scss/pages/_nosotros.scss */

.nosotros .nosotros-carousel .slides .slick-dots li.slick-active button {
    background-color: #333333;
}
/* line 218, ../scss/pages/_nosotros.scss */

.nosotros .for-more .section-title {
    font-family: 'Gotham Light', sans-serif;
    font-size: 24px;
    color: #ffa40a;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0;
}
/* line 225, ../scss/pages/_nosotros.scss */

.nosotros .for-more .section-title span {
    color: #333333;
}
/* line 229, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social {
    display: table;
    float: left;
    width: 50%;
    height: 266px;
    background-color: #ffa40a;
}
/* line 235, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* line 239, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social {
    display: inline-block;
    margin: 0;
    padding: 0;
}
/* line 243, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li {
    display: inline-block;
    width: 42px;
    height: 42px;
    list-style: none;
}
/* line 248, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url("../images/menu/social-spritewhite.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 255, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li a:hover {
    background-image: url("../images/menu/social-sprite.png");
}
/* line 260, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li:nth-child(1) a {
    background-position-x: 0;
}
/* line 264, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li:nth-child(2) {
    margin: 0 40px;
}
/* line 265, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li:nth-child(2) a {
    background-position-x: -57px;
}
/* line 271, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-social .row-social-inner .social li:nth-child(3) a {
    background-position-x: -115px;
}
/* line 279, ../scss/pages/_nosotros.scss */

.nosotros .for-more .row-people {
    display: table;
    float: left;
    width: 50%;
    height: 266px;
    background-image: url(../images/nosotros2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 1, ../scss/pages/_blog.scss */
.single-project .head-content {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
}
/* line 8, ../scss/pages/_project.scss */

.single-project .head-content .headline {
    position: relative;
    display: inline-block;
    z-index: 2;
    text-align: center;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* line 21, ../scss/pages/_project.scss */

.single-project .head-content .headline h2 {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 5rem;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
/* line 32, ../scss/pages/_project.scss */

.single-project .head-content .darken {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}
/* line 42, ../scss/pages/_project.scss */

.single-project .live-preview {
    width: 100%;
    background-color: #000;
    position: relative;
}
/* line 48, ../scss/pages/_project.scss */

.single-project .live-preview > .container {
    height: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -600px;
    overflow: hidden;
}
/* line 57, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
}
/* line 62, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop {
    width: calc(1992px / 2.5);
    height: calc(1186px / 2.5);
    background-image: url("../img/single-project/black-devices-noscreen-macbook.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 50px;
    left: -60px;
    z-index: 10;
}
/* line 72, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr {
    width: 545px;
    height: 345px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 60px;
    left: 125px;
    z-index: 1;
    overflow: hidden;
}
/* line 82, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr .preview-scr-slide {
    width: 100%;
    height: 100%;
    position: absolute;
    top: -335px;
    left: 0;
    right: 0;
}
/* line 91, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.slide .preview-scr-slide {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 93, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.slide .preview-scr-slide.first-child {
    top: 0;
}
/* line 95, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.slide .preview-scr-slide.first-child ~ * {
    top: 335px;
}
/* line 99, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.slide .preview-scr-slide.active {
    top: 0;
}
/* line 101, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.slide .preview-scr-slide.active ~ * {
    top: 335px;
}
/* line 108, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.fade .preview-scr-slide {
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
/* line 112, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.fade .preview-scr-slide.first-child {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 115, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .preview-scr.fade .preview-scr-slide.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 122, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop.has-iphone .iphone {
    bottom: 0;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 127, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone {
    width: calc(283px / 2);
    height: calc(598px / 2);
    background-image: url("../img/single-project/black-devices-iphone.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    bottom: -50%;
    z-index: 1;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    transition: all 600ms ease;
}
/* line 139, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone .preview-scr-phone {
    width: 124px;
    height: 220px;
    position: absolute;
    top: 34px;
    left: 9px;
    z-index: 1;
    overflow: hidden;
}
/* line 147, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone .preview-scr-phone .psp-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: -335px;
    left: 0;
    right: 0;
}
/* line 158, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone .preview-scr-phone.fade .psp-slide {
    top: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -o-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
/* line 162, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone .preview-scr-phone.fade .psp-slide.first-child {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 165, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .laptop .iphone .preview-scr-phone.fade .psp-slide.active {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 173, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper {
    height: 575px !important;
    z-index: 100;
}
/* line 177, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/* line 192, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption {
    width: 30%;
    color: #fff;
    text-align: left;
    position: absolute;
    top: 150px;
    right: 70px;
    overflow: hidden;
    height: 400px;
}
/* line 201, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption span {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    margin: 10px 10px;
    position: relative;
    left: -8px;
}
/* line 210, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption span.active {
    border-bottom: 1px solid #fff;
}
/* line 214, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption .tab {
    padding: 30px 0 0;
    visibility: hidden;
    position: absolute;
    top: 30px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* line 222, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption .tab.active {
    visibility: visible;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 226, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption .tab .title {
    font-family: 'Lato', sans-serif;
    font-size: 32px;
    font-weight: 200;
    text-transform: uppercase;
    line-height: 38px;
    margin: 0 0 15px;
    padding: 0;
}
/* line 235, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption .tab .desc {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 300;
}
/* line 239, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-wrapper .swiper-slide .swiper-slide-caption .tab .desc a {
    color: #f6841f;
}
/* line 247, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-pagination {
    z-index: 999;
}
/* line 249, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-pagination .swiper-pagination-bullet {
    cursor: pointer;
    background: #f6841f;
    margin: 12px 0;
}
/* line 258, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-button-prev,
.single-project .live-preview .swiper-container .swiper-button-next {
    top: 50%;
    left: auto;
    right: 5px;
    width: 17px;
    height: 34px;
    background-image: none;
    z-index: 1030;
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
/* line 268, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-button-prev svg,
.single-project .live-preview .swiper-container .swiper-button-next svg {
    fill: #f6841f;
}
/* line 276, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-button-prev svg {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
/* line 281, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .swiper-button-next svg {
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
/* line 285, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .arrows {
    width: 30%;
    right: 70px;
    position: absolute;
    bottom: 60px;
    z-index: 999;
}
/* line 292, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .arrows span.arrow-down {
    display: inline-block;
    position: absolute;
    z-index: 8200;
    bottom: 50px;
    width: 50px;
    left: 50%;
    height: 50px;
    opacity: 1;
    background-image: url(../../../../../media.dutchydesign.com/icons/arrow_down_small_white.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80px 52px;
    cursor: pointer;
}
/* line 308, ../scss/pages/_project.scss */

.single-project .live-preview .swiper-container .arrows span.arrow-up {
    display: inline-block;
    position: absolute;
    z-index: 8200;
    bottom: 50px;
    width: 50px;
    left: 30%;
    height: 50px;
    opacity: 1;
    background-image: url("../images/arrow_top.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 80px 52px;
    cursor: pointer;
}
/* line 328, ../scss/pages/_project.scss */

.single-project .clients-testimonial {
    width: 100%;
    background-color: #000;
    padding: 30px 0 0;
    text-align: center;
}
/* line 333, ../scss/pages/_project.scss */

.single-project .clients-testimonial h2 {
    font-family: 'Lato', sans-serif;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 25px;
}
/* line 341, ../scss/pages/_project.scss */

.single-project .clients-testimonial .caption {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #fff;
}
/* line 346, ../scss/pages/_project.scss */

.single-project .clients-testimonial .testimonials {
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-align: center;
    margin: 80px 0 0;
}
/* line 352, ../scss/pages/_project.scss */

.single-project .clients-testimonial .testimonials .col-ltp-12.once {
    width: 50%;
    margin: 0 auto;
}
/* line 357, ../scss/pages/_project.scss */

.single-project .clients-testimonial .testimonials h3 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 10px;
}
/* line 362, ../scss/pages/_project.scss */

.single-project .clients-testimonial .testimonials p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 10px;
}
/* line 369, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul {
    display: block;
    margin: 0;
    padding: 100px 0 0;
}
/* line 373, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li {
    display: inline-block;
    list-style: none;
}
/* line 376, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li:nth-child(1) {
    margin-right: 90px;
}
/* line 379, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li:nth-child(1) a:before {
    content: '\f104';
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -7px;
}
/* line 388, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li:nth-child(2) {
    margin-left: 90px;
}
/* line 391, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li:nth-child(2) a:before {
    content: '\f105';
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -7px;
}
/* line 400, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #333333;
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* line 407, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #333333;
    font-size: 38px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* line 421, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a:hover {
    border-color: #f6841f;
}
/* line 423, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a:hover:before {
    color: #f6841f;
}
/* line 426, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a:hover span {
    color: #f6841f;
}
/* line 430, ../scss/pages/_project.scss */

.single-project .clients-testimonial .nav-projects ul li a span {
    font-family: 'Lato', sans-serif;
    font-size: 9px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    bottom: -25px;
    left: 0;
    right: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* line 449, ../scss/pages/_project.scss */

.scroll-btn {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -18px;
    z-index: 1030;
}
/* line 456, ../scss/pages/_project.scss */

.scroll-btn > * {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: normal;
    color: #7f8c8d;
    color: #ffffff;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
}
/* line 466, ../scss/pages/_project.scss */

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #ffffff;
}
/* line 471, ../scss/pages/_project.scss */

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
/* line 478, ../scss/pages/_project.scss */

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 35px;
    height: 55px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid white;
    border-radius: 23px;
}
/* line 490, ../scss/pages/_project.scss */

.scroll-btn .mouse > * {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: white;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2.5s linear infinite;
    -moz-animation: ani-mouse 2.5s linear infinite;
    animation: ani-mouse 2.5s linear infinite;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>> mixitup >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* line 520, ../scss/pages/_project.scss */

.mixit-filter {
    padding: 60px 0 0;
}
/* line 522, ../scss/pages/_project.scss */

.mixit-filter #mixfilter {
    position: relative;
}
/* line 524, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-nav {
    width: 100%;
    height: 60px;
    background-color: #F9A31A;
    text-align: center;
    position: fixed;
    top: -50%;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 1024px) {
    /* line 524, ../scss/pages/_project.scss */
    
    .mixit-filter #mixfilter .mixit-filter-nav {
        height: auto;
        padding-bottom: 20px;
    }
}
/* line 539, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-nav.active {
    top: 60px;
}
/* line 542, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-nav button {
    display: inline-block;
    font-family: 'Gotham Light', sans-serif;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid #ffffff;
    margin: 10px 15px 0;
    padding: 6px 12px;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}
@media (max-width: 895px) {
    /* line 542, ../scss/pages/_project.scss */
    
    .mixit-filter #mixfilter .mixit-filter-nav button {
        display: block;
        width: auto;
        margin: 15px auto 0;
    }
}
/* line 558, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-nav button:hover {
    color: #F9A31A;
    background-color: white;
}
/* line 562, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-nav button.active {
    color: #F9A31A;
    background-color: white;
}
/* line 645, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items {
    -webkit-transition: margin 300ms ease;
    -moz-transition: margin 300ms ease;
    -ms-transition: margin 300ms ease;
    -o-transition: margin 300ms ease;
    transition: margin 300ms ease;
}
/* line 647, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix {
    display: none;
    text-align: justify;
    padding: 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}
/* line 656, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix:hover span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 658, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix:hover span img {
    top: 50%;
}
/* line 661, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix:hover span:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* line 664, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix:hover span:after {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* line 669, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix span {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 679, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix span img {
    position: absolute;
    display: block;
    top: 40%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* line 687, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix span:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border-top: 1px solid #ffa40a;
    border-bottom: 1px solid #ffa40a;
    z-index: 99;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* line 702, ../scss/pages/_project.scss */

.mixit-filter #mixfilter .mixit-filter-items .mix span:after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border-left: 1px solid #ffa40a;
    border-right: 1px solid #ffa40a;
    z-index: 99;
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* line 1, ../scss/pages/_search.scss */

.search-page {
    width: 100%;
    padding: 61px 0 0;
    background-color: #ebebeb;
}
/* line 5, ../scss/pages/_search.scss */

.search-page .search-results-for {
    font-family: 'Gotham Book', sans-serif;
    font-size: 32px;
    color: #333;
    text-align: center;
    margin: 0 0 60px;
}
/* line 11, ../scss/pages/_search.scss */

.search-page .search-results-for span {
    color: #ffa40a;
    text-transform: uppercase;
}
/* line 16, ../scss/pages/_search.scss */

.search-page .search-form-in-page {
    padding: 100px 0 60px;
    text-align: center;
}
/* line 20, ../scss/pages/_search.scss */

.search-page .search-form-in-page input[type="text"],
.search-page .search-form-in-page .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="text"],
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .search-page .search-form-in-page textarea[type="text"] {
    display: inline-block;
    width: 300px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border: 2px solid #d0d0d0;
    box-shadow: none;
    padding: 6px 12px;
}
@media (max-width: 1024px) {
    /* line 20, ../scss/pages/_search.scss */
    
    .search-page .search-form-in-page input[type="text"],
    .search-page .search-form-in-page .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="text"],
    .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .search-page .search-form-in-page textarea[type="text"] {
        width: 230px;
    }
}
/* line 32, ../scss/pages/_search.scss */

.search-page .search-form-in-page input[type="submit"],
.search-page .search-form-in-page .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"],
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .search-page .search-form-in-page textarea[type="submit"] {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #cbcbcb;
    border: 2px solid #d0d0d0;
    box-shadow: none;
    padding: 6px 12px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 42, ../scss/pages/_search.scss */

.search-page .search-form-in-page input[type="submit"]:hover,
.search-page .search-form-in-page .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"]:hover,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .search-page .search-form-in-page textarea[type="submit"]:hover {
    background-color: #c3c3c3;
}
/* line 48, ../scss/pages/_search.scss */

.search-page .blog-list {
    border-top: 1px solid #d0d0d0;
}
/* line 1, ../scss/pages/_404.scss */

.not-found {
    width: 100%;
    padding: 61px 0 0;
}
/* line 5, ../scss/pages/_404.scss */

.not-found .container {
    text-align: center;
}
/* line 7, ../scss/pages/_404.scss */

.not-found .container .search {
    padding: 50px 0 0;
    text-align: center;
    display: inline-block;
}
/* line 11, ../scss/pages/_404.scss */

.not-found .container .search .slogon {
    font-family: 'Gotham Bold';
    font-size: 40px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 40px;
    width: 220px;
    text-align: left;
    float: left;
}
/* line 20, ../scss/pages/_404.scss */

.not-found .container .search .slogon span {
    color: #ffa40a;
}
/* line 24, ../scss/pages/_404.scss */

.not-found .container .search form {
    display: inline-block;
    padding-top: 42px;
}
/* line 28, ../scss/pages/_404.scss */

.not-found .container .search form input[type="text"],
.not-found .container .search form .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="text"],
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .not-found .container .search form textarea[type="text"] {
    display: inline-block;
    width: 300px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    border: 2px solid #d0d0d0;
    box-shadow: none;
    padding: 6px 12px;
}
/* line 37, ../scss/pages/_404.scss */

.not-found .container .search form input[type="submit"],
.not-found .container .search form .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"],
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .not-found .container .search form textarea[type="submit"] {
    display: inline-block;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #cbcbcb;
    border: 2px solid #d0d0d0;
    box-shadow: none;
    padding: 6px 12px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 47, ../scss/pages/_404.scss */

.not-found .container .search form input[type="submit"]:hover,
.not-found .container .search form .contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span textarea[type="submit"]:hover,
.contacto .modals-contact .comtact-prompt .contact-wrap .col-modal .fform span .not-found .container .search form textarea[type="submit"]:hover {
    background-color: #c3c3c3;
}
/* line 54, ../scss/pages/_404.scss */

.not-found .container .cont-not-f {
    text-align: center;
}
/* line 56, ../scss/pages/_404.scss */

.not-found .container .cont-not-f h2 {
    margin: 0;
    padding: 0;
    color: #ffa40a;
    line-height: 100px;
    font-size: 66px;
    font-family: 'Gotham Bold';
}
/* line 64, ../scss/pages/_404.scss */

.not-found .container .cont-not-f p {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 40px;
}
/* line 72, ../scss/pages/_404.scss */

.not-found .container .cont-not-f img {
    display: inline-block;
    padding: 30px 0;
}
/* line 1, ../scss/sections/_navbar.scss */

@-webkit-keyframes zoom-in-out {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes zoom-in-out {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-ms-keyframes zoom-in-out {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-o-keyframes zoom-in-out {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoom-in-out {
    0% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        -ms-transform: scale(1.3);
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    100% {
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* line 1, ../scss/sections/_service-navbar.scss */

.service-navbar {
    width: 100%;
}
@media (max-width: 1024px) {
    /* line 1, ../scss/sections/_service-navbar.scss */
    
    .service-navbar {
        display: none;
    }
}
/* line 6, ../scss/sections/_service-navbar.scss */

.service-navbar.service-fixed {
    position: fixed;
    top: 68px;
    left: 0;
    right: 0;
    z-index: 30;
    background-color: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 16, ../scss/sections/_service-navbar.scss */

.service-navbar.service-fixed.active {
    background-color: #1b1b1b;
    top: -100%;
}
/* line 21, ../scss/sections/_service-navbar.scss */

.service-navbar ul {
    display: inline-block;
    width: 100%;
    height: 93px;
    margin: 0;
    padding: 0;
}
/* line 28, ../scss/sections/_service-navbar.scss */

.service-navbar ul li {
    display: inline-block;
    float: left;
    width: 10%;
    text-align: center;
    vertical-align: middle;
    margin: 16px 0 0;
}
/* line 35, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    font-family: 'Gotham Light', sans-serif;
}
/* line 41, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.3)";
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 47, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a.active {
    /* span {
      @include opacity(100);
    } */
}
/* line 48, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a.active:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 58, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a:hover:before {
    content: '';
    display: inline-block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 63, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a:hover span {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 67, ../scss/sections/_service-navbar.scss */

.service-navbar ul li a span {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -15px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/* line 84, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(1) a:before {
    content: '';
    display: inline-block;
    width: 106px;
    height: 90px;
    background-image: url("../images/sub/1.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -18px;
}
/* line 97, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(2) a:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 70px;
    background-image: url("../images/sub/2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 110, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(3) a:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 70px;
    background-image: url("../images/sub/3.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 123, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(4) a:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 70px;
    background-image: url("../images/sub/4.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 136, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(5) a:before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 70px;
    background-image: url("../images/sub/6new.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 151, ../scss/sections/_service-navbar.scss */

.service-navbar ul li:nth-child(6) a:before {
    content: '';
    width: 80px;
    height: 70px;
    display: inline-block;
    background-image: url("../images/sub/5.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.service-navbar ul li:nth-child(7) a:before {
    content: '';
    width: 80px;
    height: 70px;
    display: inline-block;
    background-image: url("../images/sub/Human-Resources.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.service-navbar ul li:nth-child(8) a:before {
    content: '';
    width: 80px;
    height: 70px;
    display: inline-block;
    background-image: url("../images/sub/Big-Data.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.service-navbar ul li:nth-child(9) a:before {
    content: '';
    width: 80px;
    height: 70px;
    display: inline-block;
    background-image: url("../images/sub/Content.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
/* line 1, ../scss/sections/_service-head.scss */

.service-head {
    display: table;
    width: 100%;
    height: 768px;
    background-image: url("../images/service-1-header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
@media (max-width: 479px) {
    /* line 1, ../scss/sections/_service-head.scss */
    
    .service-head {
        height: auto !important;
    }
}
/* line 12, ../scss/sections/_service-head.scss */

.service-head.seo {
    background-image: url("../images/service-2-header.jpg");
}
/* line 15, ../scss/sections/_service-head.scss */

.service-head.social-media {
    background-image: url("../images/social-media3.jpg");
}
/* line 18, ../scss/sections/_service-head.scss */

.service-head.diseno-grafico {
    background-image: url("../images/graficobg.jpg");
}
/* line 21, ../scss/sections/_service-head.scss */

.service-head.desarrollo-de-software {
    background-image: url("../images/service-5-header.jpg");
}
/* line 24, ../scss/sections/_service-head.scss */

.service-head.consultoria {
    background-image: url("../images/service-6-header.jpg");
}
/* line 27, ../scss/sections/_service-head.scss */

.service-head .service-head-inner {
    display: table-cell;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.8);
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 60px 0 0 0;
}
@media (max-width: 767px) {
    /* line 27, ../scss/sections/_service-head.scss */
    
    .service-head .service-head-inner {
        padding: 150px 0 180px;
    }
}
@media (max-width: 1024px) {
    /* line 27, ../scss/sections/_service-head.scss */
    
    .service-head .service-head-inner {
        padding: 150px 15px 180px;
    }
}
/* line 42, ../scss/sections/_service-head.scss */

.service-head .service-head-inner h2 {
    display: inline-block;
    font-family: 'Gotham Book', sans-serif;
    font-size: 35.99px;
    font-weight: 600;
    line-height: normal;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 80px;
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 42, ../scss/sections/_service-head.scss */
    
    .service-head .service-head-inner h3 {
        margin: 0 0 40px;
    }
}
/* line 56, ../scss/sections/_service-head.scss */

.service-head .service-head-inner p {
    font-family: 'Gotham Light', sans-serif;
    font-size: 15.99px;
    font-weight: 500;
    color: #ffffff;
    line-height: 24px;
    margin: 0 auto 15px;
    max-width: 990px;
}
@media (max-width: 479px) {
    /* line 56, ../scss/sections/_service-head.scss */
    
    .service-head .service-head-inner p {
        padding: 0 15px;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 56, ../scss/sections/_service-head.scss */
    
    .service-head .service-head-inner p {
        font-size: 14px;
        padding: 0 15px;
    }
}
/* line 74, ../scss/sections/_service-head.scss */

.arrow-down {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
    margin: 0 auto;
    width: 200px;
    height: 100px;
    background-image: url(//media.dutchydesign.com/icons/arrow_down_small_white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px 52px;
    -webkit-animation: animationUpDown 1000ms linear;
    -moz-animation: animationUpDown 1000ms linear;
    -o-animation: animationUpDown 1000ms linear;
    -ms-animation: animationUpDown 1000ms linear;
    animation: animationUpDown 1000ms linear;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 74, ../scss/sections/_service-head.scss */
    
    .arrow-down {
        bottom: 10px;
    }
}
/* line 1, ../scss/sections/_service-header.scss */

.service-header {
    width: 100%;
    padding: 90px 0;
}
@media (max-width: 767px) {
    /* line 1, ../scss/sections/_service-header.scss */
    
    .service-header {
        padding: 20px 0;
    }
}
/* line 7, ../scss/sections/_service-header.scss */

.service-header .service-header-inner {
    width: 100%;
    text-align: left;
}
@media (max-width: 479px) {
    /* line 7, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner {
        text-align: center;
        padding: 60px 0 0;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 7, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner {
        text-align: center;
        padding: 60px 0 0;
    }
}
/* line 18, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .service-icon {
    display: block;
    float: left;
    width: 427px;
    height: 251px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
@media (max-width: 479px) {
    /* line 18, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon {
        display: inline-block;
        width: 100%;
        height: auto;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 18, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon {
        display: inline-block;
        width: 100%;
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 18, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon {
        width: 100%;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 18, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon {
        width: 50%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 18, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon {
        width: 50%;
    }
}
/* line 45, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .service-icon img {
    display: inline-block;
    max-width: 100%;
    width: auto;
}
@media (max-width: 479px) {
    /* line 45, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon img {
        max-width: 100%;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 45, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon img {
        max-width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 45, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon img {
        max-width: 50%;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 45, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon img {
        max-width: 80%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 45, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .service-icon img {
        max-width: 80%;
    }
}
/* line 66, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .cursor-text {
    display: table;
    float: left;
    width: 700px;
    height: 300px;
    text-align: center;
    padding: 0 30px;
}
@media (max-width: 479px) {
    /* line 66, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .cursor-text {
        width: 100%;
        min-height: 240px;
        margin: 0;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 66, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .cursor-text {
        width: 100%;
        margin: 0;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 66, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .cursor-text {
        width: 100%;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 66, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .cursor-text {
        width: 50%;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 66, ../scss/sections/_service-header.scss */
    
    .service-header .service-header-inner .cursor-text {
        width: 50%;
    }
}
/* line 91, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .cursor-text .cursor-text-inner {
    display: table-cell;
    vertical-align: middle;
}
/* line 94, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .cursor-text .cursor-text-inner i {
    display: inline-block;
    width: auto;
    font-family: 'Gotham Book', sans-serif;
    font-size: 38px;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    color: #333;
    text-align: right;
    position: relative;
}
/* line 106, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .cursor-text .cursor-text-inner i:after {
    content: '|';
    display: inline-block;
    color: #333;
    -webkit-animation: animationOpacity 1000ms linear;
    -moz-animation: animationOpacity 1000ms linear;
    -o-animation: animationOpacity 1000ms linear;
    -ms-animation: animationOpacity 1000ms linear;
    animation: animationOpacity 1000ms linear;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* line 129, ../scss/sections/_service-header.scss */

.service-header .service-header-inner .cursor-text .cursor-text-inner .typed-strings {
    visibility: hidden;
}
/* line 2, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner {
    width: 100%;
    position: relative;
}
/* line 5, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .servicios-current-title {
    display: inline-block;
    float: left;
    font-family: 'Gotham Light', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    position: relative;
    margin: 37px 0 35px;
}
@media (max-width: 479px) {
    /* line 5, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .service-content-list-inner .servicios-current-title {
        float: none;
        width: 300px;
        margin: 0 auto;
        text-align: left;
    }
}
/* line 23, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .more-link {
    display: inline-block;
    float: right;
    font-family: 'Gotham Light', sans-serif;
    font-size: 19px;
    font-weight: 300;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    position: relative;
    margin: 0 0 10px 0;
    height: 44px;
    border: 1px solid #000;
    padding: 12px 12px 12px 24px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
@media (max-width: 479px) {
    /* line 23, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .service-content-list-inner .more-link {
        width: 260px;
        float: none;
        text-align: left;
        margin: 0 0 20px 0;
    }
}
/* line 44, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .more-link.left {
    float: left;
}
@media (max-width: 479px) {
    /* line 44, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .service-content-list-inner .more-link.left {
        float: none;
    }
}
/* line 50, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .more-link:hover {
    background-color: #ffa40a;
    border-color: #ffa40a;
    color: #ffffff;
}
/* line 54, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .more-link:hover:before {
    content: "\f105";
    color: #fff;
}
/* line 59, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .more-link:before {
    content: "\f105";
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 100;
    font-size: 20px;
    line-height: 26px;
    color: #f6a21c;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -12px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
/* line 76, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner > .container {
    display: table;
    height: 100%;
    position: relative;
    z-index: 1;
}
@media (max-width: 479px) {
    /* line 76, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .service-content-list-inner > .container {
        display: block;
        text-align: center;
    }
}
/* line 86, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* line 90, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-left {
    display: table-cell;
    vertical-align: middle;
}
/* line 94, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-right {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* line 98, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-right .rsr-ico {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 103, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-right .rsr-link-inner {
    display: inline-block;
    width: 100%;
    text-align: right;
    margin: 40px 0 0;
}
/* line 108, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-right .rsr-link-inner .rsr-link {
    display: inline-block;
    font-size: 18.9px;
    font-weight: 500;
    color: #1b1b1b;
    text-transform: uppercase;
    position: relative;
}
/* line 115, ../scss/sections/_service-content-list.scss */

.service-content-list .service-content-list-inner .sib-inner .row-span-right .rsr-link-inner .rsr-link:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 14px;
    background-image: url("../images/arrow-right-a.png");
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 6px;
    left: -15px;
}
/* line 133, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-intro-box {
    width: 100%;
    height: 768px;
    background-image: url("../images/service-1-header.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
/* line 142, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-intro-box .sib-inner .row-span-right .rsr-ico.ico-desarrallo-web {
    width: 427px;
    height: 251px;
    background-image: url("../images/servicios-inner/1/main.png");
}
/* line 156, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-content-box .row-use-list.rul-1 .col-span-left .csl-inner span {
    width: 237px;
    height: 201px;
    background-image: url("../images/servicios-inner/1/sub-1.png");
}
/* line 167, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-content-box .row-use-list.rul-2 .col-span-left .csl-inner span {
    width: 222px;
    height: 249px;
    background-image: url("../images/servicios-inner/1/sub-2.png");
}
/* line 178, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-content-box .row-use-list.rul-3 .col-span-left .csl-inner span {
    width: 300px;
    height: 197px;
    background-image: url("../images/servicios-inner/1/sub-3.png");
}
/* line 189, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-1-inner .servicios-content-box .row-use-list.rul-4 .col-span-left .csl-inner span {
    width: 236px;
    height: 269px;
    background-image: url("../images/servicios-inner/1/sub-4.png");
}
/* line 201, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-intro-box {
    width: 100%;
}
/* line 206, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-intro-box .sib-inner .row-span-right .rsr-ico.ico-desarrallo-web {
    width: 275px;
    height: 232px;
    background-image: url("../images/servicios-inner/2/main.png");
}
/* line 220, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-1 .col-span-left .csl-inner span {
    width: 185px;
    height: 221px;
    background-image: url("../images/servicios-inner/2/1.png");
}
/* line 231, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-2 .col-span-left .csl-inner span {
    width: 167px;
    height: 243px;
    background-image: url("../images/servicios-inner/2/2.png");
}
/* line 242, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-3 .col-span-left .csl-inner span {
    width: 280px;
    height: 220px;
    background-image: url("../images/servicios-inner/2/3.png");
}
/* line 253, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-4 .col-span-left .csl-inner span {
    width: 178px;
    height: 205px;
    background-image: url("../images/servicios-inner/2/4.png");
}
/* line 264, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-5 .col-span-left .csl-inner span {
    width: 260px;
    height: 213px;
    background-image: url("../images/servicios-inner/2/5.png");
}
/* line 275, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-2-inner .servicios-content-box .row-use-list.rul-6 .col-span-left .csl-inner span {
    width: 183px;
    height: 236px;
    background-image: url("../images/servicios-inner/2/6.png");
}
/* line 287, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-intro-box {
    width: 100%;
}
/* line 292, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-intro-box .sib-inner .row-span-right .rsr-ico.ico-desarrallo-web {
    width: 248px;
    height: 215px;
    background-image: url("../images/servicios-inner/3/main.png");
}
/* line 306, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-1 .col-span-left .csl-inner span {
    width: 185px;
    height: 221px;
    background-image: url("../images/servicios-inner/2/1.png");
}
/* line 317, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-2 .col-span-left .csl-inner span {
    width: 167px;
    height: 243px;
    background-image: url("../images/servicios-inner/2/2.png");
}
/* line 328, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-3 .col-span-left .csl-inner span {
    width: 212px;
    height: 232px;
    background-image: url("../images/servicios-inner/3/3.png");
}
/* line 339, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-4 .col-span-left .csl-inner span {
    width: 178px;
    height: 205px;
    background-image: url("../images/servicios-inner/2/4.png");
}
/* line 350, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-5 .col-span-left .csl-inner span {
    width: 260px;
    height: 213px;
    background-image: url("../images/servicios-inner/2/5.png");
}
/* line 361, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-6 .col-span-left .csl-inner span {
    width: 237px;
    height: 201px;
    background-image: url("../images/servicios-inner/1/sub-1.png");
}
/* line 372, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-3-inner .servicios-content-box .row-use-list.rul-7 .col-span-left .csl-inner span {
    width: 183px;
    height: 236px;
    background-image: url("../images/servicios-inner/2/6.png");
}
/* line 384, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-4-inner .servicios-intro-box {
    width: 100%;
}
/* line 389, ../scss/sections/_service-content-list.scss */

.service-content-list.sfc-4-inner .servicios-intro-box .sib-inner .row-span-right .rsr-ico.ico-desarrallo-web {
    width: 138px;
    height: 207px;
    background-image: url("../images/servicios-inner/4/main.png");
}
/* line 399, ../scss/sections/_service-content-list.scss */

.service-content-list .servicios-content-box {
    width: 100%;
}
/* line 401, ../scss/sections/_service-content-list.scss */

.service-content-list .servicios-content-box .servicios-current-title {
    font-size: 29.99px;
    font-weight: 300;
    color: #1b1b1b;
    text-transform: uppercase;
}
/* line 408, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list {
    width: 45%;
    display: inline-block;
    margin: 0 2% 70px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: translateY(50px);
    -o-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 600ms linear;
    -moz-transition: all 600ms linear;
    -ms-transition: all 600ms linear;
    -o-transition: all 600ms linear;
    transition: all 600ms linear;
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 408, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list {
        margin: 0 0 100px;
    }
}
/* line 417, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list.fadeIn {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (max-width: 479px) {
    /* line 421, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list:nth-child(1) {
        margin: 60px 0 0;
    }
}
/* line 426, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list:last-child {
    /*margin: 0;*/
}
/* line 429, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-left {
    display: table;
    float: left;
    width: 100%;
    height: 520px;
    overflow: hidden;
    border: 2px solid #1b1b1b;
    text-align: center;
}
@media (max-width: 479px) {
    .service-content-list .row-use-list {
        width: 100%;
        display: block;
    }
    /* line 429, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-left {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 0 30px;
        padding: 60px 0;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .service-content-list .row-use-list {
        width: 100%;
        display: block;
    }
    /* line 429, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-left {
        width: 100%;
        height: auto;
        float: none;
        margin: 0 0 30px;
        padding: 60px 0;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    .service-content-list .row-use-list {
        width: 100%;
        display: block;
    }
    /* line 429, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-left {
        width: 280px;
    }
}
/* line 453, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-left .csl-inner {
    display: block;
    vertical-align: top;
    margin-top: 15px;
    width: 100%;
}
/* line 456, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-left .csl-inner span {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-width: 479px) {
    /* line 461, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-left .csl-inner img {
        width: 60%;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 461, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-left .csl-inner img {
        width: 70%;
    }
}
/* line 471, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right {
    display: table;
    float: right;
    width: calc(100% - 400px);
    height: 364px;
    border: 2px solid #1b1b1b;
}
@media (max-width: 479px) {
    /* line 471, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right {
        width: 100%;
        height: auto;
        float: none;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 471, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right {
        width: 100%;
        height: auto;
        float: none;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 471, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right {
        width: calc(100% - 290px);
    }
}
/* line 490, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right .csr-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 6%;
}
/* line 495, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right .csr-inner .text-block {
    display: inline-block;
}
@media (max-width: 479px) {
    /* line 495, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block {
        padding: 30px 0;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 495, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block {
        padding: 30px 0;
    }
}
/* line 503, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-bottom .csr-inner .text-block h3 {
    font-family: 'Gotham Book', sans-serif;
    font-size: 35.99px;
    font-weight: 400;
    color: #1b1b1b;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.service-content-list .row-use-list .col-span-bottom .csr-inner {
    display: block;
}
.service-content-list .row-use-list .col-span-bottom .csr-inner .text-block p {
    font-family: 'Gotham Light', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    padding: 10px;
    text-align: justify;
}
.col-span-bottom h3 span {
    color: #ffa40a;
    margin-right: 5px;
}
/* line 503, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
    font-family: 'Gotham Book', sans-serif;
    font-size: 35.99px;
    font-weight: 400;
    color: #1b1b1b;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}
@media (max-width: 479px) {
    /* line 503, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
        font-size: 24px;
        font-weight: 600;
        position: relative;
        padding: 0;
    }
}
@media (max-width: 479px) {
    /* line 503, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
        font-size: 24px;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 503, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
        font-size: 26px;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 503, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
        font-size: 28px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 503, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 {
        font-size: 34px;
    }
}
/* line 529, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
    display: inline-block;
    color: #ffa40a;
    margin: 0 32px 0 0;
}
@media (max-width: 479px) {
    /* line 529, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 529, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 529, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
        margin: 0 15px 0 0;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 529, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
        margin: 0 15px 0 0;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 529, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block h3 span {
        margin: 0 15px 0 0;
    }
}
/* line 550, ../scss/sections/_service-content-list.scss */

.service-content-list .row-use-list .col-span-right .csr-inner .text-block p {
    font-family: 'Gotham Light', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #1b1b1b;
    text-align: left;
}
@media (max-width: 479px) {
    /* line 550, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p {
        font-size: 16px;
        line-height: 24px;
    }
    /* line 559, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p br {
        display: none;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 564, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p br {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 550, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p {
        font-size: 16px;
        line-height: 24px;
    }
    /* line 571, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p br {
        display: none;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 550, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p {
        margin: 10px 0 0;
    }
    /* line 577, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p br {
        display: none;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 550, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p {
        margin: 20px 0 0;
    }
    /* line 583, ../scss/sections/_service-content-list.scss */
    
    .service-content-list .row-use-list .col-span-right .csr-inner .text-block p br {
        display: none;
    }
}
/* line 1, ../scss/sections/_we-work-with.scss */

.we-work-with {
    margin: 90px 0 60px;
}
/* line 3, ../scss/sections/_we-work-with.scss */

.we-work-with .section-title {
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Book', sans-serif;
    font-size: 24px;
    color: #1b1b1b;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px;
}
/* line 13, ../scss/sections/_we-work-with.scss */

.we-work-with ul {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    clear: both;
}
/* line 19, ../scss/sections/_we-work-with.scss */

.we-work-with ul:before {
    content: '';
    clear: both;
}
/* line 23, ../scss/sections/_we-work-with.scss */

.we-work-with ul:after {
    content: '';
    clear: both;
}
/* line 27, ../scss/sections/_we-work-with.scss */

.we-work-with ul li {
    display: table;
    float: left;
    width: 131px;
    height: 131px;
    list-style: none;
}
@media (max-width: 479px) {
    /* line 27, ../scss/sections/_we-work-with.scss */
    
    .we-work-with ul li {
        width: 50%;
        height: 140px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    /* line 27, ../scss/sections/_we-work-with.scss */
    
    .we-work-with ul li {
        width: 33.3%;
        height: 140px;
    }
}
@media (min-width: 768px) and (max-width: 895px) {
    /* line 27, ../scss/sections/_we-work-with.scss */
    
    .we-work-with ul li {
        width: 25%;
    }
}
@media (min-width: 896px) and (max-width: 1024px) {
    /* line 27, ../scss/sections/_we-work-with.scss */
    
    .we-work-with ul li {
        width: 25%;
        height: 150px;
    }
}
@media (min-width: 1025px) and (max-width: 1199px) {
    /* line 27, ../scss/sections/_we-work-with.scss */
    
    .we-work-with ul li {
        width: 20%;
        height: 160px;
    }
}
/* line 52, ../scss/sections/_we-work-with.scss */

.we-work-with ul li span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* line 56, ../scss/sections/_we-work-with.scss */

.we-work-with ul li span img {
    display: inline;
}
/* line 63, ../scss/sections/_we-work-with.scss */

.we-work-with h4.title-after-caption {
    font-family: 'Gotham Book', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #1b1b1b;
    text-align: center;
    margin: 372px 0 0;
}
/* line 73, ../scss/sections/_we-work-with.scss */

.we-work-with h3.title-after-caption {
    font-family: 'Gotham Light', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #1b1b1b;
    text-align: center;
    margin: 0;
}
/* line 1, ../scss/sections/_footer-extra.scss */

.footer-extra {
    display: table;
    width: 100%;
    height: 205px;
}
/* line 5, ../scss/sections/_footer-extra.scss */

.footer-extra > .container {
    display: table-cell;
    vertical-align: middle;
}
/* line 9, ../scss/sections/_footer-extra.scss */

.footer-extra .extra-line-1 {
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Book', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #1b1b1b;
    text-align: center;
}
/* line 17, ../scss/sections/_footer-extra.scss */

.footer-extra .extra-line-1 a {
    color: #F9A31A;
}
/* line 21, ../scss/sections/_footer-extra.scss */

.footer-extra .extra-line-2 {
    display: inline-block;
    width: 100%;
    font-family: 'Gotham Light', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #1b1b1b;
    text-align: center;
}
/* line 29, ../scss/sections/_footer-extra.scss */

.footer-extra .extra-line-2 p {
    margin: 0;
}
/* line 32, ../scss/sections/_footer-extra.scss */

.footer-extra .extra-line-2 a {
    color: #F9A31A;
}
/* line 1, ../scss/sections/_footer.scss */

.footer {
    width: 100%;
    height: 56px;
    border-top: 1px solid #ffa40a;
    text-align: center;
}
/* line 6, ../scss/sections/_footer.scss */

.footer > .container {
    height: 100%;
}
/* line 10, ../scss/sections/_footer.scss */

.footer a:not(.mp-links) {
    display: inline-block;
    font-family: 'Gotham Light', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    text-transform: uppercase;
    margin: 12px 0 0;
    position: relative;
}
/* line 21, ../scss/sections/_footer.scss */

.footer .footer-main-page-inner {
    display: none;
}
/* line 24, ../scss/sections/_footer.scss */

.footer.footer-main-page {
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
}
/* line 31, ../scss/sections/_footer.scss */

.footer.footer-main-page > .container {
    display: none;
}
/* line 34, ../scss/sections/_footer.scss */

.footer.footer-main-page .footer-main-page-inner {
    display: block;
}
/* line 36, ../scss/sections/_footer.scss */

.footer.footer-main-page .footer-main-page-inner .mp-links {
    display: block;
    float: left;
    width: 50%;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    padding: 16px 0;
}
/* line 44, ../scss/sections/_footer.scss */

.footer.footer-main-page .footer-main-page-inner .mp-links:nth-child(1) {
    background-color: rgba(255, 164, 10, 0.8);
}
/* line 47, ../scss/sections/_footer.scss */

.footer.footer-main-page .footer-main-page-inner .mp-links:nth-child(2) {
    background-color: rgba(51, 51, 51, 0.8);
}
/* line 53, ../scss/sections/_footer.scss */

.footer.footer-service {
    height: 60px;
    background-color: #000000;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    /* .social {
        display: inline-block;
        float: left;
        margin: 5px 0 0;
        padding: 0;
        bottom: 50px;
        right: 20%;
        li {
          display: inline-block;
          width: 26px;
          height: 26px;
          list-style: none;
          a {
            display: inline-block;
            width: 100%;
            height: 100%;
            background-image: url('../images/menu/social-spritewhite.png');
            background-repeat: no-repeat;
            background-size: cover;
            &:hover {
              background-image: url('../images/menu/social-sprite-hover.png');
            }
          }
          &:nth-child(1) {
            a {
              background-position-x: 0;
            }
          }
          &:nth-child(2) {
            a {
              background-position-x: -36px;
            }
            margin: 0 5px;
          }
          &:nth-child(3) {
            a {
              background-position-x: -71px;
            }
          }
        }
      } */
}
/* line 60, ../scss/sections/_footer.scss */

.footer.footer-service.nosotros {
    background-color: #fff;
    border-top: 1px solid #ffaa1a;
}
/* line 67, ../scss/sections/_footer.scss */

.footer.footer-service.nosotros .social li a {
    background-image: url("../images/menu/social-sprite.png");
}
/* line 70, ../scss/sections/_footer.scss */

.footer.footer-service.nosotros .social li a:hover {
    background-image: url("../images/menu/social-sprite-hover.png");
}
/* line 77, ../scss/sections/_footer.scss */

.footer.footer-service.nosotros .contact-link {
    font-size: 18px;
}
/* line 87, ../scss/sections/_footer.scss */

.footer.footer-service.nosotros .contact-link:hover {
    color: #000;
}
/* line 133, ../scss/sections/_footer.scss */

.footer.footer-service .social {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    bottom: 50px;
    right: 20%;
}
@media (max-width: 1024px) {
    /* line 133, ../scss/sections/_footer.scss */
    
    .footer.footer-service .social {
        -moz-transform: scale(0.7);
        -o-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}
/* line 143, ../scss/sections/_footer.scss */

.footer.footer-service .social li {
    display: inline-block;
    width: 36px;
    height: 36px;
    list-style: none;
}
/* line 148, ../scss/sections/_footer.scss */

.footer.footer-service .social li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: 1px solid #ffffff;
    position: relative;
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 156, ../scss/sections/_footer.scss */

.footer.footer-service .social li a:before {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 5px 0 0 0;
    content: '';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #ffffff;
    font-size: 22px;
    padding-right: 0.4em;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
/* line 174, ../scss/sections/_footer.scss */

.footer.footer-service .social li a:hover {
    border-color: #F9A31A;
}
/* line 176, ../scss/sections/_footer.scss */

.footer.footer-service .social li a:hover:before {
    color: #F9A31A;
}
/* line 183, ../scss/sections/_footer.scss */

.footer.footer-service .social li:nth-child(1) a:before {
    content: '\f09a';
}
/* line 188, ../scss/sections/_footer.scss */

.footer.footer-service .social li:nth-child(2) {
    margin: 0 20px;
}
/* line 190, ../scss/sections/_footer.scss */

.footer.footer-service .social li:nth-child(2) a:before {
    content: '\f0e1';
}
/* line 198, ../scss/sections/_footer.scss */

.footer.footer-service .social li:nth-child(3) a:before {
    content: '\f0d5';
}
/* line 205, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link {
    float: right;
    font-family: 'Gotham Light', sans-serif;
    font-size: 11px;
    color: #fff;
    border: 1px solid #ffffff;
    padding: 4px 12px;
    position: relative;
}
/* line 213, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link span {
    position: relative;
}
/* line 216, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link.serv-btn {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.06s linear;
    -moz-transition: all 0.06s linear;
    -ms-transition: all 0.06s linear;
    -o-transition: all 0.06s linear;
    transition: all 0.06s linear;
}
/* line 222, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link.serv-btn:hover {
    border: 1px solid #fff;
}
/* line 225, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link.serv-btn:hover:before {
    top: 0%;
}
/* line 230, ../scss/sections/_footer.scss */

.footer.footer-service .contact-link.serv-btn:before {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    background-color: #ffa40a;
    height: 100%;
    width: 100%;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.06s linear;
    -moz-transition: all 0.06s linear;
    -ms-transition: all 0.06s linear;
    -o-transition: all 0.06s linear;
    transition: all 0.06s linear;
}
/* line 1, ../scss/sections/_projects.scss */

.filter-content {
    width: 100%;
    margin-top: 60px;
}
/* line 4, ../scss/sections/_projects.scss */

.filter-content .container {
    max-width: 100%;
    padding: 0;
}
/* line 8, ../scss/sections/_projects.scss */

.filter-content .container .filter-block {
    position: relative;
    float: left;
    display: block;
    width: 25%;
    line-height: 0;
    overflow: hidden;
}
/* line 25, ../scss/sections/_projects.scss */

.filter-content .container .filter-block img {
    max-width: 100%;
    width: 100%;
    height: auto;
}
/* line 40, ../scss/sections/_projects.scss */

.filter-content .container .filter-block:hover .fil-inner-block {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    opacity: 1;
    filter: alpha(opacity=100);
}
/* line 42, ../scss/sections/_projects.scss */

.filter-content .container .filter-block:hover .fil-inner-block img {
    top: 50%;
}
/* line 45, ../scss/sections/_projects.scss */

.filter-content .container .filter-block:hover .fil-inner-block:before {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* line 48, ../scss/sections/_projects.scss */

.filter-content .container .filter-block:hover .fil-inner-block:after {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* line 53, ../scss/sections/_projects.scss */

.filter-content .container .filter-block .fil-inner-block {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    padding: 35px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    filter: alpha(opacity=0);
}
/* line 65, ../scss/sections/_projects.scss */

.filter-content .container .filter-block .fil-inner-block img {
    position: absolute;
    display: block;
    top: 40%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* line 73, ../scss/sections/_projects.scss */

.filter-content .container .filter-block .fil-inner-block:before {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border-top: 1px solid #ffa40a;
    border-bottom: 1px solid #ffa40a;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    z-index: 99;
    box-sizing: content-box;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* line 90, ../scss/sections/_projects.scss */

.filter-content .container .filter-block .fil-inner-block:after {
    content: '';
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    bottom: 30px;
    right: 30px;
    border-left: 1px solid #ffa40a;
    border-right: 1px solid #ffa40a;
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: 99;
    box-sizing: content-box;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
/* Caption Style 4 */

.cs-style-4 li {
    -webkit-perspective: 1700px;
    -moz-perspective: 1700px;
    perspective: 1700px;
    -webkit-perspective-origin: 0 50%;
    -moz-perspective-origin: 0 50%;
    perspective-origin: 0 50%;
}
.cs-style-4 figure {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.cs-style-4 figure > div {
    overflow: hidden;
}
.cs-style-4 figure img {
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}
.no-touch .cs-style-4 figure:hover img,
.cs-style-4 figure.cs-hover img {
    -webkit-transform: translateX(25%);
    -moz-transform: translateX(25%);
    -ms-transform: translateX(25%);
    transform: translateX(25%);
}
.cs-style-4 figcaption {
    height: 100%;
    width: 50%;
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .cs-style-4 figure:hover figcaption,
.cs-style-4 figure.cs-hover figcaption {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s;
    transition: transform 0.4s, opacity 0.1s;
}
.cs-style-4 figcaption a {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.grid li {
    width: 49%;
    display: inline-block
}
.grid li figure {
    width: 100%
}
figure:hover.effect-oscar h2 {
    transform: rotateY(180);
    transition: all 0.4s;
    margin-top: 4%
}
figure:hover.effect-oscar img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
figure.effect-oscar img:first-child {
    min-height: auto;
    width: 160px;
    height: 150px;
    position: absolute;
    margin: auto;
    top: 15%;
    left: 0;
    right: 0;
}
figure.effect-oscar {
    background: rgba(0, 2, 34, 1);
    background: -moz-linear-gradient(45deg, rgba(0, 2, 34, 1) 0%, rgba(15, 250, 66, 0.81) 51%, rgba(0, 2, 34, 0.63) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 2, 34, 1)), color-stop(51%, rgba(15, 250, 66, 0.81)), color-stop(100%, rgba(0, 2, 34, 0.63)));
    background: -webkit-linear-gradient(45deg, rgba(0, 2, 34, 1) 0%, rgba(15, 250, 66, 0.81) 51%, rgba(0, 2, 34, 0.63) 100%);
    background: -o-linear-gradient(45deg, rgba(0, 2, 34, 1) 0%, rgba(15, 250, 66, 0.81) 51%, rgba(0, 2, 34, 0.63) 100%);
    background: -ms-linear-gradient(45deg, rgba(0, 2, 34, 1) 0%, rgba(15, 250, 66, 0.81) 51%, rgba(0, 2, 34, 0.63) 100%);
    background: linear-gradient(45deg, rgba(0, 2, 34, 1) 0%, rgba(15, 250, 66, 0.81) 51%, rgba(0, 2, 34, 0.63) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000222', endColorstr='#000222', GradientType=1);
}
@media screen and (max-width: 33.3125em) {
    .grid {
        padding: 10px 10px 100px 10px;
    }
    .grid li {
        width: 100%;
        min-width: 300px;
    }
    .cardCustom {
        padding: 0px 7px;
    }
    .cardCustom li {
        display: block !important;
        width: 92% !important;
        margin-bottom: 80px !important;
    }
    figcaption span {
        display: none;
    }
    .btnView:before,
    .btnView:after {
        display: none !important;
    }
    .ourServices li {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 25px;
    }
}
.service-header {
    padding: 35px 0px;
}
/** </> Custom CSS **/

.front,
.back {
    -webkit-backface-visibility: hidden
}