.glyphicon-spin, a .glyphicon-spin {
    display: inline-block;
}

.alert a, .field--label, .file {
    font-weight: 700;
}

.file, .file-link {
    width: 100%;
}

.tabs-left > .nav-tabs > li:focus, .tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li:focus, .tabs-right > .nav-tabs > li > a:focus {
    outline: 0;
}

.panel-title:focus, .panel-title:hover, a .glyphicon-spin {
    text-decoration: none;
}

.image-widget.row, .region-help .block, .tabledrag-changed-warning {
    overflow: hidden;
}

.alert-sm {
    padding: 5px 10px;
}

.alert-danger a, .alert-danger a:focus, .alert-danger a:hover, .alert-info a, .alert-info a:focus, .alert-info a:hover, .alert-success a, .alert-success a:focus, .alert-success a:hover, .alert-warning a, .alert-warning a:focus, .alert-warning a:hover {
    color: #e6e6e6;
}

@-webkit-keyframes glyphicon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-o-keyframes glyphicon-spin {
    0% {
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.glyphicon-spin {
    -webkit-animation: glyphicon-spin 1s infinite linear;
    -o-animation: glyphicon-spin 1s infinite linear;
    animation: glyphicon-spin 1s infinite linear;
}

html.js .btn .ajax-throbber {
    margin-left: .5em;
    margin-right: -.25em;
}

html.js .form-item .input-group-addon .glyphicon {
    color: #999;
    opacity: .5;
    -webkit-transition: 150ms color,150ms opacity;
    -o-transition: 150ms color,150ms opacity;
    transition: 150ms color,150ms opacity;
}

    html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
        color: #008cba;
        opacity: 1;
    }

html.js .form-item .input-group-addon .input-group-addon {
    background-color: #fff;
}

html.js .ajax-new-content:empty {
    display: none !important;
}

.field--label-inline .field--items, .field--label-inline .field--label {
    float: left;
}

.field--label-inline .field--items, .field--label-inline .field--label, .field--label-inline > .field--item {
    padding-right: .5em;
}

[dir=rtl] .field--label-inline .field--items, [dir=rtl] .field--label-inline .field--label {
    padding-left: .5em;
    padding-right: 0;
}

.field--label-inline .field--label::after {
    content: ':';
}

.file {
    display: table;
    font-size: 75%;
    margin: 5px 0;
}

    .file-icon, .file-link, .file-size, .file > .tabledrag-changed {
        display: table-cell;
        vertical-align: middle;
    }

    .file > span {
        background: #fff;
        color: #008cba;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

        .file > span:first-child {
            border-left: 1px solid #ccc;
        }

        .file > span:last-child {
            border-right: 1px solid #ccc;
        }

    .file > .tabledrag-changed {
        background: #E99002;
        border-radius: 0;
        color: #fff;
        padding: 0 1em;
        top: 0;
    }

        .file > .tabledrag-changed, .file > .tabledrag-changed:last-child {
            border: 1px solid #b67102;
        }

.file-icon {
    font-size: 150%;
    padding: .25em .5em;
    text-align: center;
}

.file-link a, .file-link a:active, .file-link a:focus, .file-link a:hover {
    color: inherit;
}

.file-size {
    padding: 0 1em;
    text-align: right;
    white-space: pre;
}

.filter-wrapper {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    margin-bottom: 0;
    padding: 10px;
    height: 51px;
}

.filter-help {
    float: right;
    line-height: 1;
    margin: .5em 0 0;
}

.nav.nav-tabs.filter-formats {
    margin-bottom: 15px;
}

table .checkbox.form-no-label, table .radio.form-no-label {
    margin-bottom: 0;
    margin-top: 0;
}

.select-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}

.form-inline .select-wrapper {
    width: auto;
}

.input-group .select-wrapper {
    display: table-cell;
}

    .input-group .select-wrapper:first-child .form-control:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group .select-wrapper:last-child .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1;
    padding-right: 2em;
}

    .select-wrapper select::-ms-expand {
        opacity: 0;
    }

.select-wrapper:after {
    color: #008cba;
    content: '▼';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    margin-top: -.5em;
    padding-right: .5em;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
}

.has-glyphicons .select-wrapper:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
}

.has-error .select-wrapper:after {
    color: #F04124;
}

.has-success .select-wrapper:after {
    color: #43ac6a;
}

.has-warning .select-wrapper:after {
    color: #E99002;
}

.form-required:after {
    background-image: url(bootstrap/css/images/required.svg);
    -webkit-background-size: 10px 7px;
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    line-height: 1;
    height: 7px;
    width: 10px;
}

.form-actions .btn, .form-actions .btn-group {
    margin-right: 10px;
}

    .form-actions .btn-group .btn {
        margin-right: 0;
    }

a.icon-before .glyphicon {
    margin-right: .25em;
}

a.icon-after .glyphicon {
    margin-left: .25em;
}

.btn.icon-before .glyphicon {
    margin-left: -.25em;
    margin-right: .25em;
}

.btn.icon-after .glyphicon {
    margin-left: .25em;
    margin-right: -.25em;
}

body {
    position: relative;
}

    body.navbar-is-static-top {
        margin-top: 0;
    }

    body.navbar-is-fixed-top {
        margin-top: 60px;
    }

    body.navbar-is-fixed-bottom {
        padding-bottom: 60px;
    }

@media screen and (max-width:767px) {
    body.toolbar-vertical.navbar-is-fixed-bottom .toolbar-bar, body.toolbar-vertical.navbar-is-fixed-top .toolbar-bar {
        position: fixed;
    }

    body.toolbar-vertical.navbar-is-fixed-bottom header, body.toolbar-vertical.navbar-is-fixed-top header {
        z-index: 500;
    }

    body.toolbar-vertical.navbar-is-fixed-top header {
        top: 39px;
    }
}

@media screen and (min-width:768px) {
    body {
        margin-top: 15px;
    }

    .navbar.container {
        max-width: 720px;
    }
}

@media screen and (min-width:992px) {
    .navbar.container {
        max-width: 940px;
    }
}

@media screen and (min-width:1200px) {
    .navbar.container {
        max-width: 1140px;
    }
}

.node-preview-container {
    margin-top: -15px;
}

.node-preview-form-select {
    padding: 15px;
}

.panel-title {
    display: block;
    margin: -10px -15px;
    padding: 10px 15px;
}

    .panel-title, .panel-title:focus, .panel-title:hover, .panel-title:hover:focus {
        color: inherit;
    }

.progress-wrapper {
    margin-bottom: 15px;
}

    .progress-wrapper:last-child .progress {
        margin-bottom: 5px;
    }

    .progress-wrapper .message {
        font-weight: 700;
        margin-bottom: 5px;
    }

    .progress-wrapper .percentage, .progress-wrapper .progress-label {
        font-size: 12px;
    }

    .progress-wrapper .progress-bar {
        min-width: 2em;
    }

.tabledrag-toggle-weight {
    float: right;
    margin: 1px 2px 1px 10px;
}

.tabledrag-changed-warning {
    margin: 0;
}

.tabledrag-handle {
    color: #999;
    cursor: move;
    float: left;
    font-size: 125%;
    line-height: 1;
    margin: -10px 0 0 -10px;
    padding: 10px;
}

    .tabledrag-handle:focus, .tabledrag-handle:hover {
        color: #008cba;
    }

.indentation {
    float: left;
    height: 1.7em;
    margin: -.4em .2em -.4em -.4em;
    padding: .42em 0 .42em .6em;
    width: 20px;
}

[dir=rtl] .indentation {
    float: right;
    margin: -.4em -.4em -.4em .2em;
    padding: .42em .6em .42em 0;
}

.local-actions {
    margin: 10px 0 10px -5px;
}

.tabs--secondary {
    margin: 10px 0 5px;
}

.tabbable {
    margin-bottom: 20px;
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0;
}

    .tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary {
        color: #999;
        font-size: 12px;
    }

.tab-pane > .panel-heading {
    display: none;
}

.tab-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0;
    }

        .tabs-below > .nav-tabs > li > a {
            border-radius: 0;
        }

            .tabs-below > .nav-tabs > li > a:focus, .tabs-below > .nav-tabs > li > a:hover {
                border-top-color: #ddd;
                border-bottom-color: transparent;
            }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:focus, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #ddd #ddd;
    }

.tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    padding-bottom: 20px;
    width: 220px;
}

    .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
            margin-right: 0;
            margin-bottom: 3px;
        }

.form-group:last-child, .panel:last-child, .popover ol:last-child, .popover ul:last-child, p:last-child {
    margin-bottom: 0;
}

.tabs-left > .tab-content, .tabs-right > .tab-content {
    border-radius: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    overflow: hidden;
    padding: 10px 15px;
}

.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
    border-radius: 0;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: -1px;
}

    .tabs-left > .nav-tabs > li > a:focus, .tabs-left > .nav-tabs > li > a:hover {
        border-color: #eee #ddd #eee #eee;
    }

    .tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:focus, .tabs-left > .nav-tabs > .active > a:hover {
        border-color: #ddd transparent #ddd #ddd;
        -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,.05);
        box-shadow: -1px 1px 1px rgba(0,0,0,.05);
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: -1px;
}

    .tabs-right > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:hover {
        border-color: #eee #eee #eee #ddd;
        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.05);
        box-shadow: 1px 1px 1px rgba(0,0,0,.05);
    }

    .tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:focus, .tabs-right > .nav-tabs > .active > a:hover {
        border-color: #ddd #ddd #ddd transparent;
    }

body.toolbar-fixed .toolbar-oriented .toolbar-bar {
    z-index: 1031;
}

body.toolbar-fixed .navbar-fixed-top {
    top: 39px;
}

body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
    top: 79px;
}

body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
    left: 240px;
}

body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
    margin-left: 240px;
}

    body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray {
        padding-bottom: 40px;
    }

        body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray, body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray > .toolbar-lining:before {
            width: 240px;
        }

.ui-autocomplete {
    background: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    color: inherit;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
    list-style: none;
    min-width: 160px;
    padding: 5px 0;
    text-align: left;
    z-index: 1000;
}

    .ui-autocomplete .ui-menu-item {
        border: 0;
        border-radius: 0;
        clear: both;
        color: #555;
        cursor: pointer;
        display: block;
        font-weight: 400;
        line-height: 1.4;
        margin: 0;
        outline: 0;
        padding: 3px 20px;
        text-decoration: none;
        white-space: nowrap;
    }

        .ui-autocomplete .ui-menu-item.ui-state-hover {
            background: #eee;
            color: #262626;
        }

        .ui-autocomplete .ui-menu-item.ui-state-active, .ui-autocomplete .ui-menu-item.ui-state-focus {
            background: #008cba;
            color: #fff;
        }

ol, ul {
    padding-left: 1.5em;
}

.page-header {
    margin-top: 0;
}

.footer {
    margin-top: 45px;
    padding-top: 35px;
    padding-bottom: 36px;
    border-top: 1px solid #E5E5E5;
}

.region-help > .glyphicon {
    font-size: 19px;
    float: left;
    margin: -.05em .5em 0 0;
}

.control-group .help-inline, .help-block {
    color: #999;
    font-size: 12px;
    margin: 5px 0 10px;
    padding: 0;
}

    .control-group .help-inline:first-child, .help-block:first-child {
        margin-top: 0;
    }

@charset "UTF-8";
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

    .animated.bounceIn,
    .animated.bounceOut,
    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    40%, 43% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    40%, 43%, 70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    }

    70% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }

    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
    }

    50%, 80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    0%, 40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }

    60%, 80% {
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
    }

    60%, 80% {
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: center;
    }

    to {
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: left bottom;
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }

    0%, to {
        -webkit-transform-origin: right bottom;
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
    }

    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
    }

    0%, 20%, 60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left;
    }

    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50%, to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }

    50% {
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50%, to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper img {
        max-width: initial;
        display: block;
    }
    /** THEME
===================================*/

    .bx-wrapper .bx-viewport {
    }

    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: 30px;
        width: 100%;
    }
    /* LOADER */

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(simple/images/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }
    /* PAGER */

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #FFF;
        padding-top: 20px;
        z-index: 1;
    }

        .bx-wrapper .bx-pager .bx-pager-item,
        .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: rgba(255, 255, 255, 0.8);
            text-indent: -9999px;
            display: block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            outline: 0;
            border-radius: 5px;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover,
            .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #FFF;
            }
    /* DIRECTION CONTROLS (NEXT / PREV) */

    .bx-wrapper .bx-prev:hover {
        background-position: 0 0;
    }

    .bx-wrapper .bx-next:hover {
        background-position: -43px 0;
    }

    .bx-wrapper .bx-controls-direction {
        position: absolute;
        top: 20px;
        right: 20px;
    }

        .bx-wrapper .bx-controls-direction a {
            font-family: "Material Icons";
            font-size: 32px;
            color: #FFF;
            outline: 0;
            z-index: 1;
        }

            .bx-wrapper .bx-controls-direction a.disabled {
                display: none;
            }
    /* AUTO CONTROLS (START / STOP) */

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(/images/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover,
            .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(/images/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover,
            .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }
    /* IMAGE CAPTIONS */

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-spacing: 0;
    font-size: 15px;
}

    table.dataTable thead th,
    table.dataTable tfoot th {
        font-weight: bold;
    }

    table.dataTable thead th,
    table.dataTable thead td {
        padding: 10px 18px;
    }

        table.dataTable thead th:active,
        table.dataTable thead td:active {
            outline: none;
        }

    table.dataTable tfoot th,
    table.dataTable tfoot td {
        padding: 10px 18px 6px 18px;
        border-top: 1px solid #111;
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        cursor: pointer;
        *cursor: hand;
    }

    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled {
        background-repeat: no-repeat;
        background-position: center right;
    }

    table.dataTable thead .sorting {
        background-image: url(simple/images/sort_both.png);
    }

    table.dataTable thead .sorting_asc {
        background-image: url(simple/images/sort_asc.png);
    }

    table.dataTable thead .sorting_desc {
        background-image: url(simple/images/sort_desc.png);
    }

    table.dataTable thead .sorting_asc_disabled {
        background-image: url(simple/images/sort_asc_disabled.png);
    }

    table.dataTable thead .sorting_desc_disabled {
        background-image: url(simple/images/sort_desc_disabled.png);
    }

    table.dataTable tbody tr {
        background-color: #ffffff;
    }

    table.dataTable tbody th,
    table.dataTable tbody td {
        padding: 8px 10px;
    }

    table.dataTable.row-border tbody th,
    table.dataTable.row-border tbody td,
    table.dataTable.display tbody th,
    table.dataTable.display tbody td {
        border-top: 1px solid #ddd;
    }

    table.dataTable.row-border tbody tr:first-child th,
    table.dataTable.row-border tbody tr:first-child td,
    table.dataTable.display tbody tr:first-child th,
    table.dataTable.display tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.cell-border tbody th,
    table.dataTable.cell-border tbody td {
        border-top: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr th:first-child,
    table.dataTable.cell-border tbody tr td:first-child {
        border-left: 1px solid #ddd;
    }

    table.dataTable.cell-border tbody tr:first-child th,
    table.dataTable.cell-border tbody tr:first-child td {
        border-top: none;
    }

    table.dataTable.stripe tbody tr.odd,
    table.dataTable.display tbody tr.odd {
        background-color: #f9f9f9;
    }

        table.dataTable.stripe tbody tr.odd.selected,
        table.dataTable.display tbody tr.odd.selected {
            background-color: #acbad4;
        }

    table.dataTable.hover tbody tr:hover,
    table.dataTable.display tbody tr:hover {
        background-color: #f6f6f6;
    }

        table.dataTable.hover tbody tr:hover.selected,
        table.dataTable.display tbody tr:hover.selected {
            background-color: #aab7d1;
        }

    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3,
    table.dataTable.display tbody tr > .sorting_1,
    table.dataTable.display tbody tr > .sorting_2,
    table.dataTable.display tbody tr > .sorting_3 {
        background-color: #fafafa;
    }

    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3,
    table.dataTable.display tbody tr.selected > .sorting_1,
    table.dataTable.display tbody tr.selected > .sorting_2,
    table.dataTable.display tbody tr.selected > .sorting_3 {
        background-color: #acbad5;
    }

    table.dataTable.display tbody tr.odd > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
        background-color: #f1f1f1;
    }

    table.dataTable.display tbody tr.odd > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
        background-color: #f3f3f3;
    }

    table.dataTable.display tbody tr.odd > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
        background-color: whitesmoke;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
        background-color: #a6b4cd;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
        background-color: #a8b5cf;
    }

    table.dataTable.display tbody tr.odd.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
        background-color: #a9b7d1;
    }

    table.dataTable.display tbody tr.even > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
        background-color: #fafafa;
    }

    table.dataTable.display tbody tr.even > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
        background-color: #fcfcfc;
    }

    table.dataTable.display tbody tr.even > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
        background-color: #fefefe;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_1,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
        background-color: #acbad5;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_2,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
        background-color: #aebcd6;
    }

    table.dataTable.display tbody tr.even.selected > .sorting_3,
    table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
        background-color: #afbdd8;
    }

    table.dataTable.display tbody tr:hover > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
        background-color: #eaeaea;
    }

    table.dataTable.display tbody tr:hover > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
        background-color: #ececec;
    }

    table.dataTable.display tbody tr:hover > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
        background-color: #efefef;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_1,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
        background-color: #a2aec7;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_2,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
        background-color: #a3b0c9;
    }

    table.dataTable.display tbody tr:hover.selected > .sorting_3,
    table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
        background-color: #a5b2cb;
    }

    table.dataTable.nowrap th,
    table.dataTable.nowrap td {
        white-space: nowrap;
    }

    table.dataTable.compact thead th,
    table.dataTable.compact thead td {
        padding: 4px 17px 4px 4px;
    }

    table.dataTable.compact tfoot th,
    table.dataTable.compact tfoot td {
        padding: 4px;
    }

    table.dataTable.compact tbody th,
    table.dataTable.compact tbody td {
        padding: 4px;
    }

    table.dataTable th.dt-left,
    table.dataTable td.dt-left {
        text-align: left;
    }

    table.dataTable th.dt-center,
    table.dataTable td.dt-center,
    table.dataTable td.dataTables_empty {
        text-align: center;
    }

    table.dataTable th.dt-right,
    table.dataTable td.dt-right {
        text-align: right;
    }

    table.dataTable th.dt-justify,
    table.dataTable td.dt-justify {
        text-align: justify;
    }

    table.dataTable th.dt-nowrap,
    table.dataTable td.dt-nowrap {
        white-space: nowrap;
    }

    table.dataTable thead th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable tfoot td.dt-head-left {
        text-align: left;
    }

    table.dataTable thead th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable tfoot td.dt-head-center {
        text-align: center;
    }

    table.dataTable thead th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable tfoot td.dt-head-right {
        text-align: right;
    }

    table.dataTable thead th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable tfoot td.dt-head-justify {
        text-align: justify;
    }

    table.dataTable thead th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable tfoot td.dt-head-nowrap {
        white-space: nowrap;
    }

    table.dataTable tbody th.dt-body-left,
    table.dataTable tbody td.dt-body-left {
        text-align: left;
    }

    table.dataTable tbody th.dt-body-center,
    table.dataTable tbody td.dt-body-center {
        text-align: center;
    }

    table.dataTable tbody th.dt-body-right,
    table.dataTable tbody td.dt-body-right {
        text-align: right;
    }

    table.dataTable tbody th.dt-body-justify,
    table.dataTable tbody td.dt-body-justify {
        text-align: justify;
    }

    table.dataTable tbody th.dt-body-nowrap,
    table.dataTable tbody td.dt-body-nowrap {
        white-space: nowrap;
    }

    table.dataTable,
    table.dataTable th,
    table.dataTable td {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

.dataTables_wrapper {
    position: relative;
    margin-bottom: 20px;
    clear: both;
    zoom: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

    .dataTables_wrapper .dataTables_length {
        display: none;
        float: left;
    }

    .dataTables_wrapper .dataTables_filter {
        display: none;
        float: right;
        text-align: right;
    }

        .dataTables_wrapper .dataTables_filter input {
            margin-left: 0.5em;
        }

    .dataTables_wrapper .dataTables_info {
        clear: both;
        float: left;
        padding-top: 0.755em;
    }

    .dataTables_wrapper .dataTables_paginate {
        float: right;
        text-align: right;
        padding-top: 0.25em;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            box-sizing: border-box;
            display: inline-block;
            min-width: 1.5em;
            padding: 0.5em 1em;
            margin-left: 2px;
            text-align: center;
            text-decoration: none !important;
            cursor: pointer;
            *cursor: hand;
            color: #333 !important;
            border: 1px solid transparent;
            border-radius: 2px;
        }

            .dataTables_wrapper .dataTables_paginate .paginate_button.current,
            .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
                color: #333 !important;
                border: 1px solid #979797;
                background-color: white;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
                background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
                background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
                cursor: default;
                color: #666 !important;
                border: 1px solid transparent;
                background: transparent;
                box-shadow: none;
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                color: white !important;
                border: 1px solid #111;
                background-color: #585858;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
                background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
                background: -moz-linear-gradient(top, #585858 0%, #111 100%);
                background: -ms-linear-gradient(top, #585858 0%, #111 100%);
                background: -o-linear-gradient(top, #585858 0%, #111 100%);
                background: linear-gradient(to bottom, #585858 0%, #111 100%);
            }

            .dataTables_wrapper .dataTables_paginate .paginate_button:active {
                outline: none;
                background-color: #2b2b2b;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
                background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
                background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
                box-shadow: inset 0 0 3px #111;
            }

        .dataTables_wrapper .dataTables_paginate .ellipsis {
            padding: 0 1em;
        }

    .dataTables_wrapper .dataTables_processing {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 40px;
        margin-left: -50%;
        margin-top: -25px;
        padding-top: 20px;
        text-align: center;
        font-size: 1.2em;
        background-color: white;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate {
        color: #333;
    }

    .dataTables_wrapper .dataTables_scroll {
        clear: both;
    }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
        }

            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
                vertical-align: middle;
            }

                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
                    height: 0;
                    overflow: hidden;
                    margin: 0 !important;
                    padding: 0 !important;
                }

    .dataTables_wrapper.no-footer .dataTables_scrollBody {
        border-bottom: 1px solid #111;
    }

    .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
    .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
        border-bottom: none;
    }

    .dataTables_wrapper:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_filter {
        margin-top: 0.5em;
    }
}

.mm-menu, .mm-panels, .mm-panels > .mm-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    box-sizing: border-box;
}

