buttonpdf {
    padding: 10px 35px;
    overflow: hidden;
}

    buttonpdf:before {
        font-family: FontAwesome;
        content: "\f1c1";
        position: relative;
        top: 0px;
        left: -30px;
        transition: all 200ms ease;
        color: red;
    }

    buttonpdf:hover {
        background: #2ccea3;
        color: #ffffff !important;
        text-decoration: none;
        text-shadow: none;
        font-weight: bold !important;
    }

        buttonpdf:hover:before {
            left: -3px;
        }
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem
}

    .card > hr {
        margin-right: 0;
        margin-left: 0
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem
    }

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem
}

.card-title {
    margin-bottom: .75rem
}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.25rem
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125)
}

    .card-header:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0
    }

.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125)
}

    .card-footer:last-child {
        border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
    }

.card-header-tabs {
    margin-right: -.625rem;
    margin-bottom: -.75rem;
    margin-left: -.625rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -.625rem;
    margin-left: -.625rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem
}

.card-img {
    width: 100%;
    border-radius: calc(.25rem - 1px)
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(.25rem - 1px);
    border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-deck .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

        .card-deck .card {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            -ms-flex-direction: column;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px
        }
}

.card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

    .card-group > .card {
        margin-bottom: 15px
    }

@media (min-width:576px) {
    .card-group {
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .card-group > .card {
            -ms-flex: 1 0 0%;
            flex: 1 0 0%;
            margin-bottom: 0
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0
            }

                .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
                    border-top-right-radius: 0
                }

                .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
                    border-bottom-right-radius: 0
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0
            }

                .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
                    border-top-left-radius: 0
                }

                .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
                    border-bottom-left-radius: 0
                }
}

.card-columns .card {
    margin-bottom: .75rem
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1
    }

        .card-columns .card {
            display: inline-block;
            width: 100%
        }
}

.accordion > .card {
    overflow: hidden
}

    .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0
    }

    .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0
    }

    .accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    .accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .accordion > .card .card-header {
        margin-bottom: -1px
    }
    .card.card-cascade.wider {
        box-shadow:none;
        background-color:transparent;
    }
    .card {
        border:0;
        font-weight:400;
    }
    .card {
        position:relative;
        display:flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: border-box;
        border-radius:.25rem;
    }
        .card.card-cascade.wider .view.view-cascade {
            z-index: 2;
        }
        .card.card-cascade .view.view-cascade {
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
            border-radius: .25rem;
        }
        .view {
            position: relative;
            overflow: hidden;
            cursor: default;
        }
        .view img, .view video {
            position:relative;
            display: block;
        }
        .card-img-top {
            width: 100%;
            border-top-left-radius: calc(.25rem - 1px);
            border-bottom-right-radius: calc(.25rem -1px);
        }
        img {
            vertical-align: middle;
            border-style:none;
        }
.overl .mask {
    opacity: 0;
    transition: all .4s ease-in-out;
}
.view .mask {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem !important
}

.card.card-cascade.wider {
    box-shadow: none;
    background-color: transparent
}

    .card.card-cascade.wider .view.view-cascade {
        z-index: 2
    }

    .card.card-cascade.wider .card-body.card-body-cascade {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        margin-left: 4%;
        margin-right: 4%;
        background: #fff;
        z-index: 1;
        border-radius: 0 0 .25rem .25rem
    }

        .card.card-cascade.wider .card-body.card-body-cascade .card-footer {
            margin-left: -1.25rem;
            margin-right: -1.25rem
        }

    .card.card-cascade.wider.reverse .card-body.card-body-cascade {
        z-index: 3;
        margin-top: -1rem;
        border-radius: .25rem;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

.card.card-cascade.wider {
    box-shadow: none;
    background-color: transparent
}

    .card.card-cascade.wider .view.view-cascade {
        z-index: 2
    }

    .card.card-cascade.wider .card-body.card-body-cascade {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        margin-left: 4%;
        margin-right: 4%;
        background: #fff;
        z-index: 1;
        border-radius: 0 0 .25rem .25rem
    }

        .card.card-cascade.wider .card-body.card-body-cascade .card-footer {
            margin-left: -1.25rem;
            margin-right: -1.25rem
        }

    .card.card-cascade.wider.reverse .card-body.card-body-cascade {
        z-index: 3;
        margin-top: -1rem;
        border-radius: .25rem;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }



.classic-tabs .tab-content.card {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.card.card-image {
    background-size: cover;
    background-position: center;
    width: 100%
}

    .card.card-image [class*=rgba-] {
        border-radius: .25rem
    }

.card.card-cascade .view.view-cascade {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: .25rem;
}

    .card.card-cascade .view.view-cascade.gradient-card-header {
        padding: 1.6rem 1rem;
        text-align: center
    }

        .card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
            font-weight: 500
        }

        .card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
            background-color: rgba(255,255,255,.2)
        }

.card.card-cascade.wider {
    box-shadow: none;
    background-color: transparent
}

    .card.card-cascade.wider .view.view-cascade {
        z-index: 2
    }

    .card.card-cascade.wider .card-body.card-body-cascade {
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        margin-left: 4%;
        margin-right: 4%;
        background: #fff;
        z-index: 1;
        border-radius: 0 0 .25rem .25rem
    }

        .card.card-cascade.wider .card-body.card-body-cascade .card-footer {
            margin-left: -1.25rem;
            margin-right: -1.25rem
        }

    .card.card-cascade.wider.reverse .card-body.card-body-cascade {
        z-index: 3;
        margin-top: -1rem;
        border-radius: .25rem;
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
    }

.card.card-cascade.narrower {
    margin-top: 1.25rem
}

    .card.card-cascade.narrower .view.view-cascade {
        margin-left: 4%;
        margin-right: 4%;
        margin-top: -1.25rem
    }

.card.card-cascade.panel-cascade .view {
    text-align: center;
    color: #fff
}

.card.card-cascade.panel-cascade .list-group .list-group-item {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #eee;
    color: #495057
}

    .card.card-cascade.panel-cascade .list-group .list-group-item:hover {
        background-color: #eee
    }

.card .btn-action {
    margin-top: -1.44rem;
    margin-bottom: -1.44rem
}

.card .activator {
    position: absolute;
    right: 0;
    font-size: 1.2rem
}

.card .card-reveal {
    position: absolute;
    width: 100%;
    overflow-y: auto;
    top: 100%;
    height: 100%;
    z-index: 1;
    display: none
}

    .card .card-reveal .content {
        position: relative
    }

.card.ovf-hidden {
    overflow: hidden
}

.card .card-share {
    position: relative
}

    .card .card-share .social-reveal {
        position: absolute;
        top: -1.44rem;
        right: 1.88rem;
        visibility: hidden;
        width: auto;
        transform: translateZ(0);
        transform: translateX(0);
        transition: transform .35s ease
    }

    .card .card-share .social-reveal-active {
        z-index: 11;
        visibility: visible;
        transform: translateZ(0);
        transform: translateX(-48px);
        transition: transform .35s ease
    }

.card .card-reveal .card-title, .card-wrapper .card-rotating .card-title {
    cursor: pointer
}

    .card .card-reveal .card-title i, .card-wrapper .card-rotating .card-title i {
        color: #9e9e9e;
        position: absolute;
        right: .63rem
    }

.card-wrapper {
    perspective: 800px;
    position: relative;
    margin: 0;
    width: 100%
}

    .card-wrapper .card-up {
        height: 200px;
        overflow: hidden
    }

        .card-wrapper .card-up img {
            vertical-align: middle
        }

    .card-wrapper .avatar {
        display: block;
        margin-top: -60px;
        overflow: hidden;
        width: 120px
    }

        .card-wrapper .avatar img {
            border: 5px solid #fff;
            background: none repeat scroll 0 0 #fff;
            width: 100%
        }

    .card-wrapper .card-rotating {
        height: 100%;
        transform-style: preserve-3d;
        transition: .5s
    }

        .card-wrapper .card-rotating .face {
            width: 100%;
            position: absolute;
            background: #fff;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 2
        }

        .card-wrapper .card-rotating.flipped {
            transform: rotateY(180deg)
        }

        .card-wrapper .card-rotating .front {
            z-index: 1
        }

        .card-wrapper .card-rotating .back {
            transform: rotateY(-180deg)
        }

        .card-wrapper .card-rotating .back, .card-wrapper .card-rotating .front {
            transition: 1s
        }

.testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}


.testimonial-card .card-body {
    text-align: center
}

.md-accordion .card {
    overflow: visible;
    box-shadow: none;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0
}

    .md-accordion .card:first-of-type, .md-accordion .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 1px solid #e0e0e0
    }

    .md-accordion .card .card-header {
        border-bottom: 0;
        padding: 1rem 1.5rem;
        background: 0 0
    }

        .md-accordion .card .card-header .card-title {
            font-weight: 400
        }

        .md-accordion .card .card-header a {
            transition: ease-in-out .3s
        }

            .md-accordion .card .card-header a:not(.collapsed) .rotate-icon {
                transform: rotate(180deg)
            }

    .md-accordion .card .fa-angle-down {
        float: right
    }

    .md-accordion .card .card-body {
        font-size: .9rem;
        line-height: 1.7;
        font-weight: 300;
        color: #626262
    }

.accordion-gradient-bcg {
    background: linear-gradient(45deg,rgba(234,21,129,.6),rgba(10,23,187,.6) 100%)
}

.accordion.md-accordion.accordion-1 p, .accordion.md-accordion.accordion-2 p, .accordion.md-accordion.accordion-3 p, .accordion.md-accordion.accordion-4 p, .accordion.md-accordion.accordion-5 p {
    font-size: 1rem
}

.accordion.md-accordion.accordion-1 .card, .accordion.md-accordion.accordion-2 .card, .accordion.md-accordion.accordion-4 .card, .accordion.md-accordion.accordion-5 .card {
    border: 0
}

    .accordion.md-accordion.accordion-1 .card .card-header, .accordion.md-accordion.accordion-2 .card .card-header, .accordion.md-accordion.accordion-4 .card .card-header, .accordion.md-accordion.accordion-5 .card .card-header {
        border: 0
    }

    .accordion.md-accordion.accordion-1 .card .card-body {
        line-height: 1.4
    }

.accordion.md-accordion.accordion-2 .card {
    background-color: transparent
}

    .accordion.md-accordion.accordion-2 .card .card-body {
        border: 0;
        border-radius: 3px
    }

.accordion.md-accordion.accordion-3 {
    border-radius: 3px
}

    .accordion.md-accordion.accordion-3 .fab.fa-angle-down, .accordion.md-accordion.accordion-3 .far.fa-angle-down, .accordion.md-accordion.accordion-3 .fas.fa-angle-down {
        margin-top: -10px
    }

.accordion.md-accordion.accordion-4 .card:last-of-type .card-body {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.accordion.md-accordion.accordion-5 .card {
    background-color: transparent
}

    .accordion.md-accordion.accordion-5 .card .card-header {
        background-color: #f44336;
        transition: .3s
    }

        .accordion.md-accordion.accordion-5 .card .card-header:hover {
            transition: .3s;
            background-color: #455a64
        }

        .accordion.md-accordion.accordion-5 .card .card-header .fab, .accordion.md-accordion.accordion-5 .card .card-header .far, .accordion.md-accordion.accordion-5 .card .card-header .fas {
            background-color: #fff;
            border-top-left-radius: 3px
        }

    .accordion.md-accordion.accordion-5 .card .card-body {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px
    }

.accordion.md-accordion.accordion-blocks .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

    .accordion.md-accordion.accordion-blocks .card .card-body {
        border-top: 1px solid #eee
    }

.card.card-cascade.wider .view.view-cascade {
    z-index: 2;
}

.card.card-cascade .view.view-cascade {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: .25rem;
}

    #toast-container > div, .card.card-cascade .view.view-cascade.gradient-card-header, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick, .darktheme .picker__box .picker__date-display .clockpicker-display, .darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm, .darktheme .picker__box .picker__footer button, .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .md-toast-close-button, .md-toast-message a, .md-toast-message label, .picker--focused .picker__list-item--selected, .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:hover:before, .picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--outfocus, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__date-display, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__list-item--selected, .picker__list-item--selected:hover, .side-nav, .side-nav .search-form .form-control, .white-text {
        color: #fff !important
    }

.card.card-cascade .view.view-cascade {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: .25rem;
}

    .card.card-cascade .view.view-cascade.gradient-card-header {
        padding: 1.6rem 1rem;
        text-align: center
    }

        .card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
            font-weight: 500
        }

        .card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
            background-color: rgba(255,255,255,.2)
        }

    #toast-container > div, .card.card-cascade .view.view-cascade.gradient-card-header, .clockpicker-display .clockpicker-display-column #click-am.text-primary, .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .darktheme .picker__box .picker__calendar-container .clockpicker-plate .clockpicker-tick, .darktheme .picker__box .picker__date-display .clockpicker-display, .darktheme .picker__box .picker__date-display .clockpicker-display .clockpicker-span-am-pm, .darktheme .picker__box .picker__footer button, .dropdown .dropdown-menu .dropdown-item:active, .dropdown .dropdown-menu .dropdown-item:hover, .dropleft .dropdown-menu .dropdown-item:active, .dropleft .dropdown-menu .dropdown-item:hover, .dropright .dropdown-menu .dropdown-item:active, .dropright .dropdown-menu .dropdown-item:hover, .dropup .dropdown-menu .dropdown-item:active, .dropup .dropdown-menu .dropdown-item:hover, .md-toast-close-button, .md-toast-message a, .md-toast-message label, .picker--focused .picker__list-item--selected, .picker--time .picker__button--clear:focus, .picker--time .picker__button--clear:focus:before, .picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:hover:before, .picker__box .picker__header .picker__date-display, .picker__box .picker__table .picker--focused, .picker__box .picker__table .picker__day--outfocus, .picker__box .picker__table .picker__day--selected, .picker__box .picker__table .picker__day--selected:hover, .picker__date-display, .picker__date-display .clockpicker-display .clockpicker-display-column #click-am.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column #click-pm.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-hours.text-primary, .picker__date-display .clockpicker-display .clockpicker-display-column .clockpicker-span-minutes.text-primary, .picker__list-item--selected, .picker__list-item--selected:hover, .side-nav, .side-nav .search-form .form-control, .white-text {
        color: #fff !important
    }

.view {
    position: relative;
    overflow: hidden;
    cursor: default
}

    .view .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-attachment: fixed
    }

    .view img, .view video {
        position: relative;
        display: block
    }

        .view video.video-intro {
            z-index: -100;
            top: 50%;
            left: 50%;
            transform: translateX(-50%) translateY(-50%);
            transition: 1s opacity;
            min-width: 100%;
            min-height: 100%;
            width: auto;
            height: auto
        }

.card.card-cascade .view.view-cascade {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: .25rem;
}

    .card.card-cascade .view.view-cascade.gradient-card-header {
        padding: 1.6rem 1rem;
        text-align: center
    }

        .card.card-cascade .view.view-cascade.gradient-card-header .card-header-title {
            font-weight: 500
        }

        .card.card-cascade .view.view-cascade.gradient-card-header .btn-floating {
            background-color: rgba(255,255,255,.2)
        }

.card.card-cascade.narrower .view.view-cascade {
    margin-left: 4%;
    margin-right: 4%;
    margin-top: -1.25rem
}

.card.card-cascade.panel-cascade .view {
    text-align: center;
    color: #fff
}

.card.card-cascade.wider .view.view-cascade {
    z-index: 2;
}

.card.card-cascade .view.view-cascade {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    border-radius: .25rem;
}

.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}

    .view img, .view video {
        position: relative;
        display: block;
    }

    .view .mask {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        background-attachment: fixed;
    }

    .view img, .view video {
        position: relative;
        display: block
    }

    .view img, .view video {
        position: relative;
        display: block;
    }

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-bottom-right-radius: calc(.25rem -1px);
}


.card-img-top {
    width: 100%;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px)
}


.card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
}

.overlay .mask {
    opacity: 0;
    transition: all .4s ease-in-out
}

    .overlay .mask:hover {
        opacity: 1
    }

.view .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-attachment: fixed;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        transition: all .5s ease-out;
        transition-property: transform,opacity;
        transform: scale(0) translate(0,0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255,255,255,.4);
        background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0,0,0,.2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,.4)
    }

    .waves-effect .waves-ripple {
        position: absolute;
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-top: -50px;
        margin-left: -50px;
        opacity: 0;
        background: rgba(0,0,0,.2);
        background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%);
        transition: all .5s ease-out;
        transition-property: transform,opacity;
        transform: scale(0) translate(0,0);
        pointer-events: none
    }

    .waves-effect.waves-light .waves-ripple {
        background: rgba(255,255,255,.4);
        background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%)
    }

    .waves-effect.waves-classic .waves-ripple {
        background: rgba(0,0,0,.2)
    }

    .waves-effect.waves-classic.waves-light .waves-ripple {
        background: rgba(255,255,255,.4)
    }
.rgba.white-slight, .rgba-white-slight:after {
    background-color: rgba(255,255,255,.1);
}














        body {
            font-family: 'Varela Round', sans-serif;
        }

.modal-login {
    color: #636363;
    width: 350px;
}

    .modal-login .modal-content {
        padding: 20px;
        border-radius: 5px;
        border: none;
    }

    .modal-login .modal-header {
        border-bottom: none;
        position: relative;
        justify-content: center;
    }

    .modal-login h4 {
        text-align: center;
        font-size: 26px;
        margin: 30px 0 -15px;
    }

    .modal-login .form-control:focus {
        border-color: #ff4801;
    }

    .modal-login .form-control, .modal-login .btn {
        min-height: 40px;
        border-radius: 3px;
    }

    /*.modal-login .close {
        position: fixed ;
        top: -5px;
        right: -5px;
    }*/
    .modal-login .close {
        position: absolute;
        top: 0em;
        right: 0em;
        z-index: 100;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        /*background: tomato;*/
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 50%;
        transition: all .5s;
    }

    .modal-login .modal-footer {
        background: #ecf0f1;
        border-color: #dee4e7;
        text-align: center;
        justify-content: center;
        margin: 0 -20px -20px;
        border-radius: 5px;
        font-size: 13px;
    }

        .modal-login .modal-footer a {
            color: #999;
        }

    .modal-login .avatar {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: -120px;
        /*width: 95px;
        height: 95px;*/
        /*border-radius: 50%;*/
        z-index: 9;
        /*background: #60c7c1;*/
        padding: 15px;
        /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);*/
    }

        .modal-login .avatar img {
            width: 100%;
        }

    .modal-login.modal-dialog {
        margin: auto;
        height: auto;
        position: relative;
        top: 10%;
    }

    .modal-login .btn {
        color: #fff;
        border-radius: 4px;
        background: #ff4801;
        text-decoration: none;
        transition: all 0.4s;
        line-height: normal;
        border: none;
    }

        .modal-login .btn:hover, .modal-login .btn:focus {
            background: #2ccea3;
            outline: none;
        }

.trigger-btn {
    display: inline-block;
    margin: 100px auto;
}

/*FINALIZA MODAL*/



.centrado {
    margin: auto;
    display: block;
    width: 100%;
}

w3-modal w3-modal-content {
    border-style: solid;
    border-color: coral;
}


hr {
  height: 1px !important;
  background-color: #E8E8E8 !important;
}


.contenedor-modal {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}

.contenedor-modal button {
  position: relative;
  top: 40%;
}



  /* El tooltip */
.cssToolTip span {
    background:  #ff4801; 
    border: 2px solid white;
    border-radius: 5px;
    box-shadow: 12px 5px 5px #333;
    color: #ffffff;
    display: none; /* El tooltip por defecto estara oculto */
    font-size: 10;
    padding: 10px 10px 10px 35px;
    max-width: 6000px;
    position:fixed; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
    z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
}

/* El tooltip cuando se muestra */
.cssToolTip:hover span {
    display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}