.mm-btn, .mm-menu {
    box-sizing: border-box;
}

.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {
    text-decoration: none;
}

.mm-hidden {
    display: none !important;
}

.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {
    display: block;
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative;
}

.mm-menu {
    padding: 0;
    position: absolute;
}

.mm-panels, .mm-panels > .mm-panel {
    background: inherit;
    border-color: inherit;
    position: absolute;
}

.mm-btn, .mm-panel.mm-highest {
    z-index: 1;
}

.mm-panels {
    overflow: hidden;
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

    .mm-panel.mm-opened {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .mm-panel.mm-subopened {
        -webkit-transform: translate3d(-30%,0,0);
        transform: translate3d(-30%,0,0);
    }

.mm-panels > .mm-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
}

.mm-listview .mm-divider, .mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mm-panels > .mm-panel.mm-hasnavbar {
    padding-top: 40px;
}

.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {
    content: '';
    display: block;
    height: 20px;
}

.mm-vertical .mm-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent;
    }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block;
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto;
}

    .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
        top: 16px;
        bottom: auto;
    }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 19px;
}

.mm-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
}

.mm-clear:after, .mm-clear:before, .mm-close:after, .mm-close:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-clear:before, .mm-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px;
}

.mm-clear:after, .mm-close:after {
    border-left: none;
    border-top: none;
    right: 25px;
}

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 23px;
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 23px;
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

    .mm-navbar > * {
        display: block;
        padding: 10px 0;
    }

    .mm-navbar .mm-btn:first-child {
        padding-left: 20px;
        left: 0;
    }

    .mm-navbar .mm-btn:last-child {
        text-align: right;
        padding-right: 20px;
        right: 0;
    }

.mm-panel .mm-navbar {
    display: none;
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block;
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px;
}

    .mm-listview > li {
        position: relative;
    }

        .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
            border-color: inherit;
        }

            .mm-listview > li > a, .mm-listview > li > span {
                color: inherit;
                display: block;
                padding: 10px 10px 10px 20px;
                margin: 0;
            }

                .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
                    padding-right: 50px;
                }

            .mm-listview > li:not(.mm-divider):after {
                content: '';
                border-bottom-width: 1px;
                border-bottom-style: solid;
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                left: 20px;
            }

    .mm-listview .mm-next {
        background: rgba(3,2,1,0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2;
    }

        .mm-listview .mm-next:before {
            content: '';
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 50px;
        }

        .mm-listview .mm-next.mm-fullsubopen {
            width: 100%;
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: none;
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
                margin-right: 0;
            }

.mm-panels > .mm-panel > .mm-listview {
    margin: 20px -20px;
}

    .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -20px;
    }

.mm-listview .mm-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0;
}

    .mm-listview .mm-inset > li {
        padding: 5px 0;
    }

.mm-listview .mm-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}

.mm-listview .mm-spacer {
    padding-top: 40px;
}

    .mm-listview .mm-spacer > .mm-next {
        top: 40px;
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px;
    }

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.7);
}

    .mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
        color: rgba(0,0,0,.3);
    }

    .mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
        border-color: rgba(0,0,0,.3);
    }

    .mm-menu .mm-listview {
        border-color: rgba(0,0,0,.1);
    }

        .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
            border-color: rgba(0,0,0,.3);
        }

        .mm-menu .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255,255,255,.5);
            tap-highlight-color: rgba(255,255,255,.5);
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: rgba(255,255,255,.5);
        }

        .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(0,0,0,.05);
        }

.mm-page {
    box-sizing: border-box;
    position: relative;
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    z-index: 1;
}

html.mm-opened {
    overflow-x: hidden;
    position: relative;
}

html.mm-blocking, html.mm-blocking body {
    overflow: hidden;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: rgba(3,2,1,0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

    .mm-menu.mm-offcanvas.mm-current {
        display: block;
    }

html.mm-opening .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0);
    }
}

.mm-menu.mm-autoheight.mm-bottom, .mm-menu.mm-autoheight.mm-top {
    max-height: 80%;
}

    .mm-menu.mm-autoheight.mm-bottom.mm-fullscreen, .mm-menu.mm-autoheight.mm-top.mm-fullscreen {
        max-height: 100%;
    }

.mm-menu.mm-measureheight .mm-panel {
    display: block !important;
}

.mm-menu.mm-measureheight > .mm-panels > .mm-panel {
    bottom: auto !important;
    height: auto !important;
}

.mm-menu.mm-columns {
    -webkit-transition-property: width,max-width,-webkit-transform;
    transition-property: width,max-width,-webkit-transform;
    transition-property: transform,width,max-width;
    transition-property: transform,width,max-width,-webkit-transform;
}

    .mm-menu.mm-columns .mm-panels > .mm-panel {
        width: 100%;
        right: auto;
        display: none;
        -webkit-transition-property: width,-webkit-transform;
        transition-property: width,-webkit-transform;
        transition-property: transform,width;
        transition-property: transform,width,-webkit-transform;
    }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened {
            border-right: 1px solid;
            border-color: inherit;
            display: block;
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-subopened {
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
            z-index: 2;
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-0 {
            -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
        }

        .mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-0 {
            display: block;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

.mm-menu.mm-offcanvas.mm-columns-0 {
    width: 80%;
    min-width: 140px;
    max-width: 0;
}

html.mm-opening.mm-columns-0 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:0px) {
    html.mm-opening.mm-columns-0 .mm-slideout {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-1 {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-1 {
    display: block;
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}

html.mm-opening.mm-columns-1 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:550px) {
    html.mm-opening.mm-columns-1 .mm-slideout {
        -webkit-transform: translate3d(440px,0,0);
        transform: translate3d(440px,0,0);
    }
}

.mm-menu.mm-columns-1 .mm-panels > .mm-panel {
    width: 100%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-2 {
    -webkit-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-2 {
    display: block;
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px;
}

html.mm-opening.mm-columns-2 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:1100px) {
    html.mm-opening.mm-columns-2 .mm-slideout {
        -webkit-transform: translate3d(880px,0,0);
        transform: translate3d(880px,0,0);
    }
}

.mm-menu.mm-columns-2 .mm-panels > .mm-panel {
    width: 50%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-3 {
    -webkit-transform: translate3d(300%,0,0);
    transform: translate3d(300%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-3 {
    display: block;
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px;
}

html.mm-opening.mm-columns-3 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:1650px) {
    html.mm-opening.mm-columns-3 .mm-slideout {
        -webkit-transform: translate3d(1320px,0,0);
        transform: translate3d(1320px,0,0);
    }
}

.mm-menu.mm-columns-3 .mm-panels > .mm-panel {
    width: 33.34%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-4 {
    -webkit-transform: translate3d(400%,0,0);
    transform: translate3d(400%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-4 {
    display: block;
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px;
}

html.mm-opening.mm-columns-4 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:2200px) {
    html.mm-opening.mm-columns-4 .mm-slideout {
        -webkit-transform: translate3d(1760px,0,0);
        transform: translate3d(1760px,0,0);
    }
}

.mm-menu.mm-columns-4 .mm-panels > .mm-panel {
    width: 25%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-5 {
    -webkit-transform: translate3d(500%,0,0);
    transform: translate3d(500%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-5 {
    display: block;
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px;
}

html.mm-opening.mm-columns-5 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:2750px) {
    html.mm-opening.mm-columns-5 .mm-slideout {
        -webkit-transform: translate3d(2200px,0,0);
        transform: translate3d(2200px,0,0);
    }
}

.mm-menu.mm-columns-5 .mm-panels > .mm-panel {
    width: 20%;
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-columns-6 {
    -webkit-transform: translate3d(600%,0,0);
    transform: translate3d(600%,0,0);
}

.mm-menu.mm-columns .mm-panels > .mm-panel.mm-opened:not([class*=mm-columns-]) ~ .mm-panel:not(.mm-opened).mm-columns-6 {
    display: block;
    -webkit-transform: translate3d(700%,0,0);
    transform: translate3d(700%,0,0);
}

.mm-menu.mm-offcanvas.mm-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px;
}

html.mm-opening.mm-columns-6 .mm-slideout {
    -webkit-transform: translate3d(80%,0,0);
    transform: translate3d(80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:3300px) {
    html.mm-opening.mm-columns-6 .mm-slideout {
        -webkit-transform: translate3d(2640px,0,0);
        transform: translate3d(2640px,0,0);
    }
}

.mm-menu.mm-columns-6 .mm-panels > .mm-panel {
    width: 16.67%;
}

em.mm-counter {
    font: inherit;
    font-size: 14px;
    font-style: normal;
    text-indent: 0;
    line-height: 20px;
    display: block;
    margin-top: -10px;
    position: absolute;
    right: 45px;
    top: 50%;
}

    em.mm-counter + a.mm-next {
        width: 90px;
    }

        em.mm-counter + a.mm-next + a, em.mm-counter + a.mm-next + span {
            margin-right: 90px;
        }

    em.mm-counter + a.mm-fullsubopen {
        padding-left: 0;
    }

.mm-vertical > .mm-counter {
    top: 12px;
    margin-top: 0;
}

.mm-vertical.mm-spacer > .mm-counter {
    margin-top: 40px;
}

.mm-nosubresults > .mm-counter {
    display: none;
}

.mm-menu em.mm-counter {
    color: rgba(0,0,0,.3);
}

.mm-divider > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    line-height: 25px;
}

.mm-divider.mm-opened a.mm-next:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-collapsed:not(.mm-uncollapsed) {
    display: none;
}

.mm-fixeddivider {
    background: inherit;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .mm-fixeddivider:after {
        content: none !important;
        display: none !important;
    }

.mm-hasdividers .mm-fixeddivider {
    display: block;
}

.mm-menu .mm-fixeddivider span {
    background: rgba(0,0,0,.05);
}

html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-slideout {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.mm-menu.mm-dropdown {
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
}

html.mm-dropdown .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0;
}

html.mm-dropdown #mm-blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1;
}

html.mm-dropdown .mm-menu {
    z-index: 2;
}

html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu {
    display: none;
}

.mm-menu.mm-tip:before {
    content: '';
    background: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    z-index: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mm-menu.mm-tipleft:before {
    left: 22px;
}

.mm-menu.mm-tipright:before {
    right: 22px;
}

.mm-menu.mm-tiptop:before {
    top: -8px;
}

.mm-menu.mm-tipbottom:before {
    bottom: -8px;
}

.mm-iconpanel .mm-panel {
    -webkit-transition-property: left,-webkit-transform;
    transition-property: left,-webkit-transform;
    transition-property: transform,left;
    transition-property: transform,left,-webkit-transform;
}

    .mm-iconpanel .mm-panel.mm-opened {
        border-left: 1px solid;
        border-color: inherit;
    }

    .mm-iconpanel .mm-panel.mm-subopened {
        overflow-y: hidden;
        left: -40px;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-0 {
        left: 0;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-1 {
        left: 40px;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-2 {
        left: 80px;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-3 {
        left: 120px;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-4 {
        left: 160px;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-5 {
        left: 200px;
    }

    .mm-iconpanel .mm-panel.mm-iconpanel-6 {
        left: 240px;
    }

.mm-subblocker {
    background: inherit;
    opacity: 0;
    display: block;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.mm-subopened .mm-subblocker {
    opacity: .6;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -100000px;
    left: 0;
    z-index: 3;
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none;
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0;
}

    .mm-navbar-bottom ~ .mm-navbar-bottom {
        border-top: none;
    }

.mm-navbar.mm-hasbtns {
    padding: 0 40px;
}

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
    float: left;
}

.mm-navbar .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px;
}

    .mm-navbar .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px;
    }

    .mm-navbar .mm-breadcrumbs > a {
        text-decoration: underline;
    }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px;
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0;
}

.mm-navbar-top-1 {
    top: 0;
}

.mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-2 {
    top: 40px;
}

.mm-hasnavbar-top-2 .mm-panels, .mm-navbar-top-3 {
    top: 80px;
}

.mm-hasnavbar-top-3 .mm-panels, .mm-navbar-top-4 {
    top: 120px;
}

.mm-hasnavbar-top-4 .mm-panels {
    top: 160px;
}

.mm-navbar-bottom-1 {
    bottom: 0;
}

.mm-hasnavbar-bottom-1 .mm-panels, .mm-navbar-bottom-2 {
    bottom: 40px;
}

.mm-hasnavbar-bottom-2 .mm-panels, .mm-navbar-bottom-3 {
    bottom: 80px;
}

.mm-hasnavbar-bottom-3 .mm-panels, .mm-navbar-bottom-4 {
    bottom: 120px;
}

.mm-hasnavbar-bottom-4 .mm-panels {
    bottom: 160px;
}

.mm-navbar-size-2 {
    height: 80px;
}

.mm-navbar-size-3 {
    height: 120px;
}

.mm-navbar-size-4 {
    height: 160px;
}

.mm-navbar-content-2 > * {
    width: 50%;
}

.mm-navbar-content-3 > * {
    width: 33.33%;
}

.mm-navbar-content-4 > * {
    width: 25%;
}

.mm-navbar-content-5 > * {
    width: 20%;
}

.mm-navbar-content-6 > * {
    width: 16.67%;
}

.mm-sronly {
    text-indent: 10px;
    overflow: hidden;
    display: block;
    width: 1px;
    height: 1px;
    position: absolute;
    z-index: -1;
}

.mm-search, .mm-search input {
    box-sizing: border-box;
}

.mm-search {
    height: 40px;
    padding: 7px 10px 0;
    position: relative;
}

    .mm-search input {
        border: none !important;
        outline: 0 !important;
        box-shadow: none !important;
        border-radius: 26px;
        font: inherit;
        font-size: 14px;
        line-height: 26px;
        display: block;
        width: 100%;
        height: 26px;
        min-height: 26px;
        max-height: 26px;
        margin: 0;
        padding: 0 10px;
    }

        .mm-search input::-ms-clear {
            display: none;
        }

    .mm-search .mm-clear, .mm-search .mm-next {
        right: 0;
    }

.mm-panel > .mm-search {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mm-panel.mm-hassearch {
    padding-top: 40px;
}

    .mm-panel.mm-hassearch.mm-hasnavbar {
        padding-top: 80px;
    }

        .mm-panel.mm-hassearch.mm-hasnavbar .mm-search {
            top: 40px;
        }

.mm-noresultsmsg {
    text-align: center;
    font-size: 21px;
    padding: 40px 0;
}

.mm-noresults .mm-indexer {
    display: none !important;
}

li.mm-nosubresults > a.mm-next {
    display: none;
}

    li.mm-nosubresults > a.mm-next + a, li.mm-nosubresults > a.mm-next + span {
        padding-right: 10px;
    }

.mm-panels > .mm-resultspanel:not(.mm-opened) {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.7);
}

.mm-menu .mm-noresultsmsg {
    color: rgba(0,0,0,.3);
}

.mm-indexer {
    background: inherit;
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100px;
    z-index: 3;
    -webkit-transition: right .4s ease;
    transition: right .4s ease;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

    .mm-indexer a {
        text-decoration: none;
        display: block;
        height: 3.85%;
    }

    .mm-indexer ~ .mm-panel.mm-hasindexer {
        padding-right: 40px;
    }

.mm-hasindexer .mm-indexer {
    right: 0;
}

.mm-hasindexer .mm-fixeddivider {
    right: 20px;
}

.mm-menu .mm-indexer a {
    color: rgba(0,0,0,.3);
}

.mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen), .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a:not(.mm-fullsubopen) {
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
}

    .mm-menu.mm-hoverselected .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
        background: rgba(255,255,255,.5);
    }

input.mm-check, input.mm-toggle {
    position: absolute;
    left: -10000px;
}

label.mm-check, label.mm-toggle {
    margin: 0;
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20px;
}

    label.mm-check:before, label.mm-toggle:before {
        content: '';
        display: block;
    }

label.mm-toggle {
    border-radius: 30px;
    width: 50px;
    height: 30px;
    margin-top: -15px;
}

    label.mm-toggle:before {
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin: 1px;
    }

input.mm-toggle:checked ~ label.mm-toggle:before {
    float: right;
}

label.mm-check {
    width: 30px;
    height: 30px;
    margin-top: -15px;
}

    label.mm-check:before {
        border-left: 3px solid;
        border-bottom: 3px solid;
        width: 40%;
        height: 20%;
        margin: 25% 0 0 20%;
        opacity: .1;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

input.mm-check:checked ~ label.mm-check:before {
    opacity: 1;
}

li.mm-vertical label.mm-check, li.mm-vertical label.mm-toggle {
    bottom: auto;
    margin-top: 0;
    top: 5px;
}

label.mm-toggle + a, label.mm-toggle + span {
    padding-right: 80px;
}

label.mm-check + a, label.mm-check + span {
    padding-right: 60px;
}

a.mm-next + label.mm-check, a.mm-next + label.mm-toggle {
    right: 60px;
}

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span, a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        margin-right: 50px;
    }

    a.mm-next + label.mm-toggle + a, a.mm-next + label.mm-toggle + span {
        padding-right: 70px;
    }

    a.mm-next + label.mm-check + a, a.mm-next + label.mm-check + span {
        padding-right: 50px;
    }

em.mm-counter + a.mm-next + label.mm-check, em.mm-counter + a.mm-next + label.mm-toggle {
    right: 100px;
}

    em.mm-counter + a.mm-next + label.mm-check + a, em.mm-counter + a.mm-next + label.mm-check + span, em.mm-counter + a.mm-next + label.mm-toggle + a, em.mm-counter + a.mm-next + label.mm-toggle + span {
        margin-right: 90px;
    }

.mm-menu label.mm-toggle {
    background: rgba(0,0,0,.1);
}

    .mm-menu label.mm-toggle:before {
        background: #f3f3f3;
    }

.mm-menu input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu label.mm-check:before {
    border-color: rgba(0,0,0,.7);
}

.mm-listview.mm-border-none > li:after, .mm-menu.mm-border-none .mm-listview > li:after {
    content: none;
}

.mm-listview.mm-border-full > li:after, .mm-menu.mm-border-full .mm-listview > li:after {
    left: 0 !important;
}

.mm-listview.mm-border-offset > li:after, .mm-menu.mm-border-offset .mm-listview > li:after {
    right: 20px;
}

.mm-menu.mm-effect-menu-zoom {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
    transform: scale(.7,.7) translate3d(-30%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

html.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(.7,.7) translate3d(30%,0,0);
    transform: scale(.7,.7) translate3d(30%,0,0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom {
    -webkit-transform: scale(1,1) translate3d(0,0,0);
    transform: scale(1,1) translate3d(0,0,0);
}

.mm-menu.mm-effect-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}

html.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0);
}

html.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(30%,0,0);
    transform: translate3d(30%,0,0);
}

html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu.mm-effect-menu-fade {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

html.mm-opening .mm-menu.mm-effect-menu-fade {
    opacity: 1;
}

.mm-menu.mm-effect-panels-zoom .mm-panel {
    -webkit-transform: scale(1.5,1.5) translate3d(100%,0,0);
    transform: scale(1.5,1.5) translate3d(100%,0,0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}

    .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened {
        -webkit-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0);
    }

        .mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened {
            -webkit-transform: scale(.7,.7) translate3d(-30%,0,0);
            transform: scale(.7,.7) translate3d(-30%,0,0);
        }

.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

.mm-menu[class*=mm-effect-listitems-] .mm-listview > li {
    -webkit-transition: none .4s ease;
    transition: none .4s ease;
}

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(1) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(2) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(3) {
        -webkit-transition-delay: 150ms;
        transition-delay: 150ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(4) {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(5) {
        -webkit-transition-delay: 250ms;
        transition-delay: 250ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(6) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(7) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(8) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(9) {
        -webkit-transition-delay: 450ms;
        transition-delay: 450ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(10) {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(11) {
        -webkit-transition-delay: 550ms;
        transition-delay: 550ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(12) {
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(13) {
        -webkit-transition-delay: 650ms;
        transition-delay: 650ms;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(14) {
        -webkit-transition-delay: .7s;
        transition-delay: .7s;
    }

    .mm-menu[class*=mm-effect-listitems-] .mm-listview > li:nth-child(15) {
        -webkit-transition-delay: 750ms;
        transition-delay: 750ms;
    }

.mm-menu.mm-effect-listitems-slide .mm-listview > li {
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transform: translate3d(50%,0,0);
    transform: translate3d(50%,0,0);
    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview > li {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}

.mm-menu.mm-effect-listitems-fade .mm-listview > li {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    opacity: 0;
}

html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
}

.mm-menu.mm-effect-listitems-drop .mm-listview > li {
    -webkit-transition-property: opacity,top;
    transition-property: opacity,top;
    opacity: 0;
    top: -25%;
}

html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview > li {
    opacity: 1;
    top: 0;
}

.mm-menu.mm-offcanvas.mm-fullscreen {
    width: 100%;
    min-width: 140px;
    max-width: 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}

@media all and (max-width:140px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(140px,0,0);
        transform: translate3d(140px,0,0);
    }
}

@media all and (min-width:10000px) {
    html.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(10000px,0,0);
        transform: translate3d(10000px,0,0);
    }
}

html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

@media all and (max-width:140px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0);
    }
}

@media all and (min-width:10000px) {
    html.mm-right.mm-opening.mm-fullscreen .mm-slideout {
        -webkit-transform: translate3d(-10000px,0,0);
        transform: translate3d(-10000px,0,0);
    }
}

.mm-menu.mm-offcanvas.mm-fullscreen.mm-bottom, .mm-menu.mm-offcanvas.mm-fullscreen.mm-top {
    height: 100%;
    min-height: 140px;
    max-height: 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
    box-shadow: none !important;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview:after, .mm-menu .mm-panels > .mm-panel.mm-justified-listview:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:after, .mm-menu.mm-justified-listview .mm-panels > .mm-panel:before {
    content: none;
    display: none;
}

.mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

    .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        -ms-flex: 1 1 0;
        flex: 1 1 0;
    }

        .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next), .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span {
            box-sizing: border-box;
            height: 100%;
        }

            .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu .mm-panels > .mm-panel.mm-justified-listview > .mm-listview > li:not(.mm-divider) > span:before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > a:not(.mm-next):before, .mm-menu.mm-justified-listview .mm-panels > .mm-panel > .mm-listview > li:not(.mm-divider) > span:before {
                content: '';
                vertical-align: middle;
                display: inline-block;
                height: 100%;
                width: 0;
            }

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
    white-space: normal;
}

html.mm-pagedim #mm-blocker, html.mm-pagedim-black #mm-blocker, html.mm-pagedim-white #mm-blocker {
    opacity: 0;
}

html.mm-pagedim-black.mm-opening #mm-blocker, html.mm-pagedim-white.mm-opening #mm-blocker, html.mm-pagedim.mm-opening #mm-blocker {
    opacity: .8;
    -webkit-transition: opacity .4s ease .4s;
    transition: opacity .4s ease .4s;
}

html.mm-pagedim #mm-blocker {
    background: inherit;
}

html.mm-pagedim-white #mm-blocker {
    background: #fff;
}

html.mm-pagedim-black #mm-blocker {
    background: #000;
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%;
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none;
}

.mm-menu.mm-popup {
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    opacity: 0;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
    height: 80%;
    min-height: 140px;
    max-height: 880px;
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

html.mm-popup.mm-opening .mm-menu.mm-popup {
    opacity: 1;
}

html.mm-popup .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0;
}

html.mm-popup #mm-blocker {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
    z-index: 1;
}

html.mm-popup .mm-menu {
    z-index: 2;
}

.mm-menu.mm-offcanvas.mm-right {
    left: auto;
    right: 0;
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate3d(-80%,0,0);
    transform: translate3d(-80%,0,0);
}

@media all and (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-140px,0,0);
        transform: translate3d(-140px,0,0);
    }
}

@media all and (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform: translate3d(-440px,0,0);
        transform: translate3d(-440px,0,0);
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0;
}

html.mm-front #mm-blocker {
    z-index: 1;
}

html.mm-front .mm-menu.mm-offcanvas {
    z-index: 2;
}

.mm-menu.mm-offcanvas.mm-front, .mm-menu.mm-offcanvas.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}

    .mm-menu.mm-offcanvas.mm-front.mm-right, .mm-menu.mm-offcanvas.mm-next.mm-right {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }

.mm-menu.mm-offcanvas.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}

.mm-menu.mm-offcanvas.mm-bottom {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    top: auto;
    bottom: 0;
}

.mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px;
}

html.mm-opening .mm-menu.mm-offcanvas.mm-front, html.mm-opening .mm-menu.mm-offcanvas.mm-next {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.mm-menu.mm-theme-dark {
    background: #333;
    border-color: rgba(0,0,0,.15);
    color: rgba(255,255,255,.8);
}

    .mm-menu.mm-theme-dark .mm-navbar a, .mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark em.mm-counter {
        color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-dark .mm-btn:after, .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-dark .mm-listview {
        border-color: rgba(0,0,0,.15);
    }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
            border-color: rgba(255,255,255,.4);
        }

        .mm-menu.mm-theme-dark .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0,0,0,.1);
            tap-highlight-color: rgba(0,0,0,.1);
        }

        .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-dark .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.1);
        }

        .mm-menu.mm-theme-dark .mm-divider, .mm-menu.mm-theme-dark .mm-fixeddivider span, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-dark .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-dark.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(255,255,255,.05);
        }

    .mm-menu.mm-theme-dark label.mm-check:before {
        border-color: rgba(255,255,255,.8);
    }

.mm-menu.mm-pageshadow.mm-theme-dark:after {
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}

.mm-menu.mm-theme-dark .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.8);
}

.mm-menu.mm-theme-dark .mm-indexer a, .mm-menu.mm-theme-dark .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}

.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-dark .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-dark .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.1);
}

.mm-menu.mm-theme-dark label.mm-toggle {
    background: rgba(0,0,0,.15);
}

    .mm-menu.mm-theme-dark label.mm-toggle:before {
        background: #333;
    }

.mm-menu.mm-theme-dark input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu.mm-theme-white {
    background: #fff;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.6);
}

    .mm-menu.mm-theme-white .mm-navbar a, .mm-menu.mm-theme-white .mm-navbar > *, .mm-menu.mm-theme-white em.mm-counter {
        color: rgba(0,0,0,.3);
    }

    .mm-menu.mm-theme-white .mm-btn:after, .mm-menu.mm-theme-white .mm-btn:before {
        border-color: rgba(0,0,0,.3);
    }

    .mm-menu.mm-theme-white .mm-listview {
        border-color: rgba(0,0,0,.1);
    }

        .mm-menu.mm-theme-white .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-white .mm-listview > li .mm-next:after {
            border-color: rgba(0,0,0,.3);
        }

        .mm-menu.mm-theme-white .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(0,0,0,.05);
            tap-highlight-color: rgba(0,0,0,.05);
        }

        .mm-menu.mm-theme-white .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-white .mm-listview > li.mm-selected > span {
            background: rgba(0,0,0,.05);
        }

        .mm-menu.mm-theme-white .mm-divider, .mm-menu.mm-theme-white .mm-fixeddivider span, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-white .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-white.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(0,0,0,.03);
        }

    .mm-menu.mm-theme-white label.mm-check:before {
        border-color: rgba(0,0,0,.6);
    }

.mm-menu.mm-pageshadow.mm-theme-white:after {
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}

.mm-menu.mm-theme-white .mm-search input {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.6);
}

.mm-menu.mm-theme-white .mm-indexer a, .mm-menu.mm-theme-white .mm-noresultsmsg {
    color: rgba(0,0,0,.3);
}

.mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-white .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-white .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0,0,0,.05);
}

.mm-menu.mm-theme-white label.mm-toggle {
    background: rgba(0,0,0,.1);
}

    .mm-menu.mm-theme-white label.mm-toggle:before {
        background: #fff;
    }

.mm-menu.mm-theme-white input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu.mm-theme-black {
    background: #000;
    border-color: rgba(255,255,255,.2);
    color: rgba(255,255,255,.6);
}

    .mm-menu.mm-theme-black .mm-navbar a, .mm-menu.mm-theme-black .mm-navbar > *, .mm-menu.mm-theme-black em.mm-counter {
        color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-black .mm-btn:after, .mm-menu.mm-theme-black .mm-btn:before {
        border-color: rgba(255,255,255,.4);
    }

    .mm-menu.mm-theme-black .mm-listview {
        border-color: rgba(255,255,255,.2);
    }

        .mm-menu.mm-theme-black .mm-listview > li .mm-arrow:after, .mm-menu.mm-theme-black .mm-listview > li .mm-next:after {
            border-color: rgba(255,255,255,.4);
        }

        .mm-menu.mm-theme-black .mm-listview > li a:not(.mm-next) {
            -webkit-tap-highlight-color: rgba(255,255,255,.3);
            tap-highlight-color: rgba(255,255,255,.3);
        }

        .mm-menu.mm-theme-black .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu.mm-theme-black .mm-listview > li.mm-selected > span {
            background: rgba(255,255,255,.3);
        }

        .mm-menu.mm-theme-black .mm-divider, .mm-menu.mm-theme-black .mm-fixeddivider span, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu.mm-theme-black .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-theme-black.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(255,255,255,.2);
        }

    .mm-menu.mm-theme-black label.mm-check:before {
        border-color: rgba(255,255,255,.6);
    }

.mm-menu.mm-pageshadow.mm-theme-black:after {
    content: none;
    display: none;
}

.mm-menu.mm-theme-black .mm-search input {
    background: rgba(255,255,255,.3);
    color: rgba(255,255,255,.6);
}

.mm-menu.mm-theme-black .mm-indexer a, .mm-menu.mm-theme-black .mm-noresultsmsg {
    color: rgba(255,255,255,.4);
}

.mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a.mm-fullsubopen:hover + span, .mm-menu.mm-hoverselected.mm-theme-black .mm-listview > li > a:not(.mm-fullsubopen):hover, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + a, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected.mm-fullsubopen + span, .mm-menu.mm-parentselected.mm-theme-black .mm-listview > li > a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(255,255,255,.3);
}

.mm-menu.mm-theme-black label.mm-toggle {
    background: rgba(255,255,255,.2);
}

    .mm-menu.mm-theme-black label.mm-toggle:before {
        background: #000;
    }

.mm-menu.mm-theme-black input.mm-toggle:checked ~ label.mm-toggle {
    background: #4bd963;
}

.mm-menu .mm-tileview.mm-listview:after, .mm-menu.mm-tileview .mm-listview:after {
    content: '';
    display: block;
    clear: both;
}

.mm-menu .mm-tileview.mm-listview > li > .mm-next:after, .mm-menu .mm-tileview.mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-listview > li > .mm-next:after, .mm-menu.mm-tileview .mm-listview > li > .mm-next:before, .mm-menu.mm-tileview .mm-panel:after {
    content: none;
    display: none;
}

.mm-menu .mm-tileview.mm-listview > li, .mm-menu.mm-tileview .mm-listview > li {
    width: 50%;
    height: 0;
    padding: 50% 0 0;
    float: left;
    position: relative;
}

    .mm-menu .mm-tileview.mm-listview > li:after, .mm-menu.mm-tileview .mm-listview > li:after {
        left: 0;
        top: 0;
        border-right-width: 1px;
        border-right-style: solid;
        z-index: -1;
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xs, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xs {
        width: 12.5%;
        padding-top: 12.5%;
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-s, .mm-menu.mm-tileview .mm-listview > li.mm-tile-s {
        width: 25%;
        padding-top: 25%;
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-l, .mm-menu.mm-tileview .mm-listview > li.mm-tile-l {
        width: 75%;
        padding-top: 75%;
    }

    .mm-menu .mm-tileview.mm-listview > li.mm-tile-xl, .mm-menu.mm-tileview .mm-listview > li.mm-tile-xl {
        width: 100%;
        padding-top: 100%;
    }

    .mm-menu .mm-tileview.mm-listview > li > a, .mm-menu .mm-tileview.mm-listview > li > span, .mm-menu.mm-tileview .mm-listview > li > a, .mm-menu.mm-tileview .mm-listview > li > span {
        line-height: 1px;
        text-align: center;
        padding: 50% 10px 0;
        margin: 0;
        position: absolute;
        top: 0;
        right: 1px;
        bottom: 1px;
        left: 0;
    }

    .mm-menu .mm-tileview.mm-listview > li > .mm-next, .mm-menu.mm-tileview .mm-listview > li > .mm-next {
        width: auto;
    }

.mm-menu.mm-tileview .mm-panel {
    padding-left: 0;
    padding-right: 0;
}

.mm-menu.mm-tileview .mm-listview {
    margin: 0;
}

body {
    font-family: "Raleway", sans-serif !important;
    font-size: 16px !important;
    color: black;
    word-wrap: break-word;
    margin: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Raleway",sans-serif !important;
}

article.tercer-nivel {
    background: #fafafa;
}

a,
a:hover,
a:focus {
    color: #757575;
    text-decoration: none;
}

ol,
ul {
    list-style: none;
    font-size: 16px;
    margin-bottom: 20px;
    padding-left: 40px;
}

img {
    width: 100%;
    height: auto;
}

.caret {
    display: none;
}

.tabs--primary.nav.nav-tabs {
    border-bottom: 0px;
    position: fixed;
    right: 0px;
}

    .tabs--primary.nav.nav-tabs li a {
        font-size: 14px;
    }

    .tabs--primary.nav.nav-tabs li {
        padding: 0px;
    }

        .tabs--primary.nav.nav-tabs li.current:before {
            content: initial;
        }

.container.navbar-fixed-top .col-sm-12 {
    padding: 0px;
}

#block-simple-topheaderleft {
    float: left;
}

#block-simple-topheaderright {
    float: right;
}

.block-dropdown-language {
    color: white;
    float: right;
}

    .block-dropdown-language ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }

    .block-dropdown-language .menu a {
        float: none;
        font-weight: 400;
    }

article > footer {
    display: none;
}
/*****************************paragraph--mosaico_tres.html.twig*****************************/
.paragraph--type--mosaico-tres .moisaico-item {
    height: 100%;
    overflow: hidden;
}

    .paragraph--type--mosaico-tres .moisaico-item:hover {
        border: 4px solid white !important;
        transform: translateY(0%) scale(1.05);
        z-index: 1;
    }

    .paragraph--type--mosaico-tres .moisaico-item .overlay {
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        height: 100%;
        padding: 2em;
        position: absolute;
        top: 0;
        transition: all 0.3s ease 0s;
        width: 100%;
    }

    .paragraph--type--mosaico-tres .moisaico-item:hover .overlay {
        background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    }

    .paragraph--type--mosaico-tres .moisaico-item .overlay .ovelay-titulo {
        bottom: 2em;
        color: white;
        font-size: 26px;
        font-weight: 700;
        position: absolute;
        text-transform: uppercase;
    }

    .paragraph--type--mosaico-tres .moisaico-item .overlay .ovelay-enlace a {
        bottom: 1em;
        color: white;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
        position: absolute;
        text-transform: uppercase;
        transform: translateY(200%);
        transition: all 0.3s ease 0s;
    }

        .paragraph--type--mosaico-tres .moisaico-item .overlay .ovelay-enlace a::after {
            content: "";
            display: inline-block;
            font-family: "Material Icons";
            font-size: 1.07143rem;
            vertical-align: middle;
        }

    .paragraph--type--mosaico-tres .moisaico-item:hover .overlay .ovelay-enlace a {
        transform: translateY(0%);
    }

    .paragraph--type--mosaico-tres .moisaico-item + .moisaico-item {
        border-left: 4px solid transparent;
        /*height: 206px;*/
        height: 318px;
        /*overflow: hidden;*/
    }

        .paragraph--type--mosaico-tres .moisaico-item + .moisaico-item + .moisaico-item {
            border-top: 4px solid transparent;
        }

    .paragraph--type--mosaico-tres .moisaico-item img {
        object-fit: cover;
        width: 100%;
        height: 415px;
    }
/****************Mosaic***************/
.mosaic {
    background: #EEE;
}

    .mosaic:after {
        content: '';
        clear: both;
        display: block;
    }

.mosaic-sizer,
.mosaic-item {
    width: 25%;
}

.mosaic-item {
    background-size: cover;
    border: 0.14286rem solid #FFF;
    color: #FFF;
    float: left;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    transform: translateY(10%) scale(1.1);
}

    .mosaic-item.is-show {
        opacity: 1;
        transform: translateY(0%) scale(1);
    }

    .mosaic-item:hover {
        transform: translateY(0%) scale(1.05);
        z-index: 1;
        cursor: pointer;
    }

.mosaic-item__submotto {
    font-family: "Georgia", serif;
    font-size: 1.41rem;
}

.mosaic-item__motto {
    font-size: 2.79rem;
    font-weight: bold;
    padding: 0;
    text-transform: uppercase;
    transition: all 0.4s ease 0.2s;
}

.mosaic-item__view-more {
    color: #fff;
    font-weight: 900;
    font-size: 1.45rem;
    letter-spacing: 0.14286rem;
    opacity: 0;
    text-transform: uppercase;
    transform: translateY(200%);
    transition: all 0.3s ease;
}

    .mosaic-item__view-more:after {
        content: '\e315';
        display: inline-block;
        font-family: 'Material Icons';
        font-size: 1.07143rem;
        vertical-align: middle;
    }

.mosaic-item__overlay {
    background: rgba(0, 0, 0, 0.2);
    height: 100%;
    left: 0;
    padding: 2.6rem;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: all 0.3s ease;
    width: 100%;
    z-index: 0;
}

.mosaic-item__overlay-wrapper {
    bottom: 4.61rem;
    position: absolute;
    transition: all 0.3s ease;
    overflow: hidden;
    width: 100%;
}

.mosaic-item--design {
    background-position-y: 50%;
}

.mosaic-item--education,
.mosaic-item--events {
    background: #000;
}

.mosaic-item--communication {
    background-position-x: 35%;
}

.mosaic-item--law {
    background-position-x: 25%;
}

.mosaic-item--width2 {
    width: 50%;
}

.mosaic-item--width3 {
    width: 75%;
}

.mosaic-item--height2 {
    height: 200px;
}

.mosaic-item--height3 {
    height: 260px;
}

.mosaic-item--height4 {
    height: 400px;
}

.mosaic-item--height8 {
    height: 600px;
}

.mosaic-item:hover > .mosaic-item__overlay .mosaic-item__overlay-wrapper {
    transform: translateY(-10%);
}

    .mosaic-item:hover > .mosaic-item__overlay .mosaic-item__overlay-wrapper .mosaic-item__motto {
        transform: translateX(1%);
    }

.mosaic-item:hover > .mosaic-item__overlay {
    background: rgba(0, 0, 0, 0.6);
}

    .mosaic-item:hover > .mosaic-item__overlay .mosaic-item__overlay-wrapper .mosaic-item__view-more {
        opacity: 1;
        transform: translateY(0%);
    }

.form-radios {
    float: left;
}

.views-exposed-form .form-radios {
    float: right;
}

.views-exposed-form .js-form-type-radio {
    margin: 0 0 0 10px;
    float: left;
}

.views-exposed-form .form-radios label:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    transition: all 0.5s ease 0s;
}

.views-exposed-form .form-radios label {
    font-size: 1.44714rem;
    font-weight: 900;
    padding: 10px 15px;
    text-transform: uppercase;
}

    button#edit-submit-mosaicos,
    .views-exposed-form .form-radios label .form-radio {
        display: none;
    }

/****************Estilos paragraph slider full***************/
.single {
    margin: 0;
    padding: 0;
    position: relative;
}

.slider-principal li::before {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.6) 50%) repeat scroll 0 0 / cover;
    bottom: 0;
    content: "";
    height: 30%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}