/* Tooltip */
  .test + .tooltip > .tooltip-inner {
      background-color: #73AD21; 
      color: #FFFFFF; 
      border: 1px solid green; 
      padding:  10px 10px 10px 35px;
      font-size: 15px;
	  max-width: 6000px;
	  position:fixed; /* El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
    z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
  }
  /* Tooltip on top */
  .test + .tooltip.top > .tooltip-arrow {
      border-top: 5px solid green;
  }
  /* Tooltip on bottom */
  .test + .tooltip.bottom > .tooltip-arrow {
      border-bottom: 5px solid blue;
  }
  /* Tooltip on left */
  .test + .tooltip.left > .tooltip-arrow {
      border-left: 5px solid red;
  }
  /* Tooltip on right */
  .test + .tooltip.right > .tooltip-arrow {
      border-right: 5px solid black;
  }





/* ============================
--- animacion espacio IEU
============================= */

.post{}
.post:after, .post:before, article:after, article:before, section:after, section:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}

#main-content .post {padding:0;margin-top:40px; text-align:center;}
#main-content .post img.thumb{height:230px;width: 100%;}
#main-content .post h3{color:#ff4801;font-weight: 500; margin-bottom:5px;font-size: 19px;}
#main-content .post h3:hover {text-decoration: underline; }
#main-content .post span{color:#fff; font-size: 14px;}

.widget.wid-post {}
.widget.wid-post .post{}
.widget.wid-post img{float: left; margin: 15px 5px; max-width: 130px;}
.widget.wid-post h6{color:#ff4801;}
.widget.wid-post .wrapper {vertical-align: middle;text-align: left;line-height: 1.4em;padding-bottom: 7px;margin-top: 22px;display: inline-block;}



/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');




.fh5co-nav ul li.btn-cta a:hover span {
    -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75);
}



/* ============================
--- logo header oculto en movil
============================= */

/*.logo { 
        visibility: hidden; 
		display:none; 
	  }
	
/* ====	Difinimos un valor base para la clase logo para que no se muestre  ==== */
	
	
/*@media only screen and (min-width: 768px) and (max-width: 1920px) {  
.logo { 
        visibility: visible; 
		display:inline 
		}

		

}

/* ====  Veremos que cuando el navegador tenga el ancho entre 768px y 959px se mostrará la imagen    ==== */


/* ==========================================================================
Video
========================================================================== */
section.video i {
    margin-right: 10px;
    color: #323a45;
    vertical-align: middle;
    font-size: 50px;
    -webkit-transition: color 300ms ease-in-out;
    transition: color 300ms ease-in-out;
}
section.video h1 {
    font-weight: 400;
    font-size: 18px;
}
section.video {
    padding: 60px 0;
    background-color: #f6f7f9;
}
section.video a {
    color: #323a45
}
section.video a:hover, section.video a:focus {
    color: #ff4801;
    text-decoration: none;
}
section.video a:hover i, section.video a:focus i {
    color: #ff4801
}



audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}



/* ============================
--- Menu
============================= */

.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		background: #fff;
		color: #fe4701;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		line-height: 60px;
		z-index:150;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 13px;
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #000000;
		text-decoration: none;
		cursor: pointer;
}

/*.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #fe4701;
		color: white;
}*/

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		border-right: 1px solid #ffffff;
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
}

.gn-menu-main > li > a {
		padding: 0 10px;
		/*text-transform: uppercase;*/
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}

.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 10px #c6d0da
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #fe4701;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}


/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		font-family: 'ecoicons';
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		/*background: #fe4701;
		box-shadow: 0 3px white, 0 -6px #fe4701, 0 -9px white, 0 -12px #fe4701;
		content: '';*/
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		/*background: white;
		box-shadow: 0 3px #fe4701, 0 -6px white, 0 -9px #fe4701, 0 -12px white;*/
}

.gn-icon-menu.gn-selected::before {
		/*background: #fe4701;
		box-shadow: 0 3px white, 0 -6px #fe4701, 0 -9px white, 0 -12px #fe4701;*/
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}

.gn-menu-wrapper.gn-open-all {
		width: 220px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}



.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
}