.slider-principal li::after {
    background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(33, 33, 33, 0) 100%, rgba(33, 33, 33, 0) 100%) repeat scroll 0 0 / cover;
    content: "";
    height: 20%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.paragraph--type--slider-full {
    height: 666px;
    width: 100%;
    overflow: hidden;
}

    .paragraph--type--slider-full .field--name-field-video,
    .paragraph--type--slider-full .field--name-field-imagen {
        height: 100%;
        width: 100%;
        overflow: hidden;
        position: absolute;
    }

        .paragraph--type--slider-full .field--name-field-imagen img {
            height: auto;
            width: 100%;
        }

    .paragraph--type--slider-full .section-hero {
        bottom: 10%;
        color: white;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .paragraph--type--slider-full .field--name-field-titulo {
        font-size: 64px;
        font-weight: 600;
    }

    .paragraph--type--slider-full .field--name-field-subtitulo {
        font-family: "Georgia",serif;
        font-size: 19px;
        font-style: italic;
    }

    .paragraph--type--slider-full .section-hero a {
        color: white;
        display: flex;
        margin-top: 10px;
    }

.slider-principal .bx-wrapper .bx-controls-direction {
    top: 50%;
    width: 98%;
}

.slider-principal .bx-controls .bx-next {
    float: right;
    word-wrap: normal;
}

article .bx-wrapper {
    margin: 0;
}

/****************Paragraph slider imagenes***************/
.un-tercio {
    float: left;
    overflow: hidden;
    width: 33.3333%;
}

.paragraph--type--slider-imagenes {
    float: left;
    width: calc(100%/3);
    position: relative;
}

    .paragraph--type--slider-imagenes:hover {
        height: 532px;
        margin-top: -1em;
    }

    .paragraph--type--slider-imagenes .field--name-field-subtitulo {
        color: white;
        font-family: "Georgia",serif;
        font-size: 1.4em;
        left: 1em;
        position: absolute;
        top: 25px;
        z-index: 1;
    }

    .paragraph--type--slider-imagenes .bx-wrapper .bx-controls-direction a {
        word-wrap: normal;
        text-decoration: none;
    }

    .paragraph--type--slider-imagenes img {
        width: auto;
        height: 500px;
    }

    .paragraph--type--slider-imagenes .bx-pager {
        display: none;
    }

.module-sliders__slider-footer {
    bottom: 0;
    color: white;
    font-size: 25px;
    font-weight: 700;
    padding: 22px;
    position: absolute;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
    width: 100%;
    z-index: 1;
}

.paragraph--type--slider-imagenes:hover .module-sliders__slider-footer {
    background: #2d76ff none repeat scroll 0 0;
}

    .paragraph--type--slider-imagenes:hover .module-sliders__slider-footer .material-icons {
        display: block;
    }

/****************Imagen principal***************/
h1 {
    font-size: 64px;
}

.hero-section.posicion-cuarto-nivel {
    height: 300px;
    background: #212121;
}

.hero-section h1 {
    bottom: 0;
    font-size: 64px;
    margin: 24px 0;
}

.posicion-segundo-nivel h1 {
    color: black;
    width: 100%;
    position: relative;
}

.posicion-tercel-nivel h1,
.posicion-cuarto-nivel h1 {
    color: white;
    width: 85%;
    position: absolute;
}

article.tercer-nivel.full.clearfix,
article.cuarto-nivel.full.clearfix {
    padding-bottom: 16px;
}

.oficina .hero-section h1.imageSide,
.tercer-nivel .hero-section h1.imageSide {
    width: 60%;
}

.hero-section .img-responsive {
    width: 100%;
}

.oficina .hero-section .field--name-field-image .img-responsive {
    object-fit: cover;
    width: 100%;
    height: 500px;
}

.tercer-nivel .field--name-field-imagen-principal .img-responsive {
    object-fit: cover;
    width: 100%;
    height: 500px;
}

.hero-section {
    height: 662px;
    overflow: hidden;
    position: relative;
}

.oficina .hero-section,
.tercer-nivel .hero-section {
    height: 500px;
}

    .oficina .hero-section::before,
    .tercer-nivel .hero-section::before {
        background: rgba(0, 0, 0, 0) linear-gradient(rgba(33, 33, 33, 0) 0%, rgba(33, 33, 33, 0.6) 100%) repeat scroll 0 0;
        bottom: 0;
        content: "";
        height: 30%;
        position: absolute;
        width: 100%;
    }

.hero-section:after {
    content: '';
    background: linear-gradient(rgba(33, 33, 33, 0.6) 0%, rgba(33,33,33,0) 100%);
    height: 25%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.content-description {
    bottom: 0;
    position: absolute;
    width: 100%;
}

.description::before {
    background: #fff none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    transform: skewX(15deg) translateX(50%);
    width: 7em;
}

.hero-section .description {
    background: white none repeat scroll 0 0;
    float: left;
    height: 250px;
    margin-left: -100%;
    padding-left: 100%;
}

.hero-section .field--name-field-descripcion {
    color: #949494;
    font-family: "Georgia",serif;
    font-size: 20px;
    font-style: italic;
    line-height: 24px;
    width: 98%;
    padding-right: 50px;
}

.tercer-nivel .imagen-lateral {
    background: black none repeat scroll 0 0;
    border: 5px solid white;
    width: 380px;
    height: 380px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 400px;
}

    .tercer-nivel .imagen-lateral .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 380px;
    }

.tercer-nivel .field--name-field-pie-imagen {
    bottom: 36px;
    color: white;
    font-family: "Georgia",serif;
    font-size: 28px;
    left: 30px;
    position: absolute;
    width: 90%;
}

.tercer-nivel .module-evaluation .row .col-sm-6 h4 {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tercer-nivel .module-evaluation .row .col-sm-6 hr {
    margin: 5px;
}
/****************paragraph--imagen-derecha.izquierda***************/
.img-izq-der {
    height: 100% !important;
}

.segundo-level {
    height: 536px;
    margin-left: 0;
    margin-right: 0;
}

.segundo-level__block {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
}

.segundo-level__block__box {
    overflow: hidden;
}

.segundo-level__block__img img {
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0%);
    transition: all 0.5s ease 0s;
    width: auto;
}

.segundo-level .img-responsive {
    min-height: 100%;
    max-width: none;
}

.segundo-level-button:hover ~ .segundo-level__block__img,
.segundo-level__block__box.is-hover .segundo-level__block__img {
    transform: scale(1.1) translate(0%, 0%);
    -webkit-transform: scale(1.1) translate(0%, 0%);
    -moz-transform: scale(1.1) translate(0%, 0%);
    -ms-transform: scale(1.1) translate(0%, 0%);
    -o-transform: scale(1.1) translate(0%, 0%);
}

.segundo-level__info {
    margin: 0 auto;
    width: 72%;
}

    .segundo-level__info p {
        margin-bottom: 20px;
    }

.segundo-level-light {
    background-color: #FFFFFF;
    color: #212121;
}

.segundo-level-dark {
    background-color: #212121;
    color: #FFFFFF;
}

    .segundo-level-dark.wow.fadeInRight.animated,
    .segundo-level-light.wow.fadeInLeft.animated,
    .segundo-level-light.wow.fadeInRight.animated,
    .segundo-level-dark.wow.fadeInLeft.animated {
        display: block;
        clear: both;
        position: relative;
    }

.segundo-level__title {
    font-size: 36px;
    font-weight: 100;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.segundo-level-button-dark {
    background-color: #212121;
    color: white;
    border: 1px solid white;
}

    .segundo-level-button-dark:hover {
        background-color: white;
        color: #212121;
        border: 1px solid #212121;
        text-decoration: none;
    }

    .segundo-level-button-dark:active,
    .segundo-level-button-light:active {
        color: #757575;
    }

.segundo-level__block .segundo-level-button {
    width: 220px;
}

.segundo-level-button {
    font-size: 12px;
}

.segundo-level-button-light {
    background-color: #FFFFFF;
    color: #212121;
}

.segundo-level-button-light {
    background-color: white;
    color: #212121;
    border: 1px solid #212121;
}

    .segundo-level-button-light:hover {
        background-color: #212121;
        color: white;
        border: 1px solid white;
        text-decoration: none;
    }

.segundo-level-button {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 27px;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.segundo-level-4-8 .segundo-level-button:hover .col-sm-4 {
    width: 90%;
}

.segundo-level-button material-icons {
    font-size: 36px;
    transform: translateX(0%);
    transition: all 0.2s ease;
}

.segundo-level-button:hover > .material-icons {
    transform: translateX(20%);
}

.vertical-align {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.button {
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 1px;
    padding: 20px 40px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.button-light {
    background: white;
    border: 1px solid #212121;
    color: #212121;
}

    .button-light:hover,
    .button-light:focus {
        background: #212121;
        border: 1px solid white;
        color: white;
    }

    .button-light:active {
        color: #757575;
    }

.flex-center {
    display: flex;
    align-items: center;
}
/****************Enlace doble***************/
.external-link {
    color: #000;
    font-weight: 900;
    margin-right: 12px;
    padding: 22px 0;
    text-transform: uppercase;
}

    .external-link::after {
        content: '\e315';
        display: inline-block;
        font-family: 'Material Icons';
        font-size: 22px;
        transition: all 0.3s ease;
        vertical-align: middle;
    }
/****************Columnas alternas icono***************/
.module-evaluation {
    display: block;
    clear: both;
    margin: 0 auto;
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

    .module-evaluation .row + .row {
        margin-top: 20px;
    }
/****************Título contenido***************/
.second-level_container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    width: 90%;
}

.header-clear {
    background: #FFF;
    height: 6.85714rem;
    margin-top: 3.42857rem;
}

    .header-clear .row {
        display: block;
        padding: 0;
    }

.header-clear__motto {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

table {
    background-color: #FFF;
    border-collapse: collapse;
    border-spacing: 0;
    color: #000;
    font-size: 15px;
    margin-bottom: 50px;
    max-width: 100%;
    width: 100%;
}
    /* line 11, _tables.scss */

    table th:first-child {
        text-align: left;
    }
    /* line 15, _tables.scss */

    table td {
        padding: 15px 0;
    }
    /* line 19, _tables.scss */

    table tbody tr {
        border-top: 1px solid #E8E8EB;
    }
        /* line 22, _tables.scss */

        table tbody tr td:first-child {
            text-align: left;
        }
        /* line 26, _tables.scss */

        table tbody tr:first-child {
            border-top: none;
        }
            /* line 29, _tables.scss */

            table tbody tr:first-child td {
                padding-top: 30px;
            }
/* line 36, _tables.scss */

.indicator {
    font-size: 0.85714rem;
}
/* line 40, _tables.scss */

.pagination {
    display: inline-block;
    padding: 0;
    margin: 1.57143rem 0;
}
    /* line 45, _tables.scss */

    .pagination li {
        display: inline-block;
        margin-right: 0.35714rem;
    }
        /* line 49, _tables.scss */

        .pagination li a {
            font-size: 0.85714rem;
        }
    /* line 55, _tables.scss */

    .pagination.light li a {
        color: #fff;
    }
/****************Texto columnas***************/
article.cuarto-nivel ul {
    list-style: initial;
}

.four-level-paragraph h3 {
    font-size: 2em;
    margin-bottom: 1em;
    margin-top: 2em;
}

.four-level-col {
    width: 33.33333%;
}

.four-level-paragraph p {
    font-size: 1em;
    line-height: 1.5em;
    margin: 10px 20px 10px 0;
}

.four-level-paragraph h4 {
    font-size: 1.6em;
    margin-bottom: 1em;
    margin-top: 1em;
}
/****************enlaces***************/
.segundo-level-bottom {
    height: 90vh;
}

    .segundo-level-bottom [class*="col-"] {
        float: left;
        padding-right: 0;
        padding-left: 0;
    }

    .segundo-level-bottom .row {
        height: 100%;
    }

.segundo-level-bottom-image {
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    /* line 88, _sections.scss */

    .segundo-level-bottom {
        height: 100%;
    }
}

.segundo-level-bottom-dark-alpha {
    position: relative;
}
    /* line 187, _sections.scss */

    .segundo-level-bottom-dark-alpha .vertical-divider-1st-row {
        background: rgba(255, 255, 255, 0.5);
        width: 1px;
        content: "";
        height: 80%;
        left: 25%;
        position: absolute;
        top: 10%;
    }
    /* line 197, _sections.scss */

    .segundo-level-bottom-dark-alpha .vertical-divider-2nd-row {
        background: rgba(255, 255, 255, 0.5);
        width: 1px;
        content: "";
        height: 80%;
        left: 50%;
        position: absolute;
        top: 10%;
    }
    /* line 207, _sections.scss */

    .segundo-level-bottom-dark-alpha .vertical-divider-3rd-row {
        background: rgba(255, 255, 255, 0.5);
        width: 1px;
        content: "";
        height: 80%;
        left: 75%;
        position: absolute;
        top: 10%;
    }
/* line 217, _sections.scss */
.segundo-level-bottom-4-8 .button:hover .col-sm-4 {
    width: 90%;
}

.segundo-level-bottom__block {
    height: 100%;
}

.segundo-level-bottom-dark-alpha .segundo-level-bottom__block {
    background-color: rgba(33, 33, 33, 0.5);
    color: #FFFFFF;
}

.segundo-level-bottom__block__box.is-hover .segundo-level-bottom__block__img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.segundo-level-bottom__block__img {
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: relative;
    transition: all 0.3s ease;
}

.segundo-level-bottom__block__box {
    overflow: hidden;
}

.segundo-level-bottom__top_relative {
    position: relative;
}

.segundo-level-bottom__subtitle {
    bottom: 10%;
    color: #FFF;
    font-weight: 900;
    left: 10%;
    position: absolute;
    text-align: center;
    width: 80%;
    z-index: 2;
}

    .segundo-level-bottom__subtitle a {
        font-size: 28px;
        color: #fff;
        background-color: transparent;
        display: inline-block;
        text-decoration: none;
    }

    .segundo-level-bottom__subtitle .left {
        text-align: left;
    }

.segundo-level-bottom-horizontal-divider {
    background: rgba(255,255,255,.5);
    border: 0;
    height: 1px;
    margin: 0 auto;
    width: 80%;
}

.segundo-level-bottom__block__box-splitted .row {
    height: 50%;
    padding-left: 10%;
    padding-top: 10%;
}

.bottom-align {
    position: relative;
    top: 90%;
    transform: translateY(-50%);
}
/***************************Dos columnas*****************************/
.module-educational-investment {
    min-height: 220px;
}

    .module-educational-investment strong + strong {
        margin-left: 1.42857rem;
    }

.module-educational-investment__contact {
    font-size: 14px;
    height: 40px;
    margin-top: 8px;
}

    .module-educational-investment__contact .row {
        display: block;
    }

    .module-educational-investment__contact [class*="col-sm-"] {
        height: 100%;
    }

    .module-educational-investment__contact a {
        display: block;
    }
/**********Archivos múltiples****************/
.paragraph.paragraph--type--archivo-multiple.paragraph--view-mode--default div.col-md-6 {
    padding: 0px;
}

.border-left {
    border-left: 1px solid rgba(151, 151, 151, 0.5);
}

[class*="col-"].border-left {
    border-left: 1px solid rgba(151, 151, 151, 0.5);
}

.text-right {
    text-align: right;
}

.module-annual-report__downloads {
    padding: 20px 0;
}

.module-annual-report__downloads {
    background: #000;
    color: #FFF;
    padding: 3.57143rem;
}

    .module-annual-report__downloads .row {
        height: auto;
    }

    .module-annual-report__downloads.light {
        background: #fff;
        color: #000;
    }

.module-annual-report__downloads-header {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2.85714rem;
    text-transform: uppercase;
}

.sep-horizontal {
    background: rgba(0, 0, 0, 0.2);
    display: block;
    height: 0.07143rem;
    margin: 1.57143rem 0;
    width: 100%;
}

.module-annual-report__downloads .module-annual-report__download .material-icons {
    color: #FFF;
}

.module-annual-report__downloads .module-annual-report__download .download-name {
    font-size: 1.84rem;
    font-weight: 600;
    padding-left: 10px;
}

.module-annual-report__downloads .module-annual-report__download .download-size {
    font-size: 0.85714rem;
    color: #8C8C8C;
    padding-left: 20px;
}

.module-annual-report__downloads .module-annual-report__download .download-extension {
    font-weight: 600;
}

.module-annual-report__downloads .module-annual-report__download + .module-annual-report__download {
    margin-top: 15px;
}

.module-annual-report__downloads.light .material-icons {
    color: #222;
}
/****************tabs***************/
.module-tabs {
    overflow: hidden;
    padding-top: 30px;
}

nav.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    nav.tabs li, nav.tabs div {
        margin: 0 auto;
        cursor: pointer;
        display: inline-block;
        position: relative;
    }

    nav.tabs div {
        padding: 22px 0;
    }

    nav.tabs li {
        color: #000;
        padding: 22px 25px 25px 10px;
        text-align: center;
    }

    nav.tabs div.current {
        border-bottom: 4px solid #000;
    }

    nav.tabs li.current {
        background: #000;
        color: white;
    }

        nav.tabs li.current:before {
            background: #FFFFFF;
            content: '';
            display: block;
            height: 70px;
            position: absolute;
            top: 0;
            right: 13px;
            transform: skewX(20deg) translateX(100%);
            width: 26px;
        }

.tab-content {
    display: none;
    padding: 15px;
}

    .tab-content.current {
        display: inherit;
    }

.module-sliders__slider-media {
    max-width: initial;
    position: absolute;
    transition: all 0.3s ease;
}

.paragraph--type--slider-imagenes .module-sliders__slider-footer .material-icons {
    display: none;
}
/***************************grid-imagen*********************************/
.paragraph.paragraph--type--grid-imagenes {
    padding-top: 15px;
    padding-bottom: 15px;
}

    .paragraph.paragraph--type--grid-imagenes .row {
        margin: 0;
    }

    .paragraph.paragraph--type--grid-imagenes [class*="col-"] {
        padding: 2px;
    }

.grid-imagen {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.imagen-dark-alpha-absoluto {
    position: absolute;
    background-color: rgba(33, 33, 33, 0.5);
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.grid-imagen-image {
    position: relative;
    min-height: 120px;
}

.grid-imagen-link {
    z-index: 2;
    position: absolute;
    width: auto;
    margin: auto;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    .grid-imagen-link a {
        display: block;
        font-weight: 600;
    }

.col-sm-4 .grid-imagen-link a {
    font-size: 1em;
    font-size: 1vw;
}

.col-sm-6 .grid-imagen-link a {
    font-size: 2em;
    font-size: 2vw;
}

.grid-imagen-link a.button:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.grid-imagen-link a:after {
    content: '\e315';
    display: inline-block;
    font-family: 'Material Icons';
    transition: all 0.3s ease;
    vertical-align: middle;
}

.grid-imagen-middle {
    position: absolute;
    height: 50%;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
}

.grid-imagen-bottom {
    top: auto;
}

.grid-imagen-center {
    text-align: center;
}

.grid-imagen-right {
    left: auto;
    text-align: right;
}

.grid-imagen-left {
    right: auto;
    text-align: left;
}

#user-login-form {
    padding-top: 200px;
}
/******************************************Paragraphs noticia******************************************************/
.news-card {
    display: block;
    max-height: 38rem;
    overflow: hidden;
    margin: 0 0.14286rem;
    position: relative;
}

    .news-card.news-card__small {
        max-height: 19.14286rem;
    }

        .news-card.news-card__small + .news-card.news-card__small {
            margin-top: 0.28571rem;
        }

        .news-card.news-card__small .news-card__content {
            bottom: 0;
        }

        .news-card.news-card__small .news-card__header {
            font-size: 1.28571rem;
        }

    .news-card img {
        position: relative;
        z-index: -1;
        width: 100%;
    }

.news-card__tag {
    background: #fff none repeat scroll 0 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 11px;
    position: absolute;
    right: 22px;
    text-transform: uppercase;
    top: 22px;
    z-index: 2;
}

.news-card__content {
    bottom: 1.42857rem;
    color: #FFF;
    left: 1.42857rem;
    position: absolute;
    overflow: hidden;
    transition: all 0.3s ease;
    width: 90%;
}

.news-card__header {
    color: #fff;
    font-size: 24px;
    margin: 18px 0;
}

.news-card__date {
    color: #B3B3B3;
}

.news-card__excerpt {
    transform: translateY(100%);
    transition: all 0.3s ease;
    z-index: 0;
}

.news-card:hover {
    box-shadow: inset 0 0 0 71.42857rem rgba(0, 0, 0, 0.8);
}

    .news-card:hover > .news-card__content .news-card__excerpt {
        transform: translateY(0%);
    }

    .news-card:hover > .news-card__content {
        transform: translateY(-20%);
    }

.tintup {
    margin-bottom: 150px;
}

@media all and (max-width: 767px) {
    article {
        overflow: hidden;
        width: 100%;
    }

    .slider-principal {
        background: black none repeat scroll 0 0;
    }

    .paragraph--type--slider-full,
    .paragraph--type--slider-full .field--name-field-video,
    .paragraph--type--slider-full .field--name-field-imagen,
    .paragraph--type--slider-full .video-embed-field-responsive-video {
        height: 500px;
    }

        .paragraph--type--slider-full .field--name-field-titulo {
            font-size: 32px;
        }

    .paragraph--type--mosaico-tres .row .moisaico-item {
        border: 4px solid white;
        float: left;
        height: 206px;
        overflow: hidden;
    }

    .paragraph--type--mosaico-tres .moisaico-item {
        float: left;
        height: 206px;
    }

        .paragraph--type--mosaico-tres .moisaico-item .overlay .ovelay-titulo {
            width: 80%;
        }

    .paragraph--type--slider-imagenes {
        width: 100%;
    }

        .paragraph--type--slider-imagenes .field--name-field-subtitulo {
            width: 60%;
        }

    .news-card img {
        height: 350px;
        object-fit: cover;
    }

    .paragraph--type--noticia {
        clear: left;
    }

    nav.tabs li {
        width: 85%;
    }

        nav.tabs li.current:before {
            top: -1;
        }

    .segundo-level__block {
        background: rgba(0, 0, 0, 0) linear-gradient(-180deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%) repeat scroll 0 0;
        color: white;
        position: absolute;
        z-index: 0;
    }

        .segundo-level__block.segundo-level__block__box {
            z-index: -1;
        }

    .segundo-level__info.vertical-align {
        width: 95%;
    }

    .segundo-level__title {
        font-size: 24px;
    }

    .segundo-level__block {
        width: 100%;
    }

    .segundo-level-dark.wow.fadeInRight.animated,
    .segundo-level-light.wow.fadeInLeft.animated,
    .segundo-level-light.wow.fadeInRight.animated,
    .segundo-level-dark.wow.fadeInLeft.animated {
        height: 307px;
    }

    .segundo-level-bottom-horizontal-divider,
    .segundo-level-bottom-dark-alpha .vertical-divider-1st-row,
    .segundo-level-bottom-dark-alpha .vertical-divider-2nd-row,
    .segundo-level-bottom-dark-alpha .vertical-divider-3rd-row {
        display: none;
    }

    .segundo-level-bottom__subtitle {
        text-align: left !important;
        margin: 0px 5%;
        width: 90% !important;
    }

    .segundo-level-bottom .row > [class*="col-sm-"] {
        display: block;
        float: none;
        width: 100%;
    }

    .segundo-level-bottom-4-8.segundo-level-bottom-image .segundo-level-bottom__block {
        height: 16vh !important;
        position: relative !important;
        left: 0px !important;
        bottom: 0px !important;
    }

    .segundo-level-bottom-4-8.segundo-level-bottom-image .col-sm-3.segundo-level-bottom__block.segundo-level-bottom__block__box.segundo-level-bottom__block__box-splitted {
        height: 40vh !important;
    }

    .segundo-level-bottom-dark-alpha .segundo-level-bottom__block {
        background-color: transparent !important;
    }

    .segundo-level-bottom__block__img .row {
        height: 50% !important;
        padding-left: 2% !important;
    }

    .segundo-level-bottom__top_relative {
        position: relative;
        height: 105px;
    }

    .enlace-multiple .segundo-level-bottom__info.vertical-align {
        width: 70%;
    }

    .enlace-multiple .segundo-level-bottom-horizontal-divider {
        display: none;
    }

    .enlace-multiple .segundo-level__title {
        font-size: 1.58571rem;
        font-weight: 400;
        margin-bottom: 0.5rem;
        text-shadow: 1px 1px #999;
        text-transform: uppercase;
    }

    .enlace-multiple .col-md-5.segundo-level-bottom__block {
        width: 100%;
        height: 40%;
        padding-left: 20%;
    }

    .enlace-multiple .col-md-7.segundo-level-bottom__block__box.segundo-level-bottom__block__box-splitted.segundo-level-bottom__block {
        width: 100%;
        padding-left: 27%;
        height: 80%;
    }

    .mosaic div.mosaic-item.is-show {
        position: initial !important;
        width: 100%;
        height: 30vh;
    }

    .col-sm-6 .grid-imagen-link a {
        font-size: 1.5em;
        font-size: 4vw;
    }

    .col-sm-3 .grid-imagen-link a {
        display: block;
        font-weight: 600;
        font-size: 1em;
        font-size: 4vw;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .tercer-nivel .hero-section {
        height: 480px;
    }

    .tercer-nivel .field--name-field-imagen-principal .img-responsive {
        display: block;
        max-width: 100%;
        height: 480px;
    }

    .paragraph--type--slider-full,
    .paragraph--type--slider-full .field--name-field-video,
    .paragraph--type--slider-full .field--name-field-imagen,
    .paragraph--type--slider-full .video-embed-field-responsive-video {
        height: 600px;
    }

    .paragraph--type--slider-imagenes .field--name-field-subtitulo {
        width: 60%;
    }

    .paragraph--type--mosaico-tres .moisaico-item .overlay .ovelay-titulo {
        width: 80%;
    }

    .button {
        font-size: 12px;
        padding: 20px;
    }

    .paragraph--type--noticia {
        clear: none;
    }

    .news-card img {
        height: 400px;
        object-fit: cover;
    }

    .segundo-level__title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .segundo-level__title {
        font-size: 30px;
    }

    .paragraph--type--slider-full,
    .paragraph--type--slider-full .field--name-field-video,
    .paragraph--type--slider-full .field--name-field-imagen,
    .paragraph--type--slider-full .video-embed-field-responsive-video {
        height: 550px;
    }
}

/*********************Imagen fondo link***********************************/
section.imagen-fondo-link,
section.imagen-fondo-link .fondo {
    width: 100%;
    height: 500px;
}

.imagen-dark-alpha {
    background-color: rgba(33, 33, 33, 0.5);
    color: #FFFFFF;
}

section.imagen-fondo-link .fondo a {
    color: #ffffff;
}

section.imagen-fondo-link .container-centrado {
    padding-top: 155px;
    margin: 0 auto;
    width: 400px;
    font-size: 23px;
    font-weight: 500;
}

section.imagen-fondo-link div.container-centrado.text-center span {
    padding-bottom: 25px;
}

    section.imagen-fondo-link div.container-centrado.text-center span.titulo {
        font-size: 30px;
        font-weight: 600;
    }

    section.imagen-fondo-link div.container-centrado.text-center span.linea {
        float: none;
        display: block;
        width: 60px;
        border-top: 3px solid #fff;
        margin: 0 auto;
        clear: both;
    }

    section.imagen-fondo-link div.container-centrado.text-center span a i {
        font-size: 50px;
    }

section.imagen-fondo-link div.container-centrado .file {
    width: auto;
    margin: 0 auto;
}
/*****************************main-navigation*****************************/
.block.block-ultimenu {
    width: 100%;
}

.user-logged-in .toolbar .toolbar-item:hover,
.user-logged-in .toolbar .toolbar-item:focus {
    text-decoration: none;
}

.user-logged-in #toolbar-administration ol,
.user-logged-in #toolbar-administration ul {
    font-size: small;
}

.user-logged-in .toolbar-icon-admin-toolbar-tools-help:before {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.user-logged-in .toolbar-tray a:hover,
.user-logged-in .toolbar-tray a:focus,
.user-logged-in .toolbar-tray a:active,
.user-logged-in .toolbar-tray a.is-active {
    text-decoration: none;
}

.user-logged-in.path-user .toolbar-tray-horizontal ul li.menu-item--expanded:hover ul,
.user-logged-in.path-node .toolbar-tray-horizontal ul li.menu-item--expanded:hover ul,
.user-logged-in.path-frontpage .toolbar-tray-horizontal ul li.menu-item--expanded:hover ul {
    display: none;
}

.user-logged-in .main-navigation {
    margin-top: 80px;
}

    .user-logged-in .main-navigation .ultimenu--htb-tabs-blue > li:hover .ultimenu__flyout,
    .user-logged-in .main-navigation.is-active .ultimenu--htb-tabs-blue > li:hover .ultimenu__flyout {
        margin-left: -9%;
        width: 118%;
    }

.user-logged-in .contextual .contextual-links {
    height: auto !important;
}

.user-logged-in .contextual-region.focus {
    outline: 1px dashed black;
}

.main-navigation {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    will-change: contents;
    z-index: 2;
}

    .main-navigation .ultimenu__item.uitem .ultimenu__flyout {
        border-top: 1px solid white;
        margin-top: -1px;
        padding-bottom: 40px;
    }

    .main-navigation .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] p {
        color: black;
    }

    .main-navigation.is-active {
        background: white;
        box-shadow: 0 0 0.71429rem rgba(0, 0, 0, 0.2);
        position: fixed;
        top: 0px;
    }

        .main-navigation.is-active .primary-nav .breadcrumb {
            background: black;
        }

            .main-navigation.is-active .primary-nav .breadcrumb a,
            .main-navigation.is-active .primary-nav .breadcrumb > .active {
                color: white;
                font-weight: bold;
                cursor: pointer;
            }

        .main-navigation.is-active .primary-nav .ultimenu--htb-tabs-blue .ultimenu__flyout {
            background: white none repeat scroll 0 0;
        }

        .main-navigation.is-active .primary-nav .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] p {
            color: #212121;
        }

        .main-navigation .ultimenu--htb-tabs-blue > li:hover .ultimenu__flyout,
        .main-navigation.is-active .ultimenu--htb-tabs-blue > li:hover .ultimenu__flyout {
            margin-left: 0px;
            width: 100%;
        }

        .main-navigation.is-active .ultimenu--htb-tabs-blue:hover .ultimenu__flyout {
            border-top: 1px solid black;
            margin-top: -1px;
        }

        .main-navigation.is-active .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
            border-color: transparent transparent black transparent;
        }

        .main-navigation.is-active .secondary-nav {
            display: none;
        }

        .main-navigation.is-active .logo {
            fill: black;
        }

        .main-navigation.is-active .nav__trigger,
        .main-navigation.is-active .nav__link a {
            color: #212121;
        }

        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__link,
        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__link.is-active,
        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__flyout a:link,
        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__flyout a:visited,
        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__flyout a:hover,
        .main-navigation.is-active .ultimenu--htb-tabs-blue .ultimenu__flyout a:active {
            color: black;
        }

    .main-navigation.responsive {
        background: white;
    }

        .main-navigation.responsive ul {
            padding: 0px;
        }

        .main-navigation.responsive a {
            color: #212121;
        }

        .main-navigation.responsive .primary-nav {
            height: auto;
        }

            .main-navigation.responsive .primary-nav .nav__link {
                margin-right: 0px;
                padding: 1.07143rem 0rem;
            }

        .main-navigation.responsive .logo {
            fill: #212121;
        }

        .main-navigation.responsive .nav__trigger {
            color: #212121;
        }

.nav__link {
    display: inline-block;
    margin-right: 20px;
}

    .nav__link a {
        color: white;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

        .nav__link a:hover,
        .nav__link a:focus {
            opacity: 0.8;
        }

.nav__trigger {
    display: none;
    color: white;
    bottom: 45px;
    text-align: right;
}

    .nav__trigger .material-icons {
        font-size: 65px;
    }
/*****************************primary-nav*****************************/
.primary-nav {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    clear: both;
    position: relative;
    text-transform: uppercase;
}

    .primary-nav .container {
        height: 70%;
        width: 95%;             
    }

    .primary-nav ul {
        padding-left: 0px;
    }

    .primary-nav .nav__link {
        margin-right: 3%;
        margin-left: 0px;
    }

.primary-nav__logo {
    fill: #ffffff;
    height: 40px;
    left: 50%;
    margin-bottom: 20px;
    margin-left: -95px;
    margin-top: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 9;
}

.primary-nav .ultimenu--htb-tabs-blue .ultimenu__flyout {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
}

    .primary-nav .ultimenu--htb-tabs-blue .ultimenu__flyout .nav__link.is-show ul.vertical-menu {
        border-top: 2px solid black;
    }

.primary-nav .breadcrumb {
    position: absolute;
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-top: 1px;
}

    .primary-nav .breadcrumb a,
    .primary-nav .breadcrumb > .active {
        color: white;
        font-weight: bold;
        cursor: pointer;
    }

    .primary-nav .breadcrumb > li + li:before {
        color: white;
    }
/*****************************secondary-nav*****************************/
.secondary-nav.nav ul {
    margin: 10px 0px;
    padding: 0px;
}

.secondary-nav.nav a:hover,
.secondary-nav.nav a:focus {
    text-decoration: none;
}

.secondary-nav .nav__link a {
    font-size: 10px;
}

    .secondary-nav .nav__link a i {
        vertical-align: middle;
        padding-left: 10px;
    }

.secondary-nav .block-dropdown-language .nav__link {
    margin: 0px;
}
/*****************************ultimenu--htb-tabs-blue*****************************/
.button.button--ultimenu {
    display: none;
}

.ultimenu {
    position: static;
}

.ultimenu__flyout {
    border-radius: 0px;
}

    .ultimenu__flyout.container_menu {
        margin: 0px auto;
        display: flex !important;
        align-items: center;
    }

        .ultimenu__flyout.container_menu ul li.nav__link.is-show {
            width: 16%;
        }

            .ultimenu__flyout.container_menu ul li.nav__link.is-show a {
                font-size: 12px;
                border-bottom: 0px;
                text-decoration: none;
            }

        .ultimenu__flyout.container_menu ul.vertical-menu li.nav__link.is-show {
            width: 100%;
        }

.ultimenu--htb-tabs-blue .ultimenu__link {
    border: 0px;
}

.ultimenu--htb-tabs-blue > li {
    width: calc(95%/7);
}

.ultimenu--htb-tabs-blue li + li + li {
    margin-right: 170px;
}

.ultimenu--htb-tabs-blue li + .ultimenu__item.uitem.has-ultimenu .ultimenu__link {
    text-align: center;
}

.ultimenu--htb-tabs-blue li + li + li + li + li + .ultimenu__item.uitem.has-ultimenu .ultimenu__link {
    text-align: center;
}

.ultimenu--htb-tabs-blue li + li + li + li.ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
    margin-left: -20px;
}

.ultimenu--htb-tabs-blue li + li + li + li + li + .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
    margin-left: 10px;
}

.ultimenu--htb-tabs-blue li + li + li + li {
    margin-right: 0px;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem:hover > a,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a {
    background-color: transparent;
    margin-bottom: 0px;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__link {
    font-size: 14px;
    font-family: "Raleway", sans-serif;
    font-weight: 600;
    text-align: center;
    padding: 30px 0px;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:first-child .ultimenu__link {
    text-align: left;
}

.ultimenu--htb-tabs-blue .ultimenu__link:hover,
.ultimenu--htb-tabs-blue .ultimenu__link:focus,
.ultimenu--htb-tabs-blue .ultimenu__link:link,
.ultimenu--htb-tabs-blue .ultimenu__link:active,
.ultimenu--htb-tabs-blue .ultimenu__link:visited,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:hover,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:focus,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:link,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:active,
.ultimenu--htb-tabs-blue .ultimenu__flyout a:visited {
    color: white;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:after,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
    top: 80%;
    left: 50%;
    border: solid transparent;
    content: " ";
    position: absolute;
    pointer-events: none;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
    margin-left: -30px;
    border-style: solid;
    border-width: 0px 20px 15px 20px;
    border-color: transparent transparent white transparent;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a:hover,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a:focus,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a:link,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a:active,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover > a:visited,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__link.is-active {
    border: 0px;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout a:hover,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout a:focus,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout a:link,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout a:active,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout a:visited {
    color: black;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu nav {
    width: 97%;
    margin: 0px 3%;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu nav {
    margin: 0px 40px;
}

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] {
    width: 23%;
    height: 500px;
    margin-left: 3%;
    padding-right: 3%;
    border-right: 2px solid black;
}

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] p {
        font-size: 15px;
        text-transform: initial;
    }

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] img {
        display: block;
        width: auto;
        margin: auto;
        margin-bottom: 20%;
    }

.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu ul,
.ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu ul.vertical-menu {
    display: table;
    width: 100%;
    height: 450px;
}
/*****************************footer*****************************/
footer {
    background: #952241;
    font-weight: 800;
    color: white;
    text-transform: uppercase;
    margin: 0px;
}

    footer > .container {
        padding: 60px 0px;
    }

    footer .container .footer__logo {
        fill: white;
    }

    footer .container .block-logo-footer,
    footer .container #block-redessociales {
        float: left;
        width: 25%;
    }

        footer .container #block-redessociales ul {
            margin: 0px;
            padding: 0px;
        }

    footer .container #block-menufooter {
        float: left;
        width: 40%;
    }

        footer .container #block-menufooter ul {
            margin-bottom: 0px;
        }

    footer .container #block-dropdownlanguageselector-2 {
        float: left;
        width: 10%;
    }

    footer .container h2 {
        font-size: 12px;
        font-weight: 800;
        font-family: "Raleway", sans-serif;
        margin: 0px;
        margin-bottom: 10px;
    }

    footer .container a,
    footer .container p,
    footer .container p a {
        color: white;
    }

    footer .container li.footer__link {
        float: left;
        width: 15%;
    }

        footer .container li.footer__link a.icon {
            margin: 0px;
        }

            footer .container li.footer__link a.icon.facebook,
            footer .container li.footer__link a.icon.twitter,
            footer .container li.footer__link a.icon.linkedin {
                zoom: 0.8;
                -moz-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -o-transform: scale(0.8);
                -ms-transform: scale(0.8);
            }

            footer .container li.footer__link a.icon.instagram,
            footer .container li.footer__link a.icon.youtube {
                zoom: 0.7;
                -moz-transform: scale(0.7);
                -webkit-transform: scale(0.7);
                -o-transform: scale(0.7);
                -ms-transform: scale(0.7);
            }

    footer .footer__legal {
        border-top: 1px solid #B89659;
    }

        footer .footer__legal #block-direccion {
            float: left;
            width: 60%;
            font-size: 10px;
            padding: 40px 0px;
        }

        footer .footer__legal #block-avisolegal {
            float: left;
            width: 40%;
            font-size: 10px;
            text-align: right;
            padding: 40px 0px;
        }
/*****************************scroll-element*****************************/
a.scroll-element {
    position: absolute;
    z-index: 2;
    display: block;
    margin-top: 0px;
    margin-left: -50px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: opacity .3s;
}

    a.scroll-element span {
        position: absolute;
        width: 46px;
        height: 46px;
        border: 3px solid black;
        border-radius: 100%;
    }

        a.scroll-element span::before {
            position: absolute;
            content: '';
            width: 40px;
            height: 40px;
            box-shadow: 0 0 0 0 rgba(255,255,255,.1);
            border-radius: 100%;
            -webkit-animation: sdb03 3s infinite;
            animation: sdb03 3s infinite;
        }

        a.scroll-element span::after {
            position: absolute;
            top: 50%;
            left: 50%;
            content: '';
            width: 16px;
            height: 16px;
            margin: -12px 0 0 -8px;
            border-left: 3px solid black;
            border-bottom: 3px solid black;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

    a.scroll-element.top span::after {
        margin: -5px 0 0 -8px;
        border-right: 3px solid black;
        border-top: 3px solid black;
        border-left: 0px;
        border-bottom: 0px;
    }
/*****************************circliful*****************************/
.circliful .outer {
    fill: transparent;
    stroke: #212121;
    stroke-width: 19.8;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-89deg) translateX(-190px);
}

.circliful .inner {
    fill: transparent;
    stroke: orange;
    stroke-width: 20;
    stroke-dasharray: 534;
    transition: stroke-dashoffset 1s;
    -webkit-animation-play-state: running;
    -moz-transform: rotate(-89deg) translateX(-190px);
    stroke-dashoffset: 0;
}

.circliful {
    overflow: visible !important;
}

.svg-container {
    width: 50%;
    margin: 0px auto;
    overflow: visible;
}

svg .icon {
    font-family: FontAwesome !important;
}
/*****************************module-social_networks*****************************/
a.icon {
    width: 42px;
    height: 42px;
    background-position: center center;
    justify-content: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px;
}

    a.icon.facebook {
        background-image: url(simple/images/facebook-icon.png);
    }

    a.icon.twitter {
        background-image: url(simple/images/twitter-icon.png);
    }

    a.icon.linkedin {
        background-image: url(simple/images/linkedin-icon.png);
    }

    a.icon.instagram {
        background-image: url(simple/images/instagram-icon.png);
    }

    a.icon.youtube {
        background-image: url(simple/images/youtube-icon.png);
    }

    a.icon.facebook,
    a.icon.twitter,
    a.icon.linkedin {
        zoom: 0.9;
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
    }
/*****************************module-sliders__slider*****************************/
.module-sliders__slider {
    position: relative;
    transition: all 0.2s ease;
    background: black;
    height: 350px;
}

    .module-sliders__slider:hover {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        cursor: pointer;
    }

    .module-sliders__slider img {
        height: 100%;
    }

    .module-sliders__slider:hover img {
        height: 92%;
    }

    .module-sliders__slider .module-sliders__slider-title {
        color: white;
        font-family: "Georgia", serif !important;
        font-size: 18px;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1;
    }

    .module-sliders__slider .module-sliders__slider-phrase {
        color: white;
        padding-left: 20px;
        position: absolute;
        top: 80px;
    }

        .module-sliders__slider .module-sliders__slider-phrase .phrase {
            display: block;
            font-size: 22px;
            margin-bottom: 20px;
            margin-right: 20px;
        }

        .module-sliders__slider .module-sliders__slider-phrase .phrase-author {
            font-family: "Georgia", serif !important;
            font-size: 16px;
            margin-right: 10px;
        }

    .module-sliders__slider:hover .module-sliders__slider-footer {
        background: black;
        bottom: -6%;
        padding: 2rem;
    }

        .module-sliders__slider:hover .module-sliders__slider-footer .material-icons {
            display: block;
            opacity: 1;
        }

    .module-sliders__slider .bx-wrapper {
        height: 100%;
        margin: 0px;
    }

        .module-sliders__slider .bx-wrapper .bx-pager {
            display: none;
        }

        .module-sliders__slider .bx-wrapper .bx-controls-direction a {
            word-wrap: normal;
            text-decoration: none;
        }

    .module-sliders__slider .bxslider,
    .module-sliders__slider .bx-viewport {
        height: 100%;
    }

        .module-sliders__slider .bxslider li {
            overflow: hidden;
            height: 100%;
        }

    .module-sliders__slider:hover .bxslider li {
        overflow: unset;
    }
/*****************************view-campus module-branches__virtualtour*****************************/
.view-campus .view-filters {
    float: right;
    margin-right: 100px;
    margin-top: -100px;
}

.view-campus .view-content {
    overflow: hidden;
    width: 100%;
}

    .view-campus .view-content .row:nth-child(2) {
        background: #212121 none repeat scroll 0 0;
        padding: 60px;
    }

        .view-campus .view-content .row:nth-child(2) .icon-dron,
        .view-campus .view-content .row:nth-child(2) .icon-street,
        .view-campus .view-content .row:nth-child(2) .material-icons {
            font-size: 19px;
            width: 30px;
            margin-right: 20px;
        }

    .view-campus .view-content .icon-dron {
        background: transparent url(simple/images/dron-icon-black.png) center top no-repeat;
        width: 30px;
        height: 15px;
    }

    .view-campus .view-content .icon-street {
        background: transparent url(simple/images/street-icon-black.png) center top no-repeat;
        width: 30px;
        height: 15px;
    }

    .view-campus .view-content .button-light:hover .icon-dron {
        background: transparent url(simple/images/dron-icon.png) center top no-repeat;
    }

    .view-campus .view-content .button-light:hover .icon-street {
        background: transparent url(simple/images/street-icon.png) center top no-repeat;
    }

.view-campus .module-branches__virtualtour {
    position: relative;
}

    .view-campus .module-branches__virtualtour .field--name-field-imagen img {
        object-fit: cover;
        width: 100%;
        height: 500px;
    }

    .view-campus .module-branches__virtualtour .responsive-video {
        width: 100%;
        height: 900px;
        position: absolute;
        top: -135px;
    }

        .view-campus .module-branches__virtualtour .responsive-video iframe,
        .view-campus .module-branches__virtualtour .responsive-video object,
        .view-campus .module-branches__virtualtour .responsive-video embed {
            top: 0;
            left: 0;
            position: absolute;
            width: 100%;
            height: 100%;
        }

    .view-campus .module-branches__virtualtour .mbYTP_wrapper {
        z-index: 1 !important;
    }

.view-campus .module-branches__virtualtour-details {
    text-shadow: 4px 4px 6px rgba(15, 17, 19, 1);
    position: absolute;
    color: white;
    left: 9%;
    bottom: 10%;
    width: 30%;
}

    .view-campus .module-branches__virtualtour-details p {
        font-family: "Georgia", serif;
        font-size: 18px;
    }

    .view-campus .module-branches__virtualtour-details .city {
        font-size: 36px;
        font-weight: 700;
    }

    .view-campus .module-branches__virtualtour-details .location {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 10px;
    }

.view-campus .module-branches__virtualtour #street-view {
    height: 650px;
}

.view-campus .module-branches__virtualtour #street-view-close {
    background: #212121 none repeat scroll 0 0;
    padding: 20px;
    position: absolute;
    display: none;
    right: 5%;
    top: 10%;
    z-index: 1;
}
/*****************************file-link.html.twig*****************************/
.field--name-field-archivo .text-primary {
    color: black;
}

.field--name-field-archivo a,
.field--name-field-archivo a:hover,
.field--name-field-archivo a:focus {
    font-size: 14px;
    color: black;
    text-decoration: none;
}

.field--name-field-archivo .col-md-10 {
    border-left: 1px solid #C2C2C2;
}

    .field--name-field-archivo .col-md-10 .glyphicon-download-alt {
        padding-left: 15%;
    }
/*****************************paragraph--dos_columnas.html.twig*****************************/
.paragraph--type--dos-columnas {
    clear: left;
}

    .paragraph--type--dos-columnas .black {
        color: white;
        padding: 0px;
    }

        .paragraph--type--dos-columnas .black:first-child div {
            background: #212121 none repeat scroll 0 0;
            margin-left: -100%;
            padding: 40px 20px 40px 100%;
        }

    .paragraph--type--dos-columnas .white {
        background: white;
        color: black;
        padding: 25px 15px;
    }

        .paragraph--type--dos-columnas .white + .black div {
            background: #212121 none repeat scroll 0 0;
            margin-right: -100%;
            padding: 40px 100% 40px 20px;
        }

    .paragraph--type--dos-columnas h2,
    .paragraph--type--dos-columnas h3,
    .paragraph--type--dos-columnas h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--dos-columnas h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--dos-columnas h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--dos-columnas h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--dos-columnas ol,
    .paragraph--type--dos-columnas ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--dos-columnas p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--dos-columnas p + p {
            margin-top: 20px;
        }

    .paragraph--type--dos-columnas a,
    .paragraph--type--dos-columnas a:hover,
    .paragraph--type--dos-columnas a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--columnas.html.twig*****************************/