.company-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.company-social a{
	margin:0;
	padding:0;
    display: block;
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.company-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.company-social .social-facebook a{background: #3873ae;}
.company-social .social-twitter a{background: #62c6f8;}
.company-social .social-dribble a{background: #d74980;}
.company-social .social-deviantart a{background: #8da356;}
.company-social .social-google a{background: #000;}
.company-social .social-vimeo a{background: #51a6d3;}
.company-social .social-facebook a:hover{background: #4893ce;}
.company-social .social-twitter a:hover{background: #82e6ff;}
.company-social .social-dribble a:hover{background: #f769a0;}
.company-social .social-deviantart a:hover{background: #adc376;}
.company-social .social-google a:hover{background: #333;}
.company-social .social-vimeo a:hover{background: #71c6f3;}



.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
  color: #ffffff;
  background-color: #2be0c6;
  border-color: #2be0c6;
}
.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background-image: -o-linear-gradient(top, #fbb450 0%, #f89406 100%);
  background-image: linear-gradient(to bottom, #fbb450 0%, #f89406 100%);
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled],
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover {
  color: #ffffff;
  background-color: #f89406;
  border-color: #f89406;
}
.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #ee5f5b 0%, #bd362f 100%);
  background-image: -o-linear-gradient(top, #ee5f5b 0%, #bd362f 100%);
  background-image: linear-gradient(to bottom, #ee5f5b 0%, #bd362f 100%);
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled],
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger:active.focus,
.btn-danger:active:focus,
.btn-danger:active:hover {
  color: #ffffff;
  background-color: #bd362f;
  border-color: #bd362f;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #1b7b00 0%, #51a351 100%);
  background-image: -o-linear-gradient(top, #1b7b00 0%, #51a351 100%);
  background-image: linear-gradient(to bottom, #1b7b00 0%, #51a351 100%);
  background-color: #318b20;
  background-image: -moz-linear-gradient(top, #1b7b00, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1b7b00), to(#51a351));
  background-image: -webkit-linear-gradient(top, #1b7b00, #51a351);
  background-image: -o-linear-gradient(top, #1b7b00, #51a351);
  background-image: linear-gradient(to bottom, #1b7b00, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1b7b00', endColorstr='#ff51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled],
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover {
  color: #ffffff;
  background-color: #51a351;
  border-color: #51a351;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2f96b4 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2f96b4 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2f96b4 100%);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled],
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
  color: #ffffff;
  background-color: #2f96b4;
  border-color: #2f96b4;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #343331 0%, #000000 100%);
  background-image: -o-linear-gradient(top, #343331 0%, #000000 100%);
  background-image: linear-gradient(to bottom, #343331 0%, #000000 100%);
  background-color: #1f1f1d;
  background-image: -moz-linear-gradient(top, #343331, #000000);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#343331), to(#000000));
  background-image: -webkit-linear-gradient(top, #343331, #000000);
  background-image: -o-linear-gradient(top, #343331, #000000);
  background-image: linear-gradient(to bottom, #343331, #000000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff343331', endColorstr='#ff000000', GradientType=0);
  border-color: #000000 #000000 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #000000;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled],
.btn-inverse.active.focus,
.btn-inverse.active:focus,
.btn-inverse.active:hover,
.btn-inverse:active.focus,
.btn-inverse:active:focus,
.btn-inverse:active:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-more {
  background: #ffffff;
  color: #2be0c6;
  -webkit-box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 12px 0 0;
  text-transform: none;
  display: inline-block;
  line-height: 20px;
  border: none;
  margin: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: bold;
}
.btn-more.block-link {
  display: block;
}
.btn-more.block-link:before,
.btn-more.block-link:after {
  content: " ";
  display: table;
}
.btn-more.block-link:after {
  clear: both;
}
.btn-more.block-link i {
  float: left;
}
.btn-more:hover {
  background: #2be0c6;
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: none;
}
.btn-more i,
.btn-more [class*=" icon-"] {
  background: #2be0c6;
  color: #ffffff;
  font-style: normal;
  font-weight: 100;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  height: 20px;
  width: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.btn-more i.default:before,
.btn-more [class*=" icon-"].default:before {
  content: "\f067";
  font-family: 'FontAwesome';
}
.btn-more.i-right {
  padding: 0 0 0 12px;
}
.btn-more.i-right i,
.btn-more.i-right [class*=" icon-"] {
  margin-right: 0;
  margin-left: 8px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.btn-more.large,
.btn-more.btn-lg {
  line-height: 38px;
}
.btn-more.large i,
.btn-more.btn-lg i {
  height: 38px;
  line-height: 40px;
  width: 38px;
  font-size: 22px;
  vertical-align: top;
}
.block {
  padding: 5em 0;
}
.block:before,
.block:after {
  content: " ";
  display: table;
}
.block:after {
  clear: both;
}
.block .block-title {
  margin-top: 0;
  position: relative;
  margin-bottom: 30px;
}
.block .block-title:after {
  width: 80px;
  height: 1px;
  background: #ff4801;
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
}

.block.block-pd-sm {
  padding: 2em 0;
}
.block.block-pd-lg {
  padding: 8em 0;
}
.block.block-pd-h {
  padding: 4em;
}
.block.block-pd-h.block-pd-sm {
  padding: 2em;
}
.block.block-pd-h.block-pd-lg {
  padding: 8em;
}
.block.block-bg-primary,
.block.block-bg-primary:after {
  background-color: #ff4801;
  color: #ffffff;
}
    .block.block-bg-noise,
    .block.block-bg-noise:after {
        background: #ededed url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_noise-bg.png) left top repeat;
    }
.block.block-bg-grey,
.block.block-bg-grey:after {
  background-color: #2be0c6;
}
.block.block-bg-gradient,
.block.block-bg-gradient:after {
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6 100%);
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -o-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: linear-gradient(to bottom, #f9f9f9, #f6f6f6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff6f6f6', GradientType=0);
}
.block.block-bg-gradient-flip,
.block.block-bg-gradient-flip:after {
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #f9f9f9 100%);
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -o-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: linear-gradient(to bottom, #f6f6f6, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#fff9f9f9', GradientType=0);
}
.block.block-bg-grey-dark,
.block.block-bg-grey-dark:after {
  background-color: #212324;
  color: white;
}
.block.block-bg-img {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  transition: 0s linear;
  transition-property: background-position;
}
.block.block-bg-overlay {
  position: relative;
}
.block.block-bg-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: block !important;
}
.block.block-bg-overlay > * {
  z-index: 2;
  position: relative;
}
.block.block-bg-overlay.block-bg-overlay-1:after {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.block.block-bg-overlay.block-bg-overlay-2:after {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.block.block-bg-overlay.block-bg-overlay-3:after {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.block.block-bg-overlay.block-bg-overlay-4:after {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.block.block-bg-overlay.block-bg-overlay-5:after {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.block.block-bg-overlay.block-bg-overlay-6:after {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.block.block-bg-overlay.block-bg-overlay-7:after {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.block.block-bg-overlay.block-bg-overlay-8:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.block.block-bg-overlay.block-bg-overlay-9:after {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* LINEA DIVISORA DE CADA ETAPA */

.block.block-border-bottom {
  border-bottom: 0px solid #ff4801;
}
.block.block-border-top {
  border-top: 1px solid #ff4801;
}
.block.block-border-bottom-grey {
  border-bottom: 1px solid #eeeeee;
}
.block.block-border-top-grey {
  border-top: 1px solid #eeeeee;
}
.block-contained {
  padding: 4em 0;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.block-contained:before,
.block-contained:after {
  content: " ";
  display: table;
}
.block-contained:after {
  clear: both;
}
.block-contained .block-title {
  margin-top: 0;
  position: relative;
  margin-bottom: 30px;
}
.block-contained .block-title:after {
  width: 80px;
  height: 1px;
  background: #ff4801;
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
}
.block-contained.block-pd-sm {
  padding: 2em 0;
}
.block-contained.block-pd-lg {
  padding: 8em 0;
}
.block-contained.block-pd-h {
  padding: 4em;
}
.block-contained.block-pd-h.block-pd-sm {
  padding: 2em;
}
.block-contained.block-pd-h.block-pd-lg {
  padding: 8em;
}
.block-contained.block-bg-primary,
.block-contained.block-bg-primary:after {
  background-color: #ff4801;
  color: #ffffff;
}
    .block-contained.block-bg-noise,
    .block-contained.block-bg-noise:after {
        background: #ededed url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_noise-bg.png) left top repeat;
    }
.block-contained.block-bg-grey,
.block-contained.block-bg-grey:after {
  background-color: #f3f3f3;
}
.block-contained.block-bg-gradient,
.block-contained.block-bg-gradient:after {
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6 100%);
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -o-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: linear-gradient(to bottom, #f9f9f9, #f6f6f6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff6f6f6', GradientType=0);
}
.block-contained.block-bg-gradient-flip,
.block-contained.block-bg-gradient-flip:after {
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #f9f9f9 100%);
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -o-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: linear-gradient(to bottom, #f6f6f6, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#fff9f9f9', GradientType=0);
}
.block-contained.block-bg-grey-dark,
.block-contained.block-bg-grey-dark:after {
  background-color: #212324;
  color: white;
}
.block-contained.block-bg-img {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  transition: 0s linear;
  transition-property: background-position;
}
.block-contained.block-bg-overlay {
  position: relative;
}
.block-contained.block-bg-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: block !important;
}
.block-contained.block-bg-overlay > * {
  z-index: 2;
  position: relative;
}
.block-contained.block-bg-overlay.block-bg-overlay-1:after {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.block-contained.block-bg-overlay.block-bg-overlay-2:after {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.block-contained.block-bg-overlay.block-bg-overlay-3:after {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.block-contained.block-bg-overlay.block-bg-overlay-4:after {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.block-contained.block-bg-overlay.block-bg-overlay-5:after {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.block-contained.block-bg-overlay.block-bg-overlay-6:after {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.block-contained.block-bg-overlay.block-bg-overlay-7:after {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.block-contained.block-bg-overlay.block-bg-overlay-8:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.block-contained.block-bg-overlay.block-bg-overlay-9:after {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.block-contained.block-border-bottom {
  border-bottom: 1px solid #ff4801;
}
.block-contained.block-border-top {
  border-top: 1px solid #ff4801;
}
.block-contained.block-border-bottom-grey {
  border-bottom: 1px solid #eeeeee;
}
.block-contained.block-border-top-grey {
  border-top: 1px solid #eeeeee;
}





@media (min-width: 768px) {
  .block-contained {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .block-contained {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .block-contained {
    width: 1170px;
  }
}
.block-highlight {
  padding: 4em 0;
  background-color: #f3f3f3;
  border-bottom: 1px solid #ff4801;
}
.block-highlight:before,
.block-highlight:after {
  content: " ";
  display: table;
}
.block-highlight:after {
  clear: both;
}
.block-highlight .block-title {
  margin-top: 0;
  position: relative;
  margin-bottom: 30px;
}
.block-highlight .block-title:after {
  width: 80px;
  height: 1px;
  background: #ff4801;
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
}
.block-highlight.block-pd-sm {
  padding: 2em 0;
}
.block-highlight.block-pd-lg {
  padding: 8em 0;
}
.block-highlight.block-pd-h {
  padding: 4em;
}
.block-highlight.block-pd-h.block-pd-sm {
  padding: 2em;
}
.block-highlight.block-pd-h.block-pd-lg {
  padding: 8em;
}
.block-highlight.block-bg-primary,
.block-highlight.block-bg-primary:after {
  background-color: #ff4801;
  color: #ffffff;
}
    .block-highlight.block-bg-noise,
    .block-highlight.block-bg-noise:after {
        background: #ededed url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_noise-bg.png) left top repeat;
    }
.block-highlight.block-bg-grey,
.block-highlight.block-bg-grey:after {
  background-color: #f3f3f3;
}
.block-highlight.block-bg-gradient,
.block-highlight.block-bg-gradient:after {
  background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: -o-linear-gradient(top, #f9f9f9 0%, #f6f6f6 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #f6f6f6 100%);
  background-color: #f8f8f8;
  background-image: -moz-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f6f6f6));
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: -o-linear-gradient(top, #f9f9f9, #f6f6f6);
  background-image: linear-gradient(to bottom, #f9f9f9, #f6f6f6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff6f6f6', GradientType=0);
}
.block-highlight.block-bg-gradient-flip,
.block-highlight.block-bg-gradient-flip:after {
  background-image: -webkit-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: -o-linear-gradient(top, #f6f6f6 0%, #f9f9f9 100%);
  background-image: linear-gradient(to bottom, #f6f6f6 0%, #f9f9f9 100%);
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f9f9f9));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: -o-linear-gradient(top, #f6f6f6, #f9f9f9);
  background-image: linear-gradient(to bottom, #f6f6f6, #f9f9f9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#fff9f9f9', GradientType=0);
}
.block-highlight.block-bg-grey-dark,
.block-highlight.block-bg-grey-dark:after {
  background-color: #212324;
  color: white;
}
.block-highlight.block-bg-img {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  transition: 0s linear;
  transition-property: background-position;
}
.block-highlight.block-bg-overlay {
  position: relative;
}
.block-highlight.block-bg-overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  opacity: 0.5;
  filter: alpha(opacity=50);
  display: block !important;
}
.block-highlight.block-bg-overlay > * {
  z-index: 2;
  position: relative;
}
.block-highlight.block-bg-overlay.block-bg-overlay-1:after {
  opacity: 0.1;
  filter: alpha(opacity=10);
}
.block-highlight.block-bg-overlay.block-bg-overlay-2:after {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.block-highlight.block-bg-overlay.block-bg-overlay-3:after {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.block-highlight.block-bg-overlay.block-bg-overlay-4:after {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.block-highlight.block-bg-overlay.block-bg-overlay-5:after {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.block-highlight.block-bg-overlay.block-bg-overlay-6:after {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.block-highlight.block-bg-overlay.block-bg-overlay-7:after {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.block-highlight.block-bg-overlay.block-bg-overlay-8:after {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.block-highlight.block-bg-overlay.block-bg-overlay-9:after {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.block-highlight.block-border-bottom {
  border-bottom: 1px solid #ff4801;
}
.block-highlight.block-border-top {
  border-top: 1px solid #ff4801;
}
.block-highlight.block-border-bottom-grey {
  border-bottom: 1px solid #eeeeee;
}
.block-highlight.block-border-top-grey {
  border-top: 1px solid #eeeeee;
}
.block-highlight h1:first-child,
.block-highlight h3:first-child,
.block-highlight h3:first-child,
.block-highlight h4:first-child,
.block-highlight h5:first-child {
  margin-top: 0;
}
.block-highlight p {
  font-size: 1.4em;
  font-weight: 100;
}
.scrolltop {
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: 80;
  filter: alpha(opacity=8000);
  position: fixed;
  bottom: 180px;
  right: 5px;
  display: none;
  font-size: 0;
  background: #ff4801;
  z-index: 999999;
  text-align: center;
  color: #ffffff !important;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 20px;
}
.scrolltop:hover {
  text-decoration: none;
  opacity: 90;
  filter: alpha(opacity=9000);
}
/*.scrolltop:before {
  content: "\f106";
  font-family: 'FontAwesome';
  font-size: 30px;
  font-style: normal;
}*/

/*Flecha para hacer la pagina hacia arriba*/
.ir-arriba {
    display: none;
    background-repeat: no-repeat;
    font-size: 20px;
    color: black;
    cursor: pointer;
    position: fixed;
    bottom: 180px;
    right: 10px;
    z-index: 2;
}


.desaparece {
    display: none !important;
    background-repeat: no-repeat;
    font-size: 20px;
    color: black;
    cursor: pointer;
    position: fixed !important;
    bottom: 180px;
    right: 10px;
    z-index: 2;
}

.social-media.social-media-inline {
  margin: 8px;
}
@media (min-width: 768px) {
  .social-media.social-media-inline {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.social-media a {
  text-decoration: none;
  color: #ff4801;
  display: inline-block;
  line-height: 1;
  background: #ffffff;
  padding: 3px;
  text-align: center;
  -webkit-box-shadow: 0 1px 2px rgba(52, 51, 49, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(52, 51, 49, 0.2);
  box-shadow: 0 1px 2px rgba(52, 51, 49, 0.2);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.social-media a i {
  border: 2px solid #ff4801;
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 24px;
  width: 24px;
  height: 24px;
  text-align: center;
  display: block;
}
.social-media a:hover {
  text-decoration: none;
  background: #ff4801;
  color: #ffffff;
}
.social-media a:hover i {
  border-color: #ffffff;
}
.social-media.social-media-stacked a {
  background: transparent !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  color: #ff4801;
  text-align: left;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.social-media.social-media-stacked a:hover {
  color: white !important;
}
.social-media.social-media-stacked a i {
  display: inline-block;
  margin-right: 10px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  color: white;
  border-color: white;
  border-width: 3px;
  line-height: 23px;
  width: 26px;
  height: 26px;
}

.item-slider {
  overflow: hidden;
}

/*@media (min-width: 960px) {
  .item-slider {
    height: 380px;
  }*/

@media (min-width: 769px) and (max-width:959px) {
  .item-slider {
    height: 580px;
  }
}

@media (max-width: 768px) {
  .item-slider {
    height: 300px;
  }
}

.owl-carousel .owl-controls {
  margin: 0;
}
.owl-carousel .owl-controls .owl-buttons div {
  text-indent: 0;
  font-size: 0;
  background: #343331;
  width: 40px;
  height: 75px;
  line-height: 75px;
  color: #ffffff;
  text-align: center;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  opacity: 0.3;
  filter: alpha(opacity=30);
  position: absolute;
  top: 50%;
  margin-top: -75px;
  right: 0;
  left: auto;
  -webkit-transition: all 220ms ease-out;
  -moz-transition: all 220ms ease-out;
  -o-transition: all 220ms ease-out;
  transition: all 220ms ease-out;
}
.owl-carousel .owl-controls .owl-buttons div:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-size: 32px;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev {
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  left: 0;
  right: auto;
}
.owl-carousel .owl-controls .owl-buttons div.owl-prev:before {
  content: '\f104';
}
.owl-carousel .owl-controls .owl-buttons div:hover {
  text-decoration: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
.owl-carousel:hover .owl-controls .owl-buttons div {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.owl-carousel .owl-controls .owl-pagination {
  bottom: 10px;
  right: 5px;
  width: auto;
  position: absolute;
}
.owl-carousel .owl-controls .owl-pagination .owl-page span {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  opacity: 1;
  filter: alpha(opacity=100);
  height: 16px;
  width: 16px;
  border: 2px solid #ff4801;
  background: #ff4801;
  margin: 2px 4px;
  -webkit-transition: all 220ms ease-out;
  -moz-transition: all 220ms ease-out;
  -o-transition: all 220ms ease-out;
  transition: all 220ms ease-out;
}
.owl-carousel .owl-controls .owl-pagination .owl-page.active span {
  background: #ff4801;
}
.item-slider .item-caption {
  padding: 2em;
}
@media (min-width: 992px) {
  .item-slider .item-caption {
    padding: 0;
  }
}
.item-carousel .item {
  display: block;
  float: left;
  padding: 0 5px;
}
.item-carousel .item-details {
  padding: 1em;
  background: #f3f3f3;
  border-bottom: 1px solid #bfbfbf;
}
.item-carousel .item-details .item-title {
  font-weight: 600;
}
.item-carousel .item-details .item-title a {
  color: #343331;
}
.item-carousel.owl-carousel .owl-controls .owl-buttons div {
  background-color: #ff4801;
}
.date-wrapper {
  color: #ffffff;
  text-align: center;
  margin: 0 0 1em 0;
  border-bottom: 2px solid #e5e5e5;
  width: 40px;
  font-size: 16px;
  display: block;
}
.date-wrapper .date-m {
  padding: 2px;
  text-transform: uppercase;
  font-weight: 100;
  background: #ff4801;
  font-size: 11px;
  line-height: 1;
  display: block;
}
.date-wrapper .date-d {
  font-size: 16px;
  line-height: 1;
  padding: 4px 0;
  background: #ffffff;
  color: #343331;
  display: block;
}
.overlay-wrapper {
  position: relative;
  display: block;
  overflow: hidden;
}
.overlay-wrapper.overlay-wrapper-bordered {
  border-bottom: 5px solid transparent;
}
.overlay-wrapper.overlay-wrapper-bordered:hover {
  border-bottom: 5px solid #e34619;
}
.overlay-wrapper .overlay {
  position: absolute;
  width: 100%;
  background: rgba(255,72,1, 0.8);
  z-index: 100;
  display: block;
  top: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  -webkit-transition: all 220ms ease-out;
  -moz-transition: all 220ms ease-out;
  -o-transition: all 220ms ease-out;
  transition: all 220ms ease-out;
  text-align: center;
  padding: 5% 0;
  color: white;
}
.overlay-wrapper .overlay.on {
  top: 0;
}
.overlay-wrapper .overlay .overlay-content {
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.overlay-wrapper .underlay {
  z-index: 99;
}
.overlay-wrapper:hover .overlay {
  top: 0;
}
.map-wrapper {
  position: relative;
  margin-bottom: 10px;
}
.map-wrapper .btn-map {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.panel-pricing {
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
    border-bottom: 1px solid #bfbfbf;
    padding: 0;
    background: #ededed url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_noise-bg.png) left top repeat;
    -webkit-box-shadow: 1px 1px 5px #d5d5d5;
    -moz-box-shadow: 1px 1px 5px #d5d5d5;
    box-shadow: 1px 1px 5px #d5d5d5;
}
.panel-pricing .panel-heading {
  padding-bottom: 15px;
  padding-top: 15px;
  position: relative;
}
.panel-pricing .panel-title {
  font-weight: 600;
  text-transform: uppercase;
}
.panel-pricing .panel-title em {
  text-transform: none;
  font-weight: 100;
}
.panel-pricing .panel-pricing-price {
  text-shadow: none;
  color: #b5b5b5;
  background: #6b7175;
  text-align: center;
  padding: 15px 0 10px 0;
  font-weight: 100;
  vertical-align: text-top;
  margin: 0;
  font-weight: 14px;
}
.panel-pricing .panel-pricing-price .digits {
  font-size: 40px;
  color: #ffffff;
}
.panel-pricing .panel-body {
  background-color: white;
}
.panel-pricing .panel-pricing-popular {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  color: #ff4801;
  padding: 1px 5px 1px 0;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
}
.panel-pricing .panel-pricing-popular i {
  font-size: 12px;
}
.panel-pricing.panel-pricing-highlighted {
  -webkit-box-shadow: 1px 2px 5px #d5d5d5;
  -moz-box-shadow: 1px 2px 5px #d5d5d5;
  box-shadow: 1px 2px 5px #d5d5d5;
}
.panel-pricing.panel-pricing-highlighted .panel-pricing-price {
  background: #212324;
  padding: 25px 0 20px 0;
}
.stat {
  padding: 30px;
  border: 2px solid #ff4801;
  font-size: 62px;
  text-align: center;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin-bottom: 10px;
}
.stat small {
  font-size: 14px;
  display: block;
}
.text-primary {
  color: #ff4801;
}
.bg-primary {
  background-color: #ff4801;
}
.popover-title {
  font-size: 16px;
  font-weight: bold;
}
.popover-content {
  font-size: 12px;
  font-weight: normal;
}
.page-header small {
  font-size: 18px;
  display: block;
}
.jumbotron {
  border-radius: 0;
}
.text-fancy {
  font-family: serif;
  font-style: italic;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-weight-light {
  font-weight: 100 !important;
}
.text-weight-strong {
  font-weight: bold !important;
}
.text-shadow-white {
  text-shadow: 1px 1px 0 #ffffff;
}
@media (min-width: 768px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-center-md {
    text-align: center !important;
  }
  .text-left-md {
    text-align: left !important;
  }
  .text-right-md {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-center-lg {
    text-align: center !important;
  }
  .text-left-lg {
    text-align: left !important;
  }
  .text-right-lg {
    text-align: right !important;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1;
}
h1,
.h1 {
  font-size: 50.4px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
h1.h-lg,
.h-lg h1,
.h-lg .h1,
.h-lg.h1 {
  font-size: 72px;
}
h2.h-lg,
.h-lg h2,
.h-lg .h2,
.h-lg.h2 {
  font-size: 54px;
}
h3.h-lg,
.h-lg h3,
.h-lg .h3,
.h-lg.h3 {
  font-size: 38.400000000000006px;
}
h4.h-lg,
.h-lg h4,
.h-lg .h4,
.h-lg.h4 {
  font-size: 25.2px;
}
h5.h-lg,
.h-lg h5,
.h-lg .h5,
.h-lg.h5 {
  font-size: 16.8px;
}
h6.h-lg,
.h-lg h6,
.h-lg .h6,
.h-lg.h6 {
  font-size: 13.200000000000001px;
}
h1.h-xlg,
.h-xlg h1,
.h-xlg .h1,
.h-xlg.h1 {
  font-size: 122.39999999999999px;
}
h2.h-xlg,
.h-xlg h2,
.h-xlg .h2,
.h-xlg.h2 {
  font-size: 84px;
}
h3.h-xlg,
.h-xlg h3,
.h-xlg .h3,
.h-xlg.h3 {
  font-size: 62.400000000000006px;
}
h4.h-xlg,
.h-xlg h4,
.h-xlg .h4,
.h-xlg.h4 {
  font-size: 43.199999999999996px;
}
h5.h-xlg,
.h-xlg h5,
.h-xlg .h5,
.h-xlg.h5 {
  font-size: 30.800000000000004px;
}
h6.h-xlg,
.h-xlg h6,
.h-xlg .h6,
.h-xlg.h6 {
  font-size: 25.200000000000003px;
}
ul.big-list {
  font-size: 1.2em;
  padding: 0;
  margin: 0;
}
ul.big-list li {
  list-style: none;
  margin: 0;
  padding: 0.5em;
  border-bottom: 1px solid #eee;
}
ul.big-list li:hover {
  background: #ededed;
}
ul.list-dotted {
  padding: 0 30px 20px 30px;
  margin: 0;
}
ul.list-dotted li {
  padding: 0.2em;
  list-style: none;
}
ul.list-dotted li:before {
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 6px;
  color: #ff4801;
  margin: 0 6px 0 0;
  vertical-align: middle;
}
blockquote {
    border: none;
    padding: 0;
    margin: 1em 0 0 0;
    position: relative;
    background: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_blockquote.png) left top no-repeat;
}
blockquote:before,
blockquote:after {
  content: " ";
  display: table;
}
blockquote:after {
  clear: both;
}
blockquote p {
  padding: 0 1em 1em 160px;
  text-align: center;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
  line-height: 1.55;
}
blockquote img {
  position: absolute;
  bottom: 0;
  left: 50px;
  max-width: 120px;
}
blockquote small {
  display: block;
  padding: 10px;
  padding-left: 160px;
  background: #6b7175;
  color: #d0d3d4;
}
blockquote small:before {
  content: ' ';
}
blockquote small strong,
blockquote small .spacer {
  color: #ffffff;
  font-size: 15px;
}
blockquote small a {
  color: #d0d3d4;
}
blockquote small a:hover {
  color: #d0d3d4;
}
    blockquote.right {
        background: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_blockquote-flipped.png) right top no-repeat;
    }
blockquote.right p {
  padding: 0 160px 1em 1em;
}
blockquote.right img {
  left: auto;
  right: 50px;
}
blockquote.right small {
  padding-right: 180px;
  text-align: right;
  padding-left: 0;
}
.bg-noise {
    background: #ededed url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg_noise-bg.png) left top repeat;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  padding-top:7px;
}
body,
html {
  font-family: "Roboto", sans-serif;
}
h1,
h2,
h3,
h4 {
  font-weight: 100;
}
a {
  color: #ff4801;
}
a:hover {
  color: #ff4801;
}
#background-wrapper {
  background-color: #000000;
  background-position: left top;
   width:100%;
    max-width:100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 0;
  border-bottom: 2px solid #ff4801;
}
.benches {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/backgrounds/benches.png);
}
.boots {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/backgrounds/boots.png);
}
.buildings {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/backgrounds/buildings.png);
}
.city {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/backgrounds/city.png);
    buildings
}
.metro {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/backgrounds/metro.png);
}
a.btn-hh-trigger {
  display: block;
  font-size: 0 !important;
  line-height: 32px;
  width: 30px;
  height: 32px;
  background: #ff4801;
  text-align: center;
  color: #ffffff;
  padding: 0;
  margin: 0;
  text-decoration: none;
  position: relative;
  top: -11px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  border: none;
}
a.btn-hh-trigger:before,
a.btn-hh-trigger:after {
  content: "\f067";
  font-family: 'FontAwesome';
  font-size: 18px;
  font-style: normal;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  padding: 0;
  margin: 0;
  position: absolute;
  line-height: 30px;
  width: 30px;
  height: 30px;
  top: 2px;
  bottom: 0;
  left: -1px;
  right: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
a.btn-hh-trigger:after {
  content: "\f068";
  opacity: 0;
  filter: alpha(opacity=0);
}
a.btn-hh-trigger.target-open:before {
  opacity: 0;
  filter: alpha(opacity=0);
}
a.btn-hh-trigger.target-open:after {
  opacity: 1;
  filter: alpha(opacity=100);
}
.header-hidden {
  background: #ff4801;
  color: #ffffff;
}
.header-hidden a:not(.btn),
.header-hidden p {
  color: #ffffff;
}
.header {
  padding: 20px 0 30px 0;
  position: relative;
  color: white;
}
.header a:not(.btn) {
  color: white;
}
#highlighted {
  color: #ffffff;
}
#content {
  padding: 20px 0 20px 0;
  background: #ffffff;
}
#content > .block:first-child {
  margin-top: -20px;
}

/* ===========================
--- PIE DE PAGINA 
============================ */

#footer {
  min-height: 294px;
  color: #d1cfcf;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer strong {
  color: #ffffff;
}
#footer a:not(.btn) {
  color: #ff4801;
}
#footer .subfooter {
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  margin-top: 1em;
  padding-top: 1em;
}




/* ===========================
--- Intro
============================ */

.intro {
	width:100%;
	position:relative;
}

#intro {
    background-image: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/img-bg.jpg);
    background-size: cover;
}

.intro .slogan {
	padding:250px 0 60px;
	text-align: center;
	
}
.intro .slogan h1 {
	color: #1d484d;
	line-height: 1.1em;
	margin-bottom: 20px;
	 font-size: 40px;
}
.intro .slogan p {
	color: #1d484d;
	margin-bottom: 50px;
	font-size: 20px;
}


.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}


/* slider */

.tp-caption.custom_large_white {
	color: #FFF;
	text-shadow: none;
	font-size: 60px;
	line-height: 60px;
	font-weight: 700;
	font-family: Montserrat, sans-serif;
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
	text-transform: uppercase;
	border-width: 0px;
	border-color: #000;
	border-style: none;
}

.tp-caption a.btn {
	color: #fff;
}




/* Contact Section */
#contact address {
  color: #999;
}

#contact .form #sendmessage {
  color: green;
  background: #fff;
  border: 1px solid green;
  display: none;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #errormessage {
  color: red;
  display: none;
  border: 1px solid red;
  text-align: center;
  padding: 15px;
  font-weight: 600;
  margin-bottom: 15px;
}

#contact .form #sendmessage.show, #contact .form #errormessage.show, #contact .form .show {
  display: block;
}

#contact .form .validation {
  color: red;
  display: none;
  margin: 0 0 20px;
  font-weight: 400;
  font-size: 13px;
}

#contact .form input, #contact .form textarea {
  border-radius: 0;
  box-shadow: none;
}

#contact .form button[type="submit"] {
  background: #333;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
}

#contact .form button[type="submit"]:hover {
  background: #555;
}

.sidebar {
    min-height: 450px;
    background: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/misc/bg_sidebar-left.png) right 15px top -60px no-repeat;
    padding-top: 30px;
}
    .sidebar.sidebar-right {
        background: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/misc/bg_sidebar-right.png) right 15px top -60px no-repeat;
    }
.fullscreen-centered #background-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}
.fullscreen-centered #content {
  background: transparent;
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
  width: 80%;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #f3f3f3 0%, #e6e6e6 100%);
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #f3f3f3, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3f3f3), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #f3f3f3, #e6e6e6);
  background-image: -o-linear-gradient(top, #f3f3f3, #e6e6e6);
  background-image: linear-gradient(to bottom, #f3f3f3, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f3f3', endColorstr='#ffe6e6e6', GradientType=0);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-collapse {
  padding-left: 0;
  padding-right: 0;
  clear: both;
}
@media (min-width: 768px) {
  .navbar-default .navbar-collapse {
    clear: none;
  }
}
.navbar-btn {
  margin-top: 13px;
  margin-bottom: 13px;
}
.navbar-btn.btn-sm {
  margin-top: 15px;
  margin-bottom: 15px;
}
.navbar-btn.btn-xs {
  margin-top: 19px;
  margin-bottom: 19px;
}
.navbar-text {
  margin-top: 20px;
  margin-bottom: 20px;
}
.navbar-form {
  margin-top: 13px;
  margin-bottom: 13px;
}
.navbar-toggle {
  float: left;
  margin-right: 0;
  margin-left: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 7px;
}
.navbar-brand {
    padding: 0;
    margin: 0;
    display: block;
    text-shadow: none;
    line-height: 1;
    background: url(http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/logo.png) left top no-repeat;
    height: 40px;
    width: 145px;
}
.navbar-brand:hover {
  text-decoration: none;
  cursor: pointer;
}
.navbar-brand.center-block {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}
.navbar-slogan {
  float: left;
  width: 180px;
  padding-left: 1.5em;
  margin-left: 1.5em;
  border-left: 2px dotted #bcbfc4;
  font-size: 13px;
  line-height: 1.2;
  color: #bcbfc4;
  display: none;
}
@media (min-width: 768px) {
  .navbar-slogan {
    display: block;
  }
}
.navbar-slogan.center-block {
  float: none !important;
  margin: 10px auto;
  border-left: none !important;
  display: block !important;
  width: auto;
  text-align: center;
  padding: 0;
}
.navbar-default .navbar-nav {
  margin: 0;
  padding: 0;
}
.navbar-default .navbar-nav .caret {
  color: #ff4801;
  vertical-align: middle;
  margin: 0;
  border: none;
  line-height: 1;
  font-size: 18px;
  font-weight: normal;
  float: right;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav .caret {
    margin: -4px 0 0 8px;
    font-size: 10px;
    float: none;
  }
}
.navbar-default .navbar-nav .caret:after {
  content: "\f078";
  font-family: 'FontAwesome';
}
.navbar-default .navbar-nav li {
  margin: 0;
  border-bottom: 1px solid #D3D3D3;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav li {
    border-right: 1px solid #D3D3D3;
    border-bottom: none;
  }
}
.navbar-default .navbar-nav li:first-child {
  border-left-color: #ffffff;
}
.navbar-default .navbar-nav li a {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  font-weight: 600;
}
.navbar-default .navbar-nav li > a:not(.btn) {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 20px 15px;
  font-size: 14.5px;
  font-weight: 600;
  text-transform: uppercase;
  color: #2be0c6;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav li > a:not(.btn) {
    height: 60px;
    line-height: 60px;
    padding: 0 25px;
  }
}
.navbar-default .navbar-nav li > a:not(.btn) small {
  display: block;
  line-height: 1;
}
.navbar-default .navbar-nav li > a:not(.btn):hover .dropdown-menu {
  display: block;
}
.navbar-default .navbar-nav li.icon-link a {
  text-align: left;
  font-size: 20px;
  color: #343331;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav li.icon-link a {
    height: 60px;
    line-height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
  }
}
.navbar-default .navbar-nav li > a:not(.btn):hover,
.navbar-default .navbar-nav li.icon-link a:hover {
  background: #ffffff;
  color: #2be0c6;
}
.navbar-default .navbar-nav li.open a:hover,
.navbar-default .navbar-nav li.open a:focus,
.navbar-default .navbar-nav li.open a.dropdown-toggle,
.navbar-default .navbar-nav li.active a.top-level,
.navbar-default .navbar-nav li.active a:hover {
  background: #2be0c6;
  color: #ffffff !important;
  text-shadow: none;
}
.navbar-default .navbar-nav li.open a:hover .caret,
.navbar-default .navbar-nav li.open a:focus .caret,
.navbar-default .navbar-nav li.open a.dropdown-toggle .caret,
.navbar-default .navbar-nav li.active a.top-level .caret,
.navbar-default .navbar-nav li.active a:hover .caret {
  color: #ffffff;
}
.navbar-default .navbar-nav li.open a.dropdown-toggle {
  border-bottom-color: transparent;
}
.navbar-default .navbar-nav .dropdown-menu {
  margin-top: 0px;
  padding: 15px;
  left: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-top: 3px solid #ff4801;
  background: #f3f3f3;
  min-width: 200px;
}
.navbar-default .navbar-nav .dropdown-menu li {
  border: none;
  list-style: none;
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-header {
  padding-left: 0;
  padding-right: 0;
  text-transform: uppercase;
  font-weight: 300;
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer {
  background: #6b7175;
  padding: 7.5px 15px;
  margin: 15px -15px -15px -15px;
  color: rgba(255, 255, 255, 0.8);
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer:before,
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer:after {
  content: " ";
  display: table;
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer:after {
  clear: both;
}
.navbar-default .navbar-nav .dropdown-menu li.dropdown-footer strong {
  color: #ffffff;
}
.navbar-default .navbar-nav .dropdown-menu li.row {
  margin-left: -15px;
  margin-right: -15px;
}
.navbar-default .navbar-nav .dropdown-menu li a:not(.btn) {
  margin: 0;
  padding: 8px;
  height: auto;
  line-height: 1.2;
  font-size: 13.5px;
  border: none;
  text-transform: none;
  position: relative;
  color: #2be0c6;
  display: block;
}
.navbar-default .navbar-nav .dropdown-menu li a:not(.btn):before {
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 5px;
  color: #2be0c6;
  margin: 0 6px 0 0;
  padding: 0;
  vertical-align: middle;
}
.navbar-default .navbar-nav .dropdown-menu li a:not(.btn):hover {
  color: #ffffff;
  background: #2be0c6;
  text-decoration: none;
}
.navbar-default .navbar-nav .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar-default .navbar-nav .dropdown-mm {
  position: static;
}
.navbar-default .navbar-nav .dropdown-menu.dropdown-menu-mm {
  list-style: none;
}
@media (min-width: 768px) {
  .navbar-default .navbar-nav .dropdown-menu.dropdown-menu-mm {
    min-width: 480px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
  }
}
.user-menu {
  margin-top: -10px;
}
.user-menu a {
  font-size: 12px;
}
ul.nav-stacked {
  padding: 0;
  margin: 0;
  text-align: right;
}
ul.nav-stacked li a {
  color: #ff4801;
  font-size: 18px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: bold;
  border: none;
  margin: 0;
  padding: 8px 25px 8px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
ul.nav-stacked li a:hover {
  background: #e6e6e6;
}
ul.nav-stacked li a i {
  font-size: 14px;
}
ul.nav-stacked li a small {
  display: block;
  font-weight: normal;
  color: #343331;
  font-size: 12px;
}
ul.nav-stacked li.active a,
ul.nav-stacked li.active a:hover {
  color: #ffffff;
  margin: 0;
  background: #212324;
  padding-right: 25px;
}
ul.nav-stacked li.active a:after,
ul.nav-stacked li.active a:hover:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(15, 20, 23, 0);
  border-left-color: #212324;
  border-width: 10px;
  margin-top: -10px;
}
ul.nav-stacked li.active a small,
ul.nav-stacked li.active a:hover small {
  color: #ababab;
}
ul.nav-stacked.nav-stacked-right li.active a:after,
ul.nav-stacked.nav-stacked-right li.active a:hover:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(15, 20, 23, 0);
  border-right-color: #0f1417;
  border-width: 10px;
  margin-top: -10px;
}
ul.nav-tabs {
  border-bottom: 1px dashed #BFBFBF;
  margin-bottom: 1em;
}
ul.nav-tabs li {
  border: 1px dashed #BFBFBF;
  border-bottom: none;
  border-right: none;
  padding: 0;
  margin: 0;
}
ul.nav-tabs li:last-child {
  border-right: 1px dashed #BFBFBF;
}
ul.nav-tabs li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-size: 1.2em;
  color: #ff4801;
  padding: 8px 1.4em;
  border: none;
  margin: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
ul.nav-tabs li.active a,
ul.nav-tabs li.active a:hover,
ul.nav-tabs li.active a:focus {
  color: #ffffff;
  background: #6C7175;
  border: none;
}
ul.nav-tabs.nav-tabs-left,
ul.nav-tabs.nav-tabs-right {
  border-bottom: none;
}
ul.nav-tabs.nav-tabs-left > li,
ul.nav-tabs.nav-tabs-right > li {
  float: none;
  border-right: 1px dashed #BFBFBF;
}
ul.nav-tabs.nav-tabs-left > li:last-child,
ul.nav-tabs.nav-tabs-right > li:last-child {
  border-bottom: 1px dashed #BFBFBF;
}


.m-a-0 {
  margin: 0 !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-r-0 {
  margin-right: 0 !important;
}
.m-b-0 {
  margin-bottom: 0 !important;
}
.m-l-0 {
  margin-left: 0 !important;
}
.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.m-a {
  margin: 1rem !important;
}
.m-t {
  margin-top: 1rem !important;
}
.m-r {
  margin-right: 1rem !important;
}
.m-b {
  margin-bottom: 1rem !important;
}
.m-l {
  margin-left: 1rem !important;
}
.m-x {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.m-y {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.m-a-md {
  margin: 1.5rem !important;
}
.m-t-md {
  margin-top: 1.5rem !important;
}
.m-r-md {
  margin-right: 1.5rem !important;
}
.m-b-md {
  margin-bottom: 1.5rem !important;
}
.m-l-md {
  margin-left: 1.5rem !important;
}
.m-x-md {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.m-y-md {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.m-a-lg {
  margin: 3rem !important;
}
.m-t-lg {
  margin-top: 3rem !important;
}
.m-r-lg {
  margin-right: 3rem !important;
}
.m-b-lg {
  margin-bottom: 3rem !important;
}
.m-l-lg {
  margin-left: 3rem !important;
}
.m-x-lg {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.m-y-lg {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.p-a-0 {
  padding: 0 !important;
}
.p-t-0 {
  padding-top: 0 !important;
}
.p-r-0 {
  padding-right: 0 !important;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.p-a {
  padding: 1rem !important;
}
.p-t {
  padding-top: 1rem !important;
}
.p-r {
  padding-right: 1rem !important;
}
.p-b {
  padding-bottom: 1rem !important;
}
.p-l {
  padding-left: 1rem !important;
}
.p-x {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.p-y {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.p-a-md {
  padding: 1.5rem !important;
}
.p-t-md {
  padding-top: 1.5rem !important;
}
.p-r-md {
  padding-right: 1.5rem !important;
}
.p-b-md {
  padding-bottom: 1.5rem !important;
}
.p-l-md {
  padding-left: 1.5rem !important;
}
.p-x-md {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.p-y-md {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.p-a-lg {
  padding: 3rem !important;
}
.p-t-lg {
  padding-top: 3rem !important;
}
.p-r-lg {
  padding-right: 3rem !important;
}
.p-b-lg {
  padding-bottom: 3rem !important;
}
.p-l-lg {
  padding-left: 3rem !important;
}
.p-x-lg {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.p-y-lg {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.switcher:before,
.switcher:after {
  content: " ";
  display: table;
}
.switcher:after {
  clear: both;
}
.switcher a {
  text-indent: -10000px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 4px solid #ccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.switcher a.active {
  border-color: #ffffff;
}
.switcher div.cols {
  float: left;
  margin-right: 2em;
  margin-bottom: 5px;
}
.switcher.page a {
  display: block;
  width: 80%;
  height: 100px;
  margin-bottom: 10px;
}
.switcher.page a.active {
  border-color: rgba(0, 0, 0, 0.3);
}
.switcher.page .background {
  background-size: contain;
}
.switcher .orange {
  background: #ff4801;
}
.switcher .green {
  background: #00bb5c;
}
.switcher .blue {
  background: #00a8cc;
}
.switcher .lavender {
  background: #ad4dd3;
}
.switcher .background {
  background-color: #000000;
  background-position: right center no-repeat;
  background-attachment: fixed;
}


	
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic|Montserrat:700|Merriweather:400italic');

/* ============================
--- Menu PROPIEDADES
============================= */


.gn-menu-main,
.gn-menu-main {
		margin: 0;
		padding: 0;
		background: #ffffff;
		color: #fe4701;
		list-style: none;
		text-transform: none;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		line-height: 60px;
		z-index:150;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}



.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 70px;
		font-size: 13px;
}

.gn-menu-main a {
		display: block;
		height: 100%;
		color: #fe4701;
		text-decoration: none;
		cursor: pointer;
}

/*.no-touch .gn-menu-main a:hover,
.no-touch .gn-menu li.gn-search-item:hover,
.no-touch .gn-menu li.gn-search-item:hover a {
		background: #f89406;
		color: white;
}*/



/*.gn-menu-main > li {
    display: block;
    float: left;
    height: 100%;
    border-right: 1px solid #ffffff;
    text-align: center;
}*/

/* disparador del icono  (solo elemento del menu) */

/*.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
}*/

/*.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}*/

/*.gn-menu-wrapper {
		position: fixed;
		top: 60px;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 60px;
		border-top: 1px solid #c6d0da;
		background: white;
		-webkit-transform: translateX(-60px);
		-moz-transform: translateX(-60px);
		transform: translateX(-60px);
		-webkit-transition: -webkit-transform 0.3s, width 0.3s;
		-moz-transition: -moz-transform 0.3s, width 0.3s;
		transition: transform 0.3s, width 0.3s;
}*/


.gn-scroller {
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
}

.gn-menu {
		border-bottom: 1px solid #c6d0da;
		text-align: left;
		font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
		box-shadow: inset 0 1px #c6d0da
}

.gn-submenu li {
		overflow: hidden;
		height: 0;
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		transition: height 0.3s;
}

.gn-submenu li a {
		color: #c1c9d1
}

input.gn-search {
		position: relative;
		z-index: 10;
		padding-left: 60px;
		outline: none;
		border: none;
		background: transparent;
		color: #fe4701;
		font-weight: 300;
		font-family: 'Lato', Arial, sans-serif;
		cursor: pointer;
}

/* marcador */

.gn-search::-webkit-input-placeholder {
		color: #fe4701
}

.gn-search:-moz-placeholder {
		color: #fe4701
}

.gn-search::-moz-placeholder {
		color: #fe4701
}

.gn-search:-ms-input-placeholder {
		color: #fe4701
}

/* oculta el la posición del marcador cuando esta abierto en Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
		color: transparent
}

input.gn-search:focus {
		cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
		color: white
}

/* marcador de posición */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
		color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
		color: white
}

.gn-menu-main a.gn-icon-search {
		position: absolute;
		top: 0;
		left: 0;
		height: 60px;
}

.gn-icon::before {
		display: inline-block;
		width: 60px;
		text-align: center;
		text-transform: none;
		font-weight: normal;
		font-style: normal;
		font-variant: normal;
		/*font-family: 'ecoicons';*/
		line-height: 1;
		speak: none;
		-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
		content: "\e000"
}

.gn-icon-earth::before {
		content: "\e004"
}

.gn-icon-cog::before {
		content: "\e006"
}

.gn-icon-search::before {
		content: "\e005"
}

.gn-icon-download::before {
		content: "\e007"
}

.gn-icon-photoshop::before {
		content: "\e001"
}

.gn-icon-illustrator::before {
		content: "\e002"
}

.gn-icon-archive::before {
		content: "\e00d"
}

.gn-icon-article::before {
		content: "\e003"
}

.gn-icon-pictures::before {
		content: "\e008"
}

.gn-icon-videos::before {
		content: "\e009"
}

/* estilo del menu */

.gn-icon span {
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
}

.gn-icon-menu::before {
		margin-left: -15px;
		vertical-align: -2px;
		width: 30px;
		height: 3px;
		/*background: #027474;
		box-shadow: 0 3px white, 0 -6px #027474, 0 -9px white, 0 -12px #027474;
		content: '';*/
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
		/*background: white;
		box-shadow: 0 3px #fe4701, 0 -6px white, 0 -9px #fe4701, 0 -12px white;*/
}

.gn-icon-menu.gn-selected::before {
		/*background: #fe4701;
		box-shadow: 0 3px white, 0 -6px #fe4701, 0 -9px white, 0 -12px #fe4701;*/
}

/* estilos para abrir el menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
}
/* cuadro de menu */
.gn-menu-wrapper.gn-open-all {
		width: 220px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
		height: 60px
}

@media screen and (max-width: 422px) { 
	.gn-menu-wrapper.gn-open-all {
			-webkit-transform: translateX(0px);
			-moz-transform: translateX(0px);
			transform: translateX(0px);
			width: 100%;
	}

	.gn-menu-wrapper.gn-open-all .gn-scroller {
			width: 130%
	}
}



/* ===========================
--- iconos redes sociales ----
============================ */

form#contact-form .form-group label {
	text-align: left !important;
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
}
form#contact-form input,form#contact-form select,form#contact-form textarea {
	border-radius: 0;
	border: 1px solid #eee;
  -webkit-box-shadow: none;
          box-shadow:  none;
}

form#contact-form input:focus,form#contact-form select:focus,form#contact-form textarea:focus {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.input-group-addon {
  background-color: #fefefe;
  border: 1px solid #eee;
  border-radius: 0;
}

.widget-contact {
	text-align: left;
	margin-top: 30px;
}


.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

.company-social {
	margin-left: 0;
	padding-left: 0;
	margin-top: 10px;
}

.company-social {
	text-align: left;
}

.company-social li{
    display: inline-block;
	margin:0 !important;
	padding:0;
}


.company-social a{
	margin:0;
	padding:0;
    display: block;
	width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #3bbec0;
	color: #fff;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.company-social a i{
	text-align: center;
	margin:0;
	padding:0;
}
.company-social .social-facebook a{background: #3873ae;}
.company-social .social-twitter a{background: #62c6f8;}
.company-social .social-dribble a{background: #d74980;}
.company-social .social-deviantart a{background: #8da356;}
.company-social .social-google a{background: #000;}
.company-social .social-vimeo a{background: #51a6d3;}
.company-social .social-facebook a:hover{background: #4893ce;}
.company-social .social-twitter a:hover{background: #82e6ff;}
.company-social .social-dribble a:hover{background: #f769a0;}
.company-social .social-deviantart a:hover{background: #adc376;}
.company-social .social-google a:hover{background: #333;}
.company-social .social-vimeo a:hover{background: #71c6f3;}

.company-social .social-user a{background: #ff4801;}
.company-social .social-user a:hover{background: #71c6f3;}






/* ===========================
--- videos----
============================ */
.delimitador{
    width:auto;    /* Ancho máximo */
    margin:auto;    /* Centramos el vídeo */
}
/* El contenedor con el padding-top crea el tamaño del vídeo */
.contenedor{
    height:0px;
    width:100%;
    padding-top:56.25%; /* Relación: 16/9 = 56.25% */
    position:relative;
}
/* El iframe se adapta al tamaño del contenedor */
.contenedor iframe{
    position:absolute;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
}

/* ===========================
--- videos TUTORIAL 2----
============================ */

.delimitador2{
    width:auto;    /* Ancho máximo */
    margin:auto;    /* Centramos el vídeo */
}
/* El contenedor con el padding-top crea el tamaño del vídeo */
/*.contenedor2{
    height:0px;
    width:100%;
    padding-top:56.25%; /* Relación: 16/9 = 56.25% */
 /*   position:relative;
}
/* El iframe se adapta al tamaño del contenedor */
.contenedor2 iframe{
    position:absolute;
    height:100%;
    width:100%;
    /*top:-250px;*/
    left:0px;
}

/* modalidades */

.btn-more {
  background: #ffffff;
  color: #ff4801;
  -webkit-box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  box-shadow: 0 1px 3px rgba(52, 51, 49, 0.3);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 0 12px 0 0;
  text-transform: none;
  display: inline-block;
  line-height: 20px;
  border: none;
  margin: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-weight: bold;
}
.btn-more:hover {
  background: #ff4801;
  color: #ffffff !important;
  text-decoration: none;
  text-shadow: none;
}
.btn-more i,
.btn-more [class*=" icon-"] {
  background: #e34619;
  color: #ffffff;
  font-style: normal;
  font-weight: 100;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  height: 20px;
  width: 20px;
  display: inline-block;
  line-height: 20px;
  text-align: center;
  margin: 0;
  padding: 0;
  margin-right: 8px;
}
.btn-more.i-right {
  padding: 0 0 0 12px;
}
.btn-more.i-right i,
.btn-more.i-right [class*=" icon-"] {
  margin-right: 0;
  margin-left: 8px;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.block {
  padding: 4em 0;
}
.block .block-title {
  margin-top: 0;
  position: relative;
  margin-bottom: 30px;
}
.block .block-title:after {
  width: 80px;
  height: 1px;
  background: #ff4801;
  content: '';
  display: block;
  position: absolute;
  bottom: -10px;
}

body,
html {
  font-family: "Roboto", sans-serif;
}
h1,
h2,
h3,
h4 {
  font-weight: 100;
}



/****** color texto menu links******/

a {
    color: #065159;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    a:hover, a:active, a:focus {
        color: #065159;
        outline: none;
        text-decoration: none;
    }


/*login page*/



.login-body {

    background-color: #f1f2f7;

}

.login-img-body {
    background: url('http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-img2-body {
    background: url('http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login-img3-body {
    background: url('http://sistemaieu.edu.mx/cgi-bin/ieu/PortalIEU/Fase2/img/bg-1.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



.login-form {

    max-width: 350px;

    margin: 200px auto 0;

    background: #d5d7de;    

}

.login-img-body .login-form{

    max-width: 350px;

    margin: 200px auto 0;

    background: rgba(213,215,222,0.4);

    border: 1px solid #B0B6BE;

}

.login-img2-body .login-form{

    border: 1px solid #B0B6BE;

    background: rgba(213,215,222,0.7);

}

.login-img3-body .login-form{

    border: 1px solid #B0B6BE;

    background: rgba(213,215,222,0.9);

}

.login-form a{

    color: #688a7e !important;

}

.login-form h2.login-form-heading {

    margin: 0;

    padding:20px 15px;

    text-align: center;

    background: #34aadc;

    border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

    color: #fff;

    font-size: 18px;

    text-transform: uppercase;

    font-weight: 300;

    font-family: 'Lato', sans-serif;

}



.login-form .checkbox {

    margin-bottom: 14px;

}

.login-form .checkbox {

    font-weight: normal;    

    font-weight: 300;

    font-family: 'Lato', sans-serif;

}

.login-form .form-control {

    position: relative;

    font-size: 16px;

    height: auto;

    padding: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.login-form .form-control:focus {

    z-index: 2;

}

.login-form .login-img{

    font-size: 50px;

    font-weight: 300;    

}

.login-form .input-group{

    padding-bottom: 15px;

}

.login-form .input-group-addon{

    padding: 6px 12px;

    font-size: 16px;

    color: #8b9199;

    font-weight: normal;

    line-height: 1;

    text-align: center;

    background-color: #ffffff;

    border: none;

    border-radius: 0;

}

.login-form input[type="text"], .login-form input[type="password"] {    

    border: none;

    box-shadow: none;

    font-size: 16px;

    border-radius: 0; 

}

.login-form .btn{

    border-radius: 0;

}

.login-form .btn-login {

    background: #f67a6e;

    color: #fff;

    text-transform: uppercase;

    font-weight: 300;

    font-family: 'Lato', sans-serif;

    box-shadow: 0 4px #e56b60;

    margin-bottom: 20px;

}



.login-form p {

    text-align: center;

    color: #b6b6b6;

    font-size: 16px;

    font-weight: 300;

}

.login-img3-body .login-form p,.login-img2-body .login-form p {

    color: #34aadc;

}

.login-form a {

    color: #b6b6b6;

}



.login-form a:hover {

    color: #34aadc;

}

.form .required{

    font-size: 16px;

    color: #00a0df;

}



.login-wrap {

    padding: 20px;

}



.login-social-link  {

    display: inline-block;

    margin-top: 20px;

    margin-bottom: 15px;

}



.login-social-link a {

    color: #fff;

    padding: 15px 28px;

    border-radius: 4px;

}



.login-social-link a:hover {

    color: #fff;

}



.login-social-link a i {

    font-size: 20px;

    padding-right: 10px;

}



.login-social-link a.facebook {

    background: #5193ea;

    margin-right: 22px;

    box-shadow: 0 4px #2775e2;

	float:left;

}



.login-social-link a.twitter {

    background: #44ccfe;

    box-shadow: 0 4px #2bb4e8;

	float:left;

}