.paragraph--type--columnas {
    clear: left;
}

    .paragraph--type--columnas .black {
        background: #212121;
        color: white;
        padding: 40px 0px;
    }

    .paragraph--type--columnas h2,
    .paragraph--type--columnas h3,
    .paragraph--type--columnas h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--columnas h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--columnas h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--columnas h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--columnas ol,
    .paragraph--type--columnas ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--columnas p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--columnas p + p {
            margin-top: 20px;
        }

    .paragraph--type--columnas a,
    .paragraph--type--columnas a:hover,
    .paragraph--type--columnas a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }

    .paragraph--type--columnas .black a,
    .paragraph--type--columnas .black a:hover,
    .paragraph--type--columnas .black a:focus {
        color: white;
    }
/*****************************paragraph--columnas_alternas_icono.html.twig*****************************/
.paragraph--type--columnas-alternas-icono {
    text-align: justify;
    float: left;
    width: 100%;
}

    .paragraph--type--columnas-alternas-icono h2,
    .paragraph--type--columnas-alternas-icono h3,
    .paragraph--type--columnas-alternas-icono h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--columnas-alternas-icono h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--columnas-alternas-icono h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--columnas-alternas-icono h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--columnas-alternas-icono ol,
    .paragraph--type--columnas-alternas-icono ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--columnas-alternas-icono p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--columnas-alternas-icono p + p {
            margin-top: 20px;
        }

    .paragraph--type--columnas-alternas-icono a,
    .paragraph--type--columnas-alternas-icono a:hover,
    .paragraph--type--columnas-alternas-icono a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }

.icon-right {
    padding-right: 40px;
    background: #FAFAFA;
    border-right: 1px solid #C2C2C2;
}

.icon-left {
    padding-left: 40px;
    background: #FAFAFA;
    border-left: 1px solid #C2C2C2;
}

    .icon-right:after,
    .icon-left:after {
        content: "";
        width: 27px;
        height: 27px;
        background: url(simple/images/birrete-icon.png) no-repeat center center;
        position: absolute;
        top: 50%;
        right: -15px;
    }

    .icon-left:after {
        left: -15px;
    }
/*****************************paragraph--contacto.html.twig*****************************/
.paragraph--type--contacto {
    margin: 3em 0;
    float: left;
    width: 100%;
}

    .paragraph--type--contacto .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .paragraph--type--contacto .content {
        float: left;
        width: 60%;
        padding: 0px 15px;
    }

        .paragraph--type--contacto .content + .content {
            border-left: 1px solid #C2C2C2;
            width: 40%;
        }

    .paragraph--type--contacto .field--name-field-nombre,
    .paragraph--type--contacto .field--name-field-enlace {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .paragraph--type--contacto .field--name-field-puesto,
    .paragraph--type--contacto .field--name-field-telefono {
        font-size: 14px;
        color: #C2C2C2;
    }
/*****************************paragraph--contador.html.twig*****************************/
.paragraph--type--contador .col-md-6:first-child {
    background-size: cover;
    color: white;
    text-align: center;
    padding: 0px;
    height: 385px;
}

    .paragraph--type--contador .col-md-6:first-child em {
        font-family: "Georgia", serif !important;
        font-size: 24px;
        display: block;
    }

.paragraph--type--contador .field--name-field-numero {
    font-size: 200px;
}
/*****************************paragraph--contenido_columnas.html.twig*****************************/
.paragraph--type--contenido-columnas {
    clear: left;
}

    .paragraph--type--contenido-columnas .black {
        background: #212121;
        color: white;
        padding: 40px 0px;
    }

    .paragraph--type--contenido-columnas .white {
        background: white;
        padding: 40px 0px;
    }

    .paragraph--type--contenido-columnas .field_archivo {
        border-left: 1px solid #C2C2C2;
        margin-bottom: 20px;
    }

    .paragraph--type--contenido-columnas .glyphicon-download-alt {
        padding-left: 15%;
    }

    .paragraph--type--contenido-columnas h2,
    .paragraph--type--contenido-columnas h3,
    .paragraph--type--contenido-columnas h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--contenido-columnas h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--contenido-columnas h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--contenido-columnas h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--contenido-columnas ol,
    .paragraph--type--contenido-columnas ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--contenido-columnas p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-columnas p + p {
            margin-top: 20px;
        }

    .paragraph--type--contenido-columnas a,
    .paragraph--type--contenido-columnas a:hover,
    .paragraph--type--contenido-columnas a:focus {
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
    }

    .paragraph--type--contenido-columnas .black a,
    .paragraph--type--contenido-columnas .black a:hover,
    .paragraph--type--contenido-columnas .black a:focus,
    .paragraph--type--contenido-columnas .black .field_archivo a,
    .paragraph--type--contenido-columnas .black .field_archivo a:hover,
    .paragraph--type--contenido-columnas .black .field_archivo a:focus {
        color: white;
    }

    .paragraph--type--contenido-columnas .black .field_archivo a {
        font-size: 14px;
    }

    .paragraph--type--contenido-columnas .white .field_archivo a,
    .paragraph--type--contenido-columnas .white .field_archivo a:hover,
    .paragraph--type--contenido-columnas .white .field_archivo a:focus {
        color: #757575;
    }
/*****************************paragraph--contenido_columnas_color.html.twig*****************************/
.paragraph--type--contenido-columnas-color .black {
    background: #212121;
    color: white;
    border: 2.5px solid white;
}

.paragraph--type--contenido-columnas-color .white {
    background: white;
    border: 2.5px solid white;
}

.paragraph--type--contenido-columnas-color .black,
.paragraph--type--contenido-columnas-color .white {
    padding: 20px;
    display: flex;
    align-items: center;
}

.paragraph--type--contenido-columnas-color h2,
.paragraph--type--contenido-columnas-color h3,
.paragraph--type--contenido-columnas-color h4 {
    margin: 0px;
    margin-bottom: 2rem;
}

.paragraph--type--contenido-columnas-color h2 {
    font-size: 48px;
    font-weight: bold;
}

.paragraph--type--contenido-columnas-color h3 {
    font-size: 32px;
    font-weight: bold;
}

.paragraph--type--contenido-columnas-color h4 {
    font-size: 24px;
    font-weight: 900;
}

.paragraph--type--contenido-columnas-color ol,
.paragraph--type--contenido-columnas-color ul {
    font-family: "Georgia", serif !important;
    font-style: italic;
    list-style: disc;
}

.paragraph--type--contenido-columnas-color p {
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .paragraph--type--contenido-columnas-color p + p {
        margin-top: 20px;
    }

.paragraph--type--contenido-columnas-color a,
.paragraph--type--contenido-columnas-color a:hover,
.paragraph--type--contenido-columnas-color a:focus {
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

.paragraph--type--contenido-columnas-color .black a,
.paragraph--type--contenido-columnas-color .black a:hover,
.paragraph--type--contenido-columnas-color .black a:focus {
    color: white;
}

.paragraph--type--contenido-columnas-color .white a,
.paragraph--type--contenido-columnas-color .white a:hover,
.paragraph--type--contenido-columnas-color .white a:focus {
    color: #757575;
}
/*****************************paragraph--contenido_comite.html.twig*****************************/
.paragraph--type--contenido-comite .advice-committe_select {
    float: right;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 10px 15px;
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 20px;
}

    .paragraph--type--contenido-comite .advice-committe_select:hover,
    .paragraph--type--contenido-comite .advice-committe_select:focus {
        background: #212121;
        color: white;
    }

    .paragraph--type--contenido-comite .advice-committe_select option {
        background: white;
        color: black;
        font-weight: bold;
    }

.paragraph--type--contenido-comite .advice-committe_image {
    display: block;
    position: relative;
}

.paragraph--type--contenido-comite .advice-committe_name {
    background: black;
    left: 0px;
    bottom: 0px;
    font-size: 24px;
    font-weight: 900;
    color: white;
    width: 80%;
    position: absolute;
}

    .paragraph--type--contenido-comite .advice-committe_name:before {
        background: black;
        right: 0px;
        content: '';
        display: block;
        width: 50px;
        height: 100%;
        position: absolute;
        transform: skewX(15deg) translateX(50%);
    }

    .paragraph--type--contenido-comite .advice-committe_name div {
        margin: 20px;
    }

.paragraph--type--contenido-comite .advice-committe_content {
    line-height: 25px;
    font-size: 16px;
}

    .paragraph--type--contenido-comite .advice-committe_content h2,
    .paragraph--type--contenido-comite .advice-committe_content h3,
    .paragraph--type--contenido-comite .advice-committe_content h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--contenido-comite .advice-committe_content h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--contenido-comite .advice-committe_content h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--contenido-comite .advice-committe_content h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--contenido-comite .advice-committe_content ol,
    .paragraph--type--contenido-comite .advice-committe_content ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--contenido-comite .advice-committe_content p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-comite .advice-committe_content p + p {
            margin-top: 20px;
        }
/*****************************paragraph--contenido_ex_presidente.html.twig*****************************/
.paragraph--type--contenido-ex-presidente h2,
.paragraph--type--contenido-ex-presidente h3,
.paragraph--type--contenido-ex-presidente h4 {
    margin: 2rem 0;
}

.paragraph--type--contenido-ex-presidente h2 {
    font-size: 48px;
    font-weight: bold;
}

.paragraph--type--contenido-ex-presidente h3 {
    font-size: 32px;
    font-weight: bold;
}

.paragraph--type--contenido-ex-presidente h4 {
    font-size: 24px;
    font-weight: 900;
}

.paragraph--type--contenido-ex-presidente .img-responsive {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.paragraph--type--contenido-ex-presidente .expresidents__length {
    font-family: "Georgia", serif !important;
    font-size: 18px;
    color: #757575;
    display: block;
    margin-bottom: 20px;
}

.paragraph--type--contenido-ex-presidente .expresidents__motto {
    font-family: "Georgia", serif !important;
    font-size: 24px;
    display: inline-block;
    width: 85%;
}

    .paragraph--type--contenido-ex-presidente .expresidents__motto p {
        margin-bottom: 20px;
    }
/*****************************paragraph--contenido_grafica_barras.html.twig*****************************/
.paragraph--type--contenido-grafica-barras {
    clear: left;
    margin-top: 40px;
}

    .paragraph--type--contenido-grafica-barras .field--name-field-titulo {
        font-size: 24px;
        font-weight: 900;
        width: 100%;
    }

    .paragraph--type--contenido-grafica-barras div.number,
    .paragraph--type--contenido-grafica-barras div.percent {
        font-size: 52px;
        font-weight: bold;
        width: 100%;
    }

    .paragraph--type--contenido-grafica-barras .progress {
        background: black;
        margin: 20px 0px;
        width: 100%;
    }

    .paragraph--type--contenido-grafica-barras p {
        line-height: 25px;
        font-size: 20px;
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-grafica-barras p + p {
            margin-top: 20px;
        }
/*****************************paragraph--contenido_grafica_circular.html.twig*****************************/
.paragraph--type--contenido-grafica-circular {
    clear: left;
}

    .paragraph--type--contenido-grafica-circular div.number {
        font-size: 46px;
        font-weight: bold;
        width: 100%;
    }

    .paragraph--type--contenido-grafica-circular .statistics .row {
        padding-top: 60px;
    }

        .paragraph--type--contenido-grafica-circular .statistics .row.border-bottom {
            border-bottom: 2.5px solid black;
        }

            .paragraph--type--contenido-grafica-circular .statistics .row.border-bottom:first-child {
                padding-top: 0px;
            }

    .paragraph--type--contenido-grafica-circular .col-md-5,
    .paragraph--type--contenido-grafica-circular .col-md-6,
    .paragraph--type--contenido-grafica-circular .col-md-7 {
        display: flex;
        align-items: center;
    }

    .paragraph--type--contenido-grafica-circular .right p {
        font-size: 24px;
        text-align: right;
        width: 100%;
    }

    .paragraph--type--contenido-grafica-circular p {
        line-height: 25px;
        font-size: 18px;
    }

        .paragraph--type--contenido-grafica-circular p + p {
            margin-top: 20px;
        }
/*****************************paragraph--contenido_imagen_numeros.html.twig*****************************/
.paragraph--type--contenido-imagen-numeros {
    background-position: center center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    color: white;
    padding: 20px 0px;
}

    .paragraph--type--contenido-imagen-numeros .overlay {
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 0;
    }

    .paragraph--type--contenido-imagen-numeros .padding {
        padding: 20px 15px;
    }

    .paragraph--type--contenido-imagen-numeros strong,
    .paragraph--type--contenido-imagen-numeros div.number {
        font-size: 52px;
        font-weight: bold;
        width: 100%;
    }

    .paragraph--type--contenido-imagen-numeros p {
        line-height: 25px;
        font-size: 22px;
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-imagen-numeros p + p {
            margin-top: 20px;
        }
/*****************************paragraph--contenido_imagen_tabs.html.twig*****************************/
.paragraph--type--contenido-imagen-tabs {
    clear: left;
}

    .paragraph--type--contenido-imagen-tabs .img-responsive {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .paragraph--type--contenido-imagen-tabs .row:first-child div.is-active {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        cursor: pointer;
    }

    .paragraph--type--contenido-imagen-tabs .row:first-child div h5 {
        font-weight: bold;
        margin-bottom: 20px;
    }

    .paragraph--type--contenido-imagen-tabs .horizontal-divider {
        background: #C2C2C2;
        margin-bottom: 20px;
        width: 100%;
        height: 1px;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content ol,
    .paragraph--type--contenido-imagen-tabs .tabs-content ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content h2,
    .paragraph--type--contenido-imagen-tabs .tabs-content h3,
    .paragraph--type--contenido-imagen-tabs .tabs-content h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--contenido-imagen-tabs .tabs-content p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-imagen-tabs .tabs-content p + p {
            margin-top: 20px;
        }

    .paragraph--type--contenido-imagen-tabs .tabs-content a,
    .paragraph--type--contenido-imagen-tabs .tabs-content a:hover,
    .paragraph--type--contenido-imagen-tabs .tabs-content a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--contenido_numeros.html.twig*****************************/
.paragraph--type--contenido-numeros {
    clear: left;
}

    .paragraph--type--contenido-numeros [class*="col-md"] {
        padding: 20px 15px;
    }

    .paragraph--type--contenido-numeros .black {
        background: black;
        color: white;
    }

        .paragraph--type--contenido-numeros .black [class*="col-md"] {
            padding: 40px 15px;
        }

            .paragraph--type--contenido-numeros .black [class*="col-md"].top {
                padding: 80px 15px;
            }

        .paragraph--type--contenido-numeros .black .border-right [class*="col-md"],
        .paragraph--type--contenido-numeros .black .border-left [class*="col-md"] {
            padding: 0px 15px;
            min-height: 100px;
            display: flex;
            align-items: center;
        }

    .paragraph--type--contenido-numeros p {
        line-height: 25px;
        font-size: 18px;
    }

        .paragraph--type--contenido-numeros p + p {
            margin-top: 20px;
        }

    .paragraph--type--contenido-numeros div.number {
        font-size: 56px;
        font-weight: bold;
        width: 100%;
    }

    .paragraph--type--contenido-numeros .diagonal {
        font-size: 82px;
    }

    .paragraph--type--contenido-numeros .border-bottom,
    .paragraph--type--contenido-numeros .text-right {
        padding-bottom: 20px !important;
        border-bottom: 2.5px solid black;
        display: flex;
        align-items: center;
    }

    .paragraph--type--contenido-numeros .black .border-bottom,
    .paragraph--type--contenido-numeros .black .text-right {
        padding-bottom: 20px !important;
        border-bottom: 2.5px solid white;
        display: flex;
        align-items: center;
    }

    .paragraph--type--contenido-numeros .row:nth-last-child(2) .border-bottom,
    .paragraph--type--contenido-numeros .row:nth-last-child(2) .text-right,
    .paragraph--type--contenido-numeros .black .row:nth-last-child(2) .border-bottom,
    .paragraph--type--contenido-numeros .black .row:nth-last-child(2) .text-right {
        border-bottom: 0px;
    }

    .paragraph--type--contenido-numeros .border-right {
        border-right: 2.5px solid black;
    }

    .paragraph--type--contenido-numeros .border-left {
        border-left: 2.5px solid black;
    }

    .paragraph--type--contenido-numeros .black .border-right {
        border-right: 2.5px solid white;
    }

    .paragraph--type--contenido-numeros .black .border-left {
        border-left: 2.5px solid white;
    }

    .paragraph--type--contenido-numeros .border-bottom p {
        font-size: 24px;
    }
/*****************************paragraph--fotografia.html.twig*****************************/
.module-chairman {
    position: relative;
    background: white;
}

.module-chairman__blocks {
    position: absolute;
    right: 0px;
    top: -150px;
}

    .module-chairman__blocks.fixed {
        position: fixed;
        top: 55px !important;
    }

    .module-chairman__blocks.freeze {
        position: absolute;
        bottom: 0px;
        top: auto !important;
    }

.module-chairman__blocks-block {
    background-size: cover;
    color: white;
    border: 5px solid white;
    border-right: none;
    overflow: hidden;
    width: 350px;
    height: 300px;
}

    .module-chairman__blocks-block:nth-child(2) {
        border-top: none;
        height: auto;
    }

    .module-chairman__blocks-block .bx-wrapper .bx-controls-direction {
        top: 10px !important;
    }

.paragraph--type--fotografia .module-chairman__blocks-block .module-chairman__blocks-body {
    position: absolute;
    top: 185px;
    left: 20px;
}

.paragraph--type--fotografia .module-chairman__blocks-block .chairman-name {
    font-size: 24px;
    font-weight: 600;
    margin: 0px;
}

.paragraph--type--fotografia .module-chairman__blocks-block .chairman-position {
    font-family: "Georgia", serif !important;
    font-size: 24px;
}

.paragraph--type--fotografia .module-chairman__blocks-block .chairman-networks a.icon {
    margin: 0px;
    margin-right: 10px;
}
/*****************************paragraph--grid.html.twig*****************************/
.paragraph--type--grid .module-organization__row {
    float: left;
    width: 20%;
    border: 2.5px solid white;
}

.paragraph--type--grid .module-organization__person .field--name-field-imagen-background {
    color: #757575;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px auto;
}

    .paragraph--type--grid .module-organization__person .field--name-field-imagen-background:first-child {
        width: 100%;
    }

        .paragraph--type--grid .module-organization__person .field--name-field-imagen-background:first-child img {
            -webkit-filter: grayscale(1);
        }

.paragraph--type--grid .module-organization__person.is-active .field--name-field-imagen-background:first-child img {
    -webkit-filter: grayscale(0);
}

.paragraph--type--grid .module-organization__person .module-organization__title {
    background: black;
    color: white;
    height: 250px;
    padding: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.paragraph--type--grid .module-organization__person a {
    text-decoration: none;
    cursor: pointer;
}

.paragraph--type--grid .module-organization__person .number {
    background: black;
    color: white;
    display: block;
    font-size: 150px;
    font-weight: 100;
    height: 250px;
    text-align: center;
    width: 100%;
}

.paragraph--type--grid .module-organization__person.is-active .module-organization__person-bio {
    background: black;
}

.paragraph--type--grid .module-organization__person .number:hover,
.paragraph--type--grid .module-organization__person .number:focus,
.paragraph--type--grid .module-organization__person .module-organization__title:hover,
.paragraph--type--grid .module-organization__person .module-organization__title:focus,
.paragraph--type--grid .module-organization__person.is-active .number,
.paragraph--type--grid .module-organization__person.is-active .module-organization__title {
    background: #01C47E;
}

.paragraph--type--grid .module-organization__person-bio {
    background: black;
    color: white;
    display: none;
    padding: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 5;
}

    .paragraph--type--grid .module-organization__person-bio .flex-center {
        min-height: 350px;
    }

    .paragraph--type--grid .module-organization__person-bio .field--name-field-titulo {
        text-align: left;
    }

    .paragraph--type--grid .module-organization__person-bio .person-bio__name {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .paragraph--type--grid .module-organization__person-bio .person-bio__actions a.close {
        display: inline-block;
        width: 100%;
    }

    .paragraph--type--grid .module-organization__person-bio .person-bio__actions a .material-icons {
        font-size: 45px;
        color: white;
        float: right;
        transform: translateX(0);
    }

.paragraph--type--grid .field--name-field-titulo {
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    width: 100%;
}

.paragraph--type--grid .field--name-field-descripcion h2,
.paragraph--type--grid .field--name-field-descripcion h3,
.paragraph--type--grid .field--name-field-descripcion h4 {
    margin: 0px;
    margin-bottom: 2rem;
}

.paragraph--type--grid .field--name-field-descripcion h2 {
    font-size: 48px;
    font-weight: bold;
}

.paragraph--type--grid .field--name-field-descripcion h3 {
    font-size: 32px;
    font-weight: bold;
}

.paragraph--type--grid .field--name-field-descripcion h4 {
    font-size: 24px;
    font-weight: 900;
}

.paragraph--type--grid .field--name-field-descripcion ol,
.paragraph--type--grid .field--name-field-descripcion ul {
    font-family: "Georgia", serif !important;
    font-style: italic;
    list-style: disc;
}

.paragraph--type--grid .field--name-field-descripcion p {
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .paragraph--type--grid .field--name-field-descripcion p + p {
        margin-top: 20px;
    }

.paragraph--type--grid .field--name-field-descripcion a,
.paragraph--type--grid .field--name-field-descripcion a:hover,
.paragraph--type--grid .field--name-field-descripcion a:focus {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.paragraph--type--grid .content {
    width: 50%;
    overflow: hidden;
}

    .paragraph--type--grid .content .field--name-field-video {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .paragraph--type--grid .content,
    .paragraph--type--grid .content .field--name-field-video,
    .paragraph--type--grid .content .video-embed-field-responsive-video {
        height: 350px;
    }
/*****************************paragraph--imagen_cuatro_topicos.html.twig*****************************/
.paragraph--type--imagen-cuatro-topicos {
    background-position: center center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    color: white;
    padding: 40px 0px;
}

    .paragraph--type--imagen-cuatro-topicos .col-md-6 {
        margin-top: 30px;
    }

        .paragraph--type--imagen-cuatro-topicos .col-md-6:nth-child(n+1):nth-child(-n+2) {
            margin-top: 0px;
        }

        .paragraph--type--imagen-cuatro-topicos .col-md-6:nth-child(1),
        .paragraph--type--imagen-cuatro-topicos .col-md-6:nth-child(3) {
            padding-left: 0px;
        }

        .paragraph--type--imagen-cuatro-topicos .col-md-6:nth-child(2),
        .paragraph--type--imagen-cuatro-topicos .col-md-6:nth-child(4) {
            padding-right: 0px;
        }

    .paragraph--type--imagen-cuatro-topicos .overlay {
        background: rgba(0, 0, 0, 0.4);
        width: 100%;
        height: 300px;
        color: white;
        font-size: 28px;
        font-weight: 600;
        padding: 40px;
        display: flex;
        align-items: center;
    }
/*****************************paragraph--imagen_fondo_texto.html.twig*****************************/
.module-achievements__general-header {
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin: 35px 0px 20px 0px;
}

.module-achievements__general-data__wrapper {
    background: rgba(0, 0, 0, 0.5);
    padding: 35px 0px;
    text-align: center;
}

.paragraph--type--imagen-fondo-texto .module-achievements__general-data {
    background-position: center center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    padding-bottom: 40px;
}

.paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .number {
    font-size: 72px;
    font-weight: 300;
    color: white;
    margin-bottom: 10px;
}

.paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .source {
    font-size: 12px;
    color: white;
    margin-bottom: 10px;
}

.paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .concept {
    font-size: 24px;
    color: white;
}

.paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .number-percent {
    font-size: 72px;
    color: white;
}
/*****************************paragraph--imagen_iconos.html.twig*****************************/
.paragraph--type--imagen-iconos {
    background-position: center center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    color: white;
    padding: 40px 0px;
}

    .paragraph--type--imagen-iconos .overlay {
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 0;
    }

    .paragraph--type--imagen-iconos .row {
        margin-bottom: 40px;
    }

        .paragraph--type--imagen-iconos .row:last-child {
            margin-bottom: 0px;
        }

    .paragraph--type--imagen-iconos .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        width: 100%;
        margin-bottom: 40px;
    }

    .paragraph--type--imagen-iconos .img-responsive {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .paragraph--type--imagen-iconos ol,
    .paragraph--type--imagen-iconos ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--imagen-iconos p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--imagen-iconos p + p {
            margin-top: 20px;
        }
/*****************************paragraph--imagen_texto.html.twig*****************************/
.paragraph--type--imagen-texto {
    clear: left;
}

    .paragraph--type--imagen-texto h2,
    .paragraph--type--imagen-texto h3,
    .paragraph--type--imagen-texto h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--imagen-texto h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--imagen-texto h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--imagen-texto h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--imagen-texto .field--name-field-descripcion ol,
    .paragraph--type--imagen-texto .field--name-field-descripcion ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--imagen-texto .field--name-field-descripcion p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--imagen-texto .field--name-field-descripcion p + p {
            margin-top: 20px;
        }

    .paragraph--type--imagen-texto .field--name-field-descripcion a,
    .paragraph--type--imagen-texto .field--name-field-descripcion a:hover,
    .paragraph--type--imagen-texto .field--name-field-descripcion a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--titulo.html.twig*****************************/
.paragraph--type--titulo {
    margin: 3em 0;
    float: left;
    width: 100%;
}

    .paragraph--type--titulo [id^='scroll-element'] {
        margin-left: 50px;
    }

    .paragraph--type--titulo h2,
    .paragraph--type--titulo h3,
    .paragraph--type--titulo h4 {
        line-height: 1.4;
        margin: 0px;
    }

        .paragraph--type--titulo h2 .field--name-field-titulo {
            font-size: 48px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .paragraph--type--titulo h3 .field--name-field-titulo {
            font-size: 32px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .paragraph--type--titulo h4 .field--name-field-titulo {
            font-size: 24px;
            font-weight: 900;
            text-transform: uppercase;
        }
/*****************************paragraph--titulo_contenido.html.twig*****************************/
.paragraph--type--titulo-contenido {
    margin-top: 3em;
    float: left;
    width: 100%;
}

    .paragraph--type--titulo-contenido [id^='scroll-element'] {
        margin-left: 50px;
    }

    .paragraph--type--titulo-contenido .title {
        height: 44px;
        margin-bottom: 1em;
    }

    .paragraph--type--titulo-contenido .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 1em;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion h2,
    .paragraph--type--titulo-contenido .field--name-field-descripcion h3,
    .paragraph--type--titulo-contenido .field--name-field-descripcion h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion ol,
    .paragraph--type--titulo-contenido .field--name-field-descripcion ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--titulo-contenido .field--name-field-descripcion p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--titulo-contenido .field--name-field-descripcion p + p {
            margin-top: 20px;
        }

    .paragraph--type--titulo-contenido .field--name-field-descripcion a,
    .paragraph--type--titulo-contenido .field--name-field-descripcion a:hover,
    .paragraph--type--titulo-contenido .field--name-field-descripcion a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--titulo_subtitulo_y_contenido.html.twig*****************************/
.paragraph--type--titulo-subtitulo-y-contenido {
    margin-top: 3em;
    float: left;
    width: 100%;
}

    .paragraph--type--titulo-subtitulo-y-contenido [id^='scroll-element'] {
        margin-left: 50px;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-subtitulo {
        font-family: "Georgia", serif !important;
        font-size: 16px;
        color: #757575;
        display: block;
        margin-bottom: 20px;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h2,
    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h3,
    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion ol,
    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion p + p {
            margin-top: 20px;
        }

    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion a,
    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion a:hover,
    .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-descripcion a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--titulo_texto_archivo.html.twig*****************************/
.paragraph--type--titulo-texto-archivo {
    margin-top: 3em;
    float: left;
    width: 100%;
}

    .paragraph--type--titulo-texto-archivo [id^='scroll-element'] {
        margin-left: 50px;
    }

        .paragraph--type--titulo-texto-archivo [id^='scroll-element'] .col-xs-12:first-child {
            padding: 0px;
        }

    .paragraph--type--titulo-texto-archivo .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        text-transform: uppercase;
        margin-bottom: 1em;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-archivo {
        margin-top: 1em;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h2,
    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h3,
    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h4 {
        margin: 0px;
        margin-bottom: 2rem;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h2 {
        font-size: 48px;
        font-weight: bold;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h3 {
        font-size: 32px;
        font-weight: bold;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion h4 {
        font-size: 24px;
        font-weight: 900;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion ol,
    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion ul {
        font-family: "Georgia", serif !important;
        font-style: italic;
        list-style: disc;
    }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion p {
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
    }

        .paragraph--type--titulo-texto-archivo .field--name-field-descripcion p + p {
            margin-top: 20px;
        }

    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion a,
    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion a:hover,
    .paragraph--type--titulo-texto-archivo .field--name-field-descripcion a:focus {
        font-size: 16px;
        font-weight: bold;
        color: #757575;
        text-decoration: none;
        text-transform: uppercase;
    }
/*****************************paragraph--titulo_y_subtitulo.html.twig*****************************/
.paragraph--type--slider-imagenes + .paragraph--type--titulo-y-subtitulo {
    float: left;
}

.paragraph--type--titulo-y-subtitulo {
    margin: 3em 0;
    float: left;
    width: 100%;
}

    .paragraph--type--titulo-y-subtitulo [id^='scroll-element'] {
        margin-left: 50px;
    }

    .paragraph--type--titulo-y-subtitulo .field--name-field-titulo {
        font-size: 32px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .paragraph--type--titulo-y-subtitulo .field--name-field-subtitulo {
        font-family: "Georgia", serif !important;
        font-size: 16px;
        color: #757575;
        display: block;
        margin-bottom: 20px;
    }
/*****************************paragraph--persona.html.twig*****************************/
.paragraph--type--persona .module-organization__row {
    float: left;
    width: 20%;
    border: 2.5px solid white;
}

.paragraph--type--persona .module-organization__person .field--name-field-foto {
    color: #757575;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px auto;
    cursor: pointer;
}

    .paragraph--type--persona .module-organization__person .field--name-field-foto:first-child {
        width: 100%;
    }

        .paragraph--type--persona .module-organization__person .field--name-field-foto:first-child img {
            -webkit-filter: grayscale(1);
        }

.paragraph--type--persona .module-organization__person.is-active .field--name-field-foto:first-child img {
    -webkit-filter: grayscale(0);
}

.paragraph--type--persona .module-organization__person-bio {
    background: black;
    color: white;
    display: none;
    padding: 40px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 5;
}

    .paragraph--type--persona .module-organization__person-bio .person-bio__name {
        font-size: 20px;
        font-weight: 600;
    }

    .paragraph--type--persona .module-organization__person-bio .person-bio__actions a:nth-child(2) {
        margin-top: 40px;
    }

    .paragraph--type--persona .module-organization__person-bio .person-bio__actions a.icon {
        width: 100%;
    }

    .paragraph--type--persona .module-organization__person-bio .person-bio__actions a.close {
        display: inline-block;
        width: 100%;
    }

    .paragraph--type--persona .module-organization__person-bio .person-bio__actions a .material-icons {
        font-size: 45px;
        color: white;
        transform: translateX(0);
    }

.paragraph--type--persona .field--name-field-nombre {
    font-size: 32px;
    font-weight: 900;
}

.paragraph--type--persona .field--name-field-puesto {
    font-family: "Georgia", serif !important;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 20px;
}

.paragraph--type--persona .field--name-field-info h2,
.paragraph--type--persona .field--name-field-info h3,
.paragraph--type--persona .field--name-field-info h4 {
    margin: 0px;
    margin-bottom: 2rem;
}

.paragraph--type--persona .field--name-field-info h2 {
    font-size: 48px;
    font-weight: bold;
}

.paragraph--type--persona .field--name-field-info h3 {
    font-size: 32px;
    font-weight: bold;
}

.paragraph--type--persona .field--name-field-info h4 {
    font-size: 24px;
    font-weight: 900;
}

.paragraph--type--persona .field--name-field-info ol,
.paragraph--type--persona .field--name-field-info ul {
    font-family: "Georgia", serif !important;
    font-style: italic;
    list-style: disc;
}

.paragraph--type--persona .field--name-field-info p {
    line-height: 25px;
    font-size: 16px;
    margin-bottom: 20px;
}

    .paragraph--type--persona .field--name-field-info p + p {
        margin-top: 20px;
    }

.paragraph--type--persona .field--name-field-info a,
.paragraph--type--persona .field--name-field-info a:hover,
.paragraph--type--persona .field--name-field-info a:focus {
    font-size: 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

@media all and (max-width: 767px) {
    /*****************************mm-menu*****************************/
    a.mm-title {
        text-transform: uppercase;
        color: white !important;
        font-weight: bold;
    }

    .mm-menu.mm-pagedim-black.mm-theme-dark.mm-offcanvas {
        z-index: 3;
    }

    .mm-menu.mm-theme-dark .mm-listview {
        color: white;
        text-transform: uppercase;
    }

        .mm-menu.mm-theme-dark .mm-listview .mm-next {
            background: white;
        }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after,
        .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
            border-color: black;
        }

    .mm-menu.mm-theme-dark .mm-btn:after,
    .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: white;
    }
    /*****************************main-navigation*****************************/
    #block-simple-topheaderleft {
        width: 35%;
    }

    #block-simple-topheaderright {
        width: 50%;
        text-align: right;
    }

    #block-dropdownlanguageselector {
        width: 15%;
    }

    .nav__trigger {
        display: block;
        position: relative;
    }

        .nav__trigger:hover,
        .nav__trigger:focus,
        .nav__trigger:active {
            color: white;
        }
    /*****************************primary-nav*****************************/
    .primary-nav {
        height: 75px;
    }

        .primary-nav .breadcrumb {
            display: none;
        }

    .primary-nav__logo {
        left: 2%;
        bottom: -15px;
        position: relative;
        margin: 10px 0px 0px -25px;
    }
    /*****************************secondary-nav*****************************/
    .secondary-nav.nav ul {
        margin: 10px 0px;
    }

        .secondary-nav.nav ul.menu {
            text-align: right;
        }

            .secondary-nav.nav ul.menu .nav__link {
                margin: 0px;
            }
    /*****************************ultimenu--htb-tabs-blue*****************************/
    .ultimenu--htb-tabs-blue {
        display: none !important;
    }
    /*****************************footer*****************************/
    footer .container {
        padding: 40px 15px;
    }

        footer .container .block-logo-footer {
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
        }

            footer .container .block-logo-footer .footer__logo {
                left: 2%;
                position: relative;
                margin: 10px 0px 0px -25px;
            }

        footer .container #block-redessociales,
        footer .container #block-dropdownlanguageselector-2 {
            float: left;
            width: 50%;
            padding: 0px 15px;
        }

            footer .container #block-redessociales ul {
                text-align: left;
            }

        footer .container #block-menufooter {
            float: left;
            width: 100%;
        }

            footer .container #block-menufooter ul {
                margin-bottom: 40px;
            }

        footer .container a {
            font-size: 12px;
        }

        footer .container p,
        footer .container p a {
            color: white;
            font-size: 10px;
        }

        footer .container li.footer__link {
            width: calc(100%/3);
        }

            footer .container li.footer__link a.icon.facebook,
            footer .container li.footer__link a.icon.twitter,
            footer .container li.footer__link a.icon.linkedin {
                zoom: 0.9;
                -moz-transform: scale(0.9);
                -webkit-transform: scale(0.9);
                -o-transform: scale(0.9);
                -ms-transform: scale(0.9);
            }

            footer .container li.footer__link a.icon.instagram,
            footer .container li.footer__link a.icon.youtube {
                zoom: 0.8;
                -moz-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -o-transform: scale(0.8);
                -ms-transform: scale(0.8);
            }

    footer .footer__legal #block-direccion,
    footer .footer__legal #block-avisolegal {
        width: 100%;
        text-align: center;
        padding: 20px 15px;
    }

    footer .footer__legal #block-direccion {
        padding-bottom: 0px;
    }
    /*****************************scroll-element*****************************/
    a.scroll-element {
        margin-top: -3px;
    }
    /*****************************circliful*****************************/
    .svg-container {
        width: 90%;
    }
    /*****************************hero-section*****************************/
    .hero-section h1,
    .oficina .hero-section h1.imageSide {
        font-size: 38px;
    }

    .oficina .hero-section h1.imageSide {
        width: 90%;
    }

    .oficina .hero-section .field--name-field-image .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 500px;
    }

    .hero-section {
        height: 432px;
    }

        .hero-section .img-responsive {
            object-fit: cover;
            width: 100%;
            height: 500px;
        }

        .hero-section.posicion-cuarto-nivel {
            height: 400px;
        }

            .hero-section.posicion-cuarto-nivel h1 {
                width: 90%;
            }

    .segundo-level__block__img img {
        width: 100%;
        height: auto;
    }
    /*****************************tercer-nivel*****************************/
    .tercer-nivel .hero-section h1,
    .tercer-nivel .hero-section h1.imageSide {
        font-size: 38px;
        width: 90%;
    }

    .tercer-nivel .imagen-lateral {
        position: relative;
        top: 0px;
        width: 320px;
        height: 370px;
        margin-left: auto;
        margin-right: auto;
    }

        .tercer-nivel .imagen-lateral .field--name-field-imagen-lateral {
            position: relative;
        }

        .tercer-nivel .imagen-lateral .img-responsive {
            object-fit: cover;
            width: 320px;
            height: 370px;
        }

        .tercer-nivel .imagen-lateral .field--name-field-pie-imagen {
            bottom: 20px;
            font-size: 24px;
            left: 10%;
            width: 80%;
        }
    /*****************************module-sliders__slider*****************************/
    .module-sliders__slider.phrases .module-sliders__slider-phrase .phrase {
        font-size: 18px;
    }
    /*****************************view-campus module-branches__virtualtour*****************************/
    .view-campus .view-filters {
        clear: left;
        margin-right: 0px;
        margin-top: 0px;
        padding: 0px 15px;
    }

    .view-campus .view-content .row:nth-child(2) {
        padding: 40px 0px;
    }

        .view-campus .view-content .row:nth-child(2) .col-sm-4:nth-child(n+1):nth-child(-n+2) {
            margin-bottom: 20px;
        }

    .view-campus .module-branches__virtualtour .field--name-field-imagen img {
        object-fit: cover;
    }

    .view-campus .module-branches__virtualtour .responsive-video {
        height: 700px;
    }

    .view-campus .module-branches__virtualtour-details {
        width: 75%;
        bottom: 5%;
    }
    /*****************************file-link.html.twig*****************************/
    .field--name-field-archivo a,
    .field--name-field-archivo a:hover,
    .field--name-field-archivo a:focus {
        font-size: 12px;
    }
    /*****************************paragraph--dos_columnas.html.twig*****************************/
    .paragraph--type--dos-columnas .black,
    .paragraph--type--dos-columnas .white {
        padding: 20px 15px;
    }

    .paragraph--type--dos-columnas h2 {
        font-size: 24px;
    }
    /*****************************paragraph--columnas.html.twig*****************************/
    .paragraph--type--columnas .black {
        padding: 20px 0px;
    }
    /*****************************paragraph--columnas_alternas_icono.html.twig*****************************/
    .icon-right {
        padding-right: 15px;
        border-right: white;
    }

    .icon-left {
        padding-left: 15px;
        border-left: white;
    }

        .icon-right:after,
        .icon-left:after {
            display: none;
        }
    /*****************************paragraph--contacto.html.twig*****************************/
    .paragraph--type--contacto {
        margin: 2em 0;
    }

        .paragraph--type--contacto .field--name-field-titulo {
            font-size: 28px;
        }

        .paragraph--type--contacto .content {
            width: 100%;
            padding: 0px;
        }

            .paragraph--type--contacto .content + .content {
                border-left: transparent;
                width: 100%;
            }
    /*****************************paragraph--contador.html.twig*****************************/
    .paragraph--type--contador .col-md-6:first-child {
        height: 250px;
    }

        .paragraph--type--contador .col-md-6:first-child em {
            font-size: 18px;
        }

    .paragraph--type--contador .field--name-field-numero {
        font-size: 100px;
        margin-top: 5%;
    }
    /*****************************paragraph--contenido_columnas.html.twig*****************************/
    .paragraph--type--contenido-columnas .black {
        padding: 20px 0px;
    }
    /*****************************paragraph--contenido_columnas_color.html.twig*****************************/
    .paragraph--type--contenido-columnas-color .black,
    .paragraph--type--contenido-columnas-color .white {
        display: block;
    }

    .paragraph--type--contenido-columnas a,
    .paragraph--type--contenido-columnas a:hover,
    .paragraph--type--contenido-columnas a:focus {
        font-size: 12px;
    }
    /*****************************paragraph--contenido_comite.html.twig*****************************/
    .paragraph--type--contenido-comite .advice-committe_select {
        width: 90%;
        margin: 0px 5%;
        margin-bottom: 20px;
    }

    .paragraph--type--contenido-comite .advice-committe_image {
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-comite .advice-committe_image img {
            object-fit: cover;
            width: 100%;
            height: 350px;
        }
    /*****************************paragraph--contenido_grafica_barras.html.twig*****************************/
    .paragraph--type--contenido-grafica-barras .field--name-field-titulo {
        font-size: 22px;
        margin-bottom: 20px;
    }
    /*****************************paragraph--contenido_grafica_circular.html.twig*****************************/
    .paragraph--type--contenido-grafica-circular div.number {
        text-align: left;
    }

    .paragraph--type--contenido-grafica-circular .statistics .row,
    .paragraph--type--contenido-grafica-circular .statistics .row.border-bottom:first-child {
        padding-top: 20px;
    }

    .paragraph--type--contenido-grafica-circular .col-md-5,
    .paragraph--type--contenido-grafica-circular .col-md-6,
    .paragraph--type--contenido-grafica-circular .col-md-7 {
        display: block;
        text-align: left;
    }

    .paragraph--type--contenido-grafica-circular .right p {
        margin: 10px 0px;
    }

    .paragraph--type--contenido-grafica-circular .field--name-field-descripcion {
        text-align: center;
    }
    /*****************************paragraph--contenido_imagen_tabs.html.twig*****************************/
    .paragraph--type--contenido-imagen-tabs .row:first-child div h5 {
        font-size: 14px;
    }
    /*****************************paragraph--contenido_numeros.html.twig*****************************/
    .paragraph--type--contenido-numeros [class*="col-md"] {
        padding: 10px 15px;
    }

    .paragraph--type--contenido-numeros .black [class*="col-md"],
    .paragraph--type--contenido-numeros .black [class*="col-md"].top {
        padding: 20px 15px;
    }

    .paragraph--type--contenido-numeros .flex-center {
        display: block;
    }

    .paragraph--type--contenido-numeros .diagonal {
        font-size: 62px;
    }

    .paragraph--type--contenido-numeros .border-bottom,
    .paragraph--type--contenido-numeros .black .border-bottom {
        border-bottom: 0px solid white;
    }

    .paragraph--type--contenido-numeros .border-right {
        border-right: 0px solid black;
        border-bottom: 2.5px solid black;
    }

    .paragraph--type--contenido-numeros .border-left {
        border-left: 0px solid black;
        border-top: 2.5px solid black;
    }

    .paragraph--type--contenido-numeros .black .border-right {
        border-right: 0px solid white;
        border-bottom: 2.5px solid white;
    }

    .paragraph--type--contenido-numeros .black .border-left {
        border-left: 0px solid white;
        border-top: 2.5px solid white;
    }
    /*****************************paragraph--fotografia.html.twig*****************************/
    .module-chairman {
        position: relative;
        background: white;
    }

        .module-chairman .container-fluid {
            padding: 0px;
        }

    .module-chairman__blocks,
    .module-chairman__blocks.fixed,
    .module-chairman__blocks.freeze {
        position: relative;
        top: 0px !important;
    }

    .module-chairman__blocks-block {
        background-position: center center;
        justify-content: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        margin: auto;
        border: 5px solid white;
        width: 320px;
        height: 320px;
    }

        .module-chairman__blocks-block:nth-child(2) {
            border-top: none;
            height: auto;
        }

    .paragraph--type--fotografia .module-chairman__blocks-block .module-chairman__blocks-body {
        top: 195px;
    }
    /*****************************paragraph--grid.html.twig*****************************/
    .paragraph--type--grid .module-organization__row {
        width: 100% !important;
    }

    .paragraph--type--grid .module-organization__person-bio .person-bio__actions a .material-icons {
        font-size: 40px;
    }

    .paragraph--type--grid .module-organization__person-bio {
        padding: 20px;
    }

        .paragraph--type--grid .module-organization__person-bio .flex-center {
            min-height: auto;
            display: block;
        }

    .paragraph--type--grid .content,
    .paragraph--type--grid .content .field--name-field-video,
    .paragraph--type--grid .content .video-embed-field-responsive-video {
        width: 100%;
        height: 250px;
    }

        .paragraph--type--grid .content iframe {
            width: 100% !important;
            margin-left: -50% !important;
        }
    /*****************************paragraph--imagen_cuatro_topicos.html.twig*****************************/
    .paragraph--type--imagen-cuatro-topicos .overlay {
        font-size: 24px;
        height: auto !important;
        margin: 20px 0px;
    }

    .paragraph--type--imagen-cuatro-topicos .col-md-6 {
        padding-right: 0px;
        padding-left: 0px;
    }
    /*****************************paragraph--imagen_fondo_texto.html.twig*****************************/
    .module-achievements__general-header {
        margin: 20px 0px;
    }

    .module-achievements__general-data__wrapper {
        padding: 0px;
        padding-bottom: 20px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .number {
        margin-bottom: 0px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .source {
        font-size: 16px;
    }
    /*****************************paragraph--imagen_texto.html.twig*****************************/
    .paragraph--type--imagen-texto .field--name-field-imagen .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 300px;
    }
    /*****************************paragraph--titulo.html.twig*****************************/
    .paragraph--type--titulo {
        margin: 2em 0;
    }

        .paragraph--type--titulo h4 .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_contenido.html.twig*****************************/
    .paragraph--type--titulo-contenido {
        margin-top: 2em;
    }

        .paragraph--type--titulo-contenido .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_subtitulo_y_contenido.html.twig*****************************/
    .paragraph--type--titulo-subtitulo-y-contenido {
        margin-top: 2em;
    }

        .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_texto_archivo.html.twig*****************************/
    .paragraph--type--titulo-texto-archivo {
        margin-top: 2em;
    }

        .paragraph--type--titulo-texto-archivo .field--name-field-titulo {
            font-size: 28px;
        }

        .paragraph--type--titulo-texto-archivo .field--name-field-archivo {
            margin-bottom: 2em;
            margin-top: 0px;
        }
    /*****************************paragraph--titulo_y_subtitulo.html.twig*****************************/
    .paragraph--type--titulo-y-subtitulo {
        margin: 2em 0;
    }

        .paragraph--type--titulo-y-subtitulo .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--persona.html.twig*****************************/
    .paragraph--type--persona .module-organization__row {
        width: 50%;
    }

    .paragraph--type--persona .module-organization__person .field--name-field-foto:first-child img {
        object-fit: cover;
        height: auto;
    }

    .paragraph--type--persona .module-organization__person-bio {
        padding: 20px;
    }

        .paragraph--type--persona .module-organization__person-bio .col-xs-2 {
            padding-left: 0px;
        }

        .paragraph--type--persona .module-organization__person-bio .person-bio__actions a .material-icons {
            font-size: 40px;
        }

    .paragraph--type--persona .field--name-field-nombre {
        font-size: 28px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    /*****************************mm-menu*****************************/
    a.mm-title {
        text-transform: uppercase;
        color: white !important;
        font-weight: bold;
    }

    .mm-menu.mm-pagedim-black.mm-theme-dark.mm-offcanvas {
        z-index: 3;
    }

    .mm-menu.mm-theme-dark .mm-listview {
        color: white;
        text-transform: uppercase;
    }

        .mm-menu.mm-theme-dark .mm-listview .mm-next {
            background: white;
        }

        .mm-menu.mm-theme-dark .mm-listview > li .mm-arrow:after,
        .mm-menu.mm-theme-dark .mm-listview > li .mm-next:after {
            border-color: black;
        }

    .mm-menu.mm-theme-dark .mm-btn:after,
    .mm-menu.mm-theme-dark .mm-btn:before {
        border-color: white;
    }
    /*****************************main-navigation*****************************/
    #block-simple-topheaderleft {
        width: 40%;
    }

    #block-simple-topheaderright {
        width: 50%;
        text-align: right;
    }

    #block-dropdownlanguageselector {
        width: 10%;
    }

    .nav__trigger {
        display: block;
        position: relative;
    }

        .nav__trigger:hover,
        .nav__trigger:focus,
        .nav__trigger:active {
            color: white;
        }
    /*****************************primary-nav*****************************/
    .primary-nav {
        height: 75px;
    }

        .primary-nav .breadcrumb {
            display: none;
        }

    .primary-nav__logo {
        left: 0px;
        bottom: -15px;
        position: relative;
        margin: 10px 0px 0px -25px;
    }
    /*****************************secondary-nav*****************************/
    .secondary-nav.nav ul {
        margin: 10px 0px;
    }

        .secondary-nav.nav ul.menu {
            text-align: right;
        }

            .secondary-nav.nav ul.menu .nav__link {
                margin: 0px;
            }
    /*****************************ultimenu--htb-tabs-blue*****************************/
    .ultimenu--htb-tabs-blue {
        display: none !important;
    }
    /*****************************footer*****************************/
    footer .container {
        padding: 40px 0px;
    }

        footer .container .block-logo-footer {
            width: 100%;
            text-align: left;
            margin-bottom: 20px;
        }

            footer .container .block-logo-footer .footer__logo {
                left: 2%;
                position: relative;
                margin: 10px 0px 0px -25px;
            }

        footer .container #block-redessociales,
        footer .container #block-dropdownlanguageselector-2 {
            float: left;
            width: 50%;
            padding: 0px 15px;
        }

            footer .container #block-redessociales ul {
                text-align: left;
            }

        footer .container #block-menufooter {
            float: left;
            width: 100%;
        }

            footer .container #block-menufooter ul {
                margin-bottom: 40px;
            }

        footer .container a {
            font-size: 16px;
        }

        footer .container p,
        footer .container p a {
            color: white;
            font-size: 10px;
        }

        footer .container li.footer__link {
            width: 20%;
        }

            footer .container li.footer__link a.icon.facebook,
            footer .container li.footer__link a.icon.twitter,
            footer .container li.footer__link a.icon.linkedin {
                zoom: 0.9;
                -moz-transform: scale(0.9);
                -webkit-transform: scale(0.9);
                -o-transform: scale(0.9);
                -ms-transform: scale(0.9);
            }

            footer .container li.footer__link a.icon.instagram,
            footer .container li.footer__link a.icon.youtube {
                zoom: 0.8;
                -moz-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -o-transform: scale(0.8);
                -ms-transform: scale(0.8);
            }

    footer .footer__legal #block-direccion,
    footer .footer__legal #block-avisolegal {
        padding: 20px 15px;
    }
    /*****************************scroll-element*****************************/
    a.scroll-element {
        margin-top: -3px;
    }
    /*****************************circliful*****************************/
    .svg-container {
        width: 90%;
    }
    /*****************************hero-section*****************************/
    .hero-section h1,
    .oficina .hero-section h1.imageSide {
        font-size: 45px;
    }

    .oficina .hero-section .field--name-field-image .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 500px;
    }

    .hero-section {
        height: 576px;
    }

        .hero-section .img-responsive {
            object-fit: cover;
            width: 100%;
            height: 500px;
        }

        .hero-section.posicion-cuarto-nivel h1 {
            width: 90%;
        }
    /*****************************tercer-nivel*****************************/
    .tercer-nivel .hero-section h1,
    .tercer-nivel .hero-section h1.imageSide {
        font-size: 45px;
    }

    .tercer-nivel .field--name-field-imagen-principal .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 500px;
    }

    .tercer-nivel .imagen-lateral {
        width: 245px;
    }

        .tercer-nivel .imagen-lateral .img-responsive {
            object-fit: cover;
            height: 380px;
        }

        .tercer-nivel .imagen-lateral .field--name-field-pie-imagen {
            bottom: 20px;
            font-size: 24px;
            left: 10%;
            width: 80%;
        }
    /*****************************module-sliders__slider*****************************/
    .module-sliders__slider.phrases .module-sliders__slider-phrase .phrase {
        font-size: 16px;
    }
    /*****************************view-campus module-branches__virtualtour*****************************/
    .view-campus .view-filters {
        clear: left;
        margin-right: 0px;
        margin-top: 0px;
        padding: 0px 15px;
    }

    .view-campus .view-content .row:nth-child(2) .icon-dron,
    .view-campus .view-content .row:nth-child(2) .icon-street,
    .view-campus .view-content .row:nth-child(2) .material-icons {
        font-size: 16px;
        margin-right: 10px;
    }

    .view-campus .module-branches__virtualtour .field--name-field-imagen img {
        object-fit: cover;
    }

    .view-campus .module-branches__virtualtour .responsive-video {
        height: 700px;
    }

    .view-campus .module-branches__virtualtour-details {
        width: 40%;
        bottom: 5%;
    }

    .view-campus .module-branches__virtualtour #street-view-close {
        top: 5%;
    }
    /*****************************file-link.html.twig*****************************/
    .field--name-field-archivo a,
    .field--name-field-archivo a:hover,
    .field--name-field-archivo a:focus {
        font-size: 18px;
    }
    /*****************************paragraph--dos_columnas.html.twig*****************************/
    .paragraph--type--dos-columnas .black {
        padding: 20px 15px;
    }

    .paragraph--type--dos-columnas .white {
        padding: 40px 15px;
    }

    .paragraph--type--dos-columnas h2 {
        font-size: 24px;
    }
    /*****************************paragraph--columnas.html.twig*****************************/
    .paragraph--type--columnas .black {
        padding: 20px 0px;
    }
    /*****************************paragraph--contacto.html.twig*****************************/
    .paragraph--type--contacto {
        margin: 2em 0;
    }

        .paragraph--type--contacto .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--contador.html.twig*****************************/
    .paragraph--type--contador .col-md-6:first-child {
        height: 250px;
    }

        .paragraph--type--contador .col-md-6:first-child em {
            font-size: 18px;
        }

    .paragraph--type--contador .field--name-field-numero {
        font-size: 100px;
        margin-top: 5%;
    }
    /*****************************paragraph--contenido_columnas.html.twig*****************************/
    .paragraph--type--contenido-columnas .black {
        padding: 20px 0px;
    }
    /*****************************paragraph--contenido_columnas_color.html.twig*****************************/
    .paragraph--type--contenido-columnas-color .black,
    .paragraph--type--contenido-columnas-color .white {
        display: block;
    }
    /*****************************paragraph--contenido_comite.html.twig*****************************/
    .paragraph--type--contenido-comite .advice-committe_select {
        width: 50%;
        margin: 0px 5%;
        margin-bottom: 20px;
    }

    .paragraph--type--contenido-comite .advice-committe_image {
        margin-bottom: 20px;
    }

        .paragraph--type--contenido-comite .advice-committe_image img {
            object-fit: cover;
            width: 100%;
            height: 350px;
        }
    /*****************************paragraph--contenido_ex_presidente.html.twig*****************************/
    .paragraph--type--contenido-ex-presidente .col-md-4 {
        margin-bottom: 20px;
    }
    /*****************************paragraph--contenido_grafica_barras.html.twig*****************************/
    .paragraph--type--contenido-grafica-barras .field--name-field-titulo {
        margin-bottom: 20px;
    }
    /*****************************paragraph--contenido_grafica_circular.html.twig*****************************/
    .paragraph--type--contenido-grafica-circular {
        height: 450px;
    }

        .paragraph--type--contenido-grafica-circular .container:first-child {
            display: flex;
            align-items: center;
        }

        .paragraph--type--contenido-grafica-circular .statistics .row,
        .paragraph--type--contenido-grafica-circular .statistics .row.border-bottom:first-child {
            padding-top: 20px;
        }

        .paragraph--type--contenido-grafica-circular .col-md-5,
        .paragraph--type--contenido-grafica-circular .col-md-6,
        .paragraph--type--contenido-grafica-circular .col-md-7 {
            text-align: left;
        }

        .paragraph--type--contenido-grafica-circular .right p {
            margin: 10px 0px;
        }

        .paragraph--type--contenido-grafica-circular .field--name-field-descripcion {
            text-align: center;
        }
    /*****************************paragraph--contenido_imagen_tabs.html.twig*****************************/
    .paragraph--type--contenido-imagen-tabs .row:first-child div h5 {
        font-size: 12px;
    }
    /*****************************paragraph--contenido_numeros.html.twig*****************************/
    .paragraph--type--contenido-numeros [class*="col-md"] {
        padding: 10px 15px;
    }

    .paragraph--type--contenido-numeros .black [class*="col-md"].top {
        padding: 40px 15px;
    }

    .paragraph--type--contenido-numeros .flex-center {
        display: block;
    }

    .paragraph--type--contenido-numeros div.number {
        font-size: 48px;
    }

    .paragraph--type--contenido-numeros .diagonal {
        font-size: 62px;
    }
    /*****************************paragraph--fotografia.html.twig*****************************/
    .module-chairman__blocks.fixed {
        top: 70px !important;
    }

    .module-chairman__blocks-block {
        background-position: center center;
        justify-content: center;
        background-repeat: no-repeat;
        width: 250px;
        height: 250px;
    }

    .paragraph--type--fotografia .module-chairman__blocks-block .module-chairman__blocks-body {
        top: 135px;
    }
    /*****************************paragraph--grid.html.twig*****************************/
    .paragraph--type--grid .module-organization__row {
        width: calc(100%/3) !important;
    }

    .paragraph--type--grid .module-organization__person-bio .person-bio__actions a .material-icons {
        font-size: 40px;
    }

    .paragraph--type--grid .field--name-field-titulo {
        font-size: 22px;
    }

    .paragraph--type--grid .content iframe {
        width: 108% !important;
        margin-left: -56% !important;
    }
    /*****************************paragraph--imagen_cuatro_topicos.html.twig*****************************/
    .paragraph--type--imagen-cuatro-topicos .overlay {
        height: 350px;
        margin: 20px 0px;
    }

    .paragraph--type--imagen-cuatro-topicos .col-md-6 {
        margin-top: 0px;
    }
    /*****************************paragraph--imagen_fondo_texto.html.twig*****************************/
    .module-achievements__general-header {
        margin: 20px 0px;
    }

    .module-achievements__general-data__wrapper {
        padding: 20px 0px;
        height: 250px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .number {
        margin-bottom: 0px;
        font-size: 62px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .source {
        font-size: 16px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .concept {
        font-size: 18px;
    }

    .paragraph--type--imagen-fondo-texto .field--name-field-descripcion .module-achievements__general-data__wrapper .number-percent {
        font-size: 62px;
    }
    /*****************************paragraph--imagen_texto.html.twig*****************************/
    .paragraph--type--imagen-texto .field--name-field-imagen .img-responsive {
        object-fit: cover;
        width: 100%;
        height: 300px;
    }
    /*****************************paragraph--titulo.html.twig*****************************/
    .paragraph--type--titulo {
        margin: 2em 0;
    }

        .paragraph--type--titulo h4 .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_contenido.html.twig*****************************/
    .paragraph--type--titulo-contenido {
        margin-top: 2em;
    }

        .paragraph--type--titulo-contenido .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_subtitulo_y_contenido.html.twig*****************************/
    .paragraph--type--titulo-subtitulo-y-contenido {
        margin-top: 2em;
    }

        .paragraph--type--titulo-subtitulo-y-contenido .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--titulo_texto_archivo.html.twig*****************************/
    .paragraph--type--titulo-texto-archivo {
        margin-top: 2em;
    }

        .paragraph--type--titulo-texto-archivo .field--name-field-titulo {
            font-size: 28px;
        }

        .paragraph--type--titulo-texto-archivo .field--name-field-archivo {
            margin-bottom: 2em;
            margin-top: 0px;
        }
    /*****************************paragraph--titulo_y_subtitulo.html.twig*****************************/
    .paragraph--type--titulo-y-subtitulo {
        margin: 2em 0;
    }

        .paragraph--type--titulo-y-subtitulo .field--name-field-titulo {
            font-size: 28px;
        }
    /*****************************paragraph--persona.html.twig*****************************/
    .paragraph--type--persona .module-organization__person-bio .person-bio__actions a .material-icons {
        font-size: 40px;
    }

    .paragraph--type--persona .field--name-field-nombre {
        font-size: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1074px) {
    .button {
        font-size: 12px;
    }
    /*****************************view-campus module-branches__virtualtour*****************************/
    .view-campus .view-content .row:nth-child(2) .icon-dron,
    .view-campus .view-content .row:nth-child(2) .icon-street,
    .view-campus .view-content .row:nth-child(2) .material-icons {
        font-size: 16px;
        margin-right: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1254px) {
    /*****************************ultimenu--htb-tabs-blue*****************************/
    .ultimenu--htb-tabs-blue li + li + li {
        margin-right: 135px;
    }

        .ultimenu--htb-tabs-blue li + li + li + li.ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
            margin-left: 15px;
        }

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__link {
        font-size: 12px;
    }

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu:hover a.ultimenu__link:before {
        margin-left: -35px;
    }

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu nav {
        margin: 0px 20px;
    }

    .ultimenu--htb-tabs-blue .ultimenu__item.uitem.has-ultimenu .ultimenu__flyout.container_menu section[id^="block-"] {
        margin-left: 2%;
        padding-right: 2%;
    }
    /*****************************hero-section*****************************/
    .hero-section h1,
    .oficina .hero-section h1.imageSide {
        font-size: 60px;
    }
    /*****************************tercer-nivel*****************************/
    .tercer-nivel .hero-section h1,
    .tercer-nivel .hero-section h1.imageSide {
        font-size: 60px;
    }

    .tercer-nivel .imagen-lateral {
        height: auto;
        width: 320px;
    }
    /*****************************paragraph--fotografia.html.twig*****************************/
    .module-chairman__blocks-block {
        background-position: center center;
        justify-content: center;
        background-repeat: no-repeat;
        width: 320px;
    }
    /*****************************paragraph--contador.html.twig*****************************/
    .paragraph--type--contador .col-md-6:first-child {
        height: 395px;
    }
    /*****************************paragraph--contenido_grafica_circular.html.twig*****************************/
    .paragraph--type--contenido-grafica-circular div.number {
        font-size: 38px;
    }
    /*****************************paragraph--contenido_numeros.html.twig*****************************/
    .paragraph--type--contenido-numeros div.number {
        font-size: 52px;
    }
}

@media only screen and (min-width: 1200px) {
    .segundo-level__block__img img {
        width: 100%;
        height: auto;
    }
}