.navbar {
    background-color: none!important
}

a,
a:visited {
    color: #4550e5!important
}

a:hover {
    text-decoration: underline
}

@media(min-width:768px) {
    .dropdown:hover {
        background: #e7e7e7
    }
    .dropdown:hover>.dropdown-menu {
        display: block
    }
}

.nav>li>div {
    position: relative;
    display: block;
    padding: 10px 15px;
    cursor: default
}

.navbar-nav>li>div {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px
}

.navbar-default .navbar-nav>li>div {
    color: #777
}

.navbar-collapse.collapse {
    display: none
}

body {
    margin-top: 90px
}

#universidadesListado-container {
    background-color: #282828;
    padding: 40px!important;
    color: #fefefe
}

#universidadesListado-container .container a {
    color: #fefefe!important
}

#universidadesListado-container .container h3 {
    margin-bottom: 40px!important
}

.universidadesListado {
    line-height: 2.5em
}

.h1-home {
    position: absolute!important;
    top: 25px!important;
    margin-left: 10px!important;
    color: #fff!important;
    font-size: 23px!important
}

#preguntasFrecuentes-container {
    padding: 40px!important
}

#preguntasFrecuentes-container h3 {
    margin-bottom: 40px!important
}

.has-float-label {
    display: block;
    position: relative
}

.has-float-label label,
.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 90%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 1em;
    left: .7rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px
}

.has-float-label label::after,
.has-float-label>span::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 75%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}

.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 120%;
    opacity: .5;
    top: 1.5em
}

.input-group .has-float-label {
    display: table-cell
}

.input-group .has-float-label .form-control {
    border-radius: .25rem
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form {
    background: #fff000;
    border: #ffe57f 1px solid;
    padding: 20px
}

input[type=submit],
.pedir {
    height: 3rem;
    font-size: 1.5rem;
    color: #fff;
    border-bottom: 3px solid rgba(0, 0, 0, .2);
    transition: all .1s;
    -moz-transition: all .1s;
    -webkit-transition: all .1s;
    -o-transition: all .1s;
    margin-top: 15px
}

input[type=submit]:hover {
    opacity: .9
}

input[type=submit]:active {
    border-bottom: 1px solid #b85146
}

.card-header {
    background-color: #fff
}

.icon {
    float: center;
    width: 8rem;
    color: #bbbac0;
    font-size: 2.4rem;
    line-height: 7.4rem;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #bbbac0
}

.info {
    padding-top: 30px
}

html {
    width: 100%;
    overflow-x: hidden
}

body {
    margin-top: 0;
    padding: 0;
    margin-right: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: open sans, sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Ubuntu, sans-serif
}

.container {
    overflow-x: hidden
}

#middleNav-container a,
.navbar,
.navbar-nav a,
.navbar-toggler {
    color: #fff
}

.navbar-toggler {
    padding-top: 15px;
    padding-bottom: 0
}

.hero-home {
    background-color: #fff000
}

#inctro-curso {
    margin: 40px auto
}

.sticky-top {
    padding-top: 10px
}

dl dt {
    /* background: url(/tienda/bullet.svg) no-repeat 0 0; */
    padding: 0 0 0 50px;
    line-height: 40px;
    color: #004494;
    margin-bottom: .2em;
    font-weight: 700;
    height: 1%;
    font-size: 1.3em
}

dl {
    font-family: Open Sans, serif
}

dt {
    color: #004494
}

dd {
    margin-bottom: 1em;
    font-size: 1.1em
}

p {
    font-size: 1.1em
}

.list-inline-item:not(:last-child) {
    margin-right: 60px;
    line-height: 3em
}

.hero-text strong,
#servicios-container strong {
    color: #004494
}

#servicios-container strong {
    font-weight: 900!important
}

#servicios-container svg {
    margin-top: 10px
}

#universidadesListado-container {
    background-color: #004494;
    padding: 40px!important;
    color: #fefefe
}

#universidadesListado-container .container a {
    color: #fefefe!important
}

#universidadesListado-container .container h3 {
    margin-bottom: 40px!important
}

.universidadesListado {
    line-height: 2.5em
}

#preguntasFrecuentes-container {
    padding: 40px!important
}

#preguntasFrecuentes-container h3 {
    margin-bottom: 40px!important
}

.has-float-label {
    display: block;
    position: relative
}

.has-float-label label,
.has-float-label>span {
    position: absolute;
    cursor: text;
    font-size: 90%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: 1em;
    left: .7rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px
}

.has-float-label label::after,
.has-float-label>span::after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    height: 2px;
    top: 75%;
    left: -.2em;
    right: -.2em;
    z-index: -1
}


/* .has-float-label .form-control::-webkit-input-placeholder.has-float-label .form-control::-webkit-input-placeholder {
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus):-moz-placeholder {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    opacity: 0
}

.has-float-label .form-control:placeholder-shown:not(:focus)+* {
    font-size: 120%;
    opacity: .5;
    top: 1.5em
} */

.input-group .has-float-label {
    display: table-cell
}

.input-group .has-float-label .form-control {
    border-radius: .25rem
}

.input-group .has-float-label:not(:last-child),
.input-group .has-float-label:not(:last-child) .form-control {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.input-group .has-float-label:not(:first-child),
.input-group .has-float-label:not(:first-child) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form {
    padding: 20px;
    -webkit-box-shadow: 2px 13px 22px -6px #d1cdd1;
    -moz-box-shadow: 2px 13px 22px -6px #d1cdd1;
    box-shadow: 2px 13px 22px -6px #d1cdd1
}

#intro-curso {
    margin: 40px auto
}

.backCol1 {
    background-color: #fff000
}

.info {
    padding-top: 30px
}

.event-info {
    float: center;
    width: 100%;
    margin-top: 10px
}

.event-info .info {
    padding: 1.3rem 0 0 9rem
}

.event-info h3 {
    margin: 0;
    font-size: 2rem
}

.event-info span {
    color: #bbbac0;
    margin-top: -5px
}

.event-info .icon {
    float: center;
    width: 8rem;
    color: rgba(0, 39, 141, .8);
    font-size: 2.4rem;
    line-height: 7.4rem;
    text-align: center;
    border-radius: 50%;
    border: 3px solid rgba(0, 39, 141, .8)
}

.effect6 {
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}

@media(max-width:575px) {
    .hidden-xs-down {
        display: none!important
    }
    dl dt {
        line-height: 30px
    }
    .form {
        margin-top: 60px!important
    }
    .enviar-boton {
        margin-top: 0!important
    }
    .ventajas svg {
        margin-left: 7%!important
    }
    #hero h1,
    #hero .h2 {
        text-align: left!important
    }
    .cursosDestacados li {
        font-size: 19px
    }
}

.bar1,
.bar2,
.bar3 {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin: 6px 0;
    transition: .4s
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px)
}

.change .bar2 {
    opacity: 0
}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px)
}

nav #menu-toggle {
    display: none
}

nav .label-toggle {
    display: none
}

@media screen and (max-width:768px) {
    nav ul {
        display: block;
        height: 0;
        list-style-type: none;
        opacity: 0;
        text-align: center;
        transition: all 1s ease;
        width: 100%;
        visibility: hidden
    }
    nav li {
        display: block;
        font-size: 1.5em!important;
        padding: 2em 0
    }
    nav #menu-toggle:checked~ul {
        opacity: 1;
        height: 100vh;
        visibility: visible
    }
    nav .label-toggle {
        background: linear-gradient( to bottom, #fff000 0%, #fff000 20%, transparent 20%, transparent 40%, #fff000 40%, #fff000 60%, transparent 60%, transparent 80%, #fff000 80%, #fff000 100%);
        cursor: pointer;
        display: block;
        float: right;
        height: 35px;
        margin-top: .1em!important;
        width: 45px
    }
    nav .wrapper {
        display: block
    }
}

@font-face {
    font-family: open sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(/src/fonts/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format("truetype")
}

@font-face {
    font-family: ubuntu;
    font-style: normal;
    font-weight: 400;
    src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url(/src/fonts/4iCs6KVjbNBYlgoKfw7z.ttf) format("truetype")
}

html {
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}

@-ms-viewport {
    width: device-width;
}

header,
nav,
section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, helvetica neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff
}

h1,
h2 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

ul {
    margin-top: 0;
    margin-bottom: 1rem
}

strong {
    font-weight: bolder
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

a,
button,
input {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button,
input {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button {
    text-transform: none
}

button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

.h4,
h1,
h2 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

h1 {
    font-size: 3.5rem
}

h2 {
    font-size: 2rem
}

.h4 {
    font-size: 1.5rem;
    color: #000000!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%
}

@media(min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    .container {
        max-width: 960px
    }
}

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

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-6,
.col-md-4,
.col-md-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

@media(min-width:768px) {
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
}

@media(min-width:992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem
}

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.collapse {
    display: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    text-transform: uppercase;
    font-family: avenir condensed
}

a.nav-link {
    color: #fff!important
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-text {
    display: inline-block;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%
}

@media(min-width:768px) {
    .navbar-expand-md {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-md .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .navbar-expand-md .navbar-toggler {
        display: none
    }
}

@media(min-width:992px) {
    .navbar-expand-lg {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }
    .navbar-expand-lg .navbar-collapse {
        display: -ms-flexbox!important;
        display: flex!important
    }
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.align-items-start {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important
}

@media(min-width:992px) {
    .align-items-lg-center {
        -ms-flex-align: center!important;
        align-items: center!important
    }
}

.mt-3 {
    margin-top: 1rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.mt40 {
    margin-top: 40px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mtb40 {
    margin-bottom: 40px!important;
    margin-top: 40px!important
}

.ml-auto {
    margin-left: auto!important
}

.mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.navbar-collapse.collapse {
    display: none
}

body {
    margin-top: 0
}

html {
    width: 100%;
    overflow-x: hidden
}

body {
    margin-top: 0;
    padding: 0;
    margin-right: 0;
    width: 100%;
    overflow-x: hidden;
    font-family: open sans, sans-serif
}

.header,
h2 {
    font-family: Ubuntu, sans-serif
}

h1 {
    font-family: Copperplate, sans-serif;
    color: #000!important
}

.container {
    overflow-x: hidden
}

.navbar-toggler {
    padding-top: 15px;
    padding-bottom: 0
}

.shadow {
    border-bottom: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .46)
}

.ptb-4 {
    padding-top: 40px!important;
    padding-bottom: 40px!important
}

a.btn {
    color: #fff!important;
    font-weight: 700!important;
    font-size: 1.3em
}

@font-face {
    font-family: fontawesome;
    src: url(/src/fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(/src/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/src/fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(/src/fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"), url(/src/fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(/src/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-2x {
    font-size: 2em
}

.fa-navicon:before {
    content: "\f0c9"
}

.backgroundImage {
    background-image: url(/src/images/fondo2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @supports(-webkit-appearance: none) {
        .backgroundImage {
            background-image: url(/src/images/fondo.webp);
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover
        }
    }
}

body {
    background: url('/src/images/fondo2.png') repeat center center fixed
}

.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    opacity: .5
}

.footerSticky {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    opacity: .5
}

.text-center {
    text-align: center!important
}

.BUTTON_YYE {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    height: 38px;
    line-height: 19px;
    color: #fff;
    font-family: Arial;
    width: 120px;
    font-size: .9em;
    font-weight: 100!important;
    padding: 11px;
    background-color: #0c9faa;
    -webkit-box-shadow: 1px 4px 4px 2px #000;
    -moz-box-shadow: 1px 4px 4px 2px #000;
    box-shadow: 1px 4px 4px 2px #000;
    border: solid #27b1ba 1px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

.BUTTON_YYE:hover {
    border: solid #0c9faa 1px;
    background: #27b1ba;
    background-image: -webkit-linear-gradient(top, #27b1ba, #0c9faa);
    background-image: -moz-linear-gradient(top, #27b1ba, #0c9faa);
    background-image: -ms-linear-gradient(top, #27b1ba, #0c9faa);
    background-image: -o-linear-gradient(top, #27b1ba, #0c9faa);
    background-image: -webkit-gradient(to bottom, #27b1ba, #0c9faa);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none
}

.separador {
    padding-right: 20px;
    margin-top: 20px
}

.column {
    float: left;
    width: 33.33%;
    padding: 5px
}

.rowImages::after {
    content: "";
    clear: both;
    display: table
}

.card {
    border-radius: 25px!important
}

.card-header {
    background: #05662d;
    background: linear-gradient( 90deg, rgba(5, 102, 45, 1) 0%, rgba(110, 165, 22, 1) 47%, rgba(150, 189, 13, 1) 100%);
    font-size: 1.5em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    border-top-left-radius: 25px!important;
    border-top-right-radius: 25px!important;
    text-align: left
}

.rightAnswer {
    background: #fff000!important
}

@font-face {
    font-family: avenir condensed;
    src: url(/src/fonts/AvenirNextLTPro-Cn.woff2) format("woff2"), url(/src/fonts/AvenirNextLTPro-Cn.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.AvenirCondensed {
    font-family: avenir condensed;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: avenir;
    src: url(/src/fonts/AvenirNextLTPro-UltLt.woff2) format("woff2"), url(/src/fonts/AvenirNextLTPro-UltLt.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.Avenir {
    font-family: avenir;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: avenir bold;
    src: url(/src/fonts/AvenirNextLTPro-Bold.woff2) format("woff2"), url(/src/fonts/AvenirNextLTPro-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.AvenirBold {
    font-family: avenir bold;
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: avenir black;
    src: url(/src/fonts/Avenir-Black.woff2) format("woff2"), url(/src/fonts/Avenir-Black.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.AvenirBlack {
    font-family: avenir black;
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: avenir book;
    src: local('Avenir Book'), local('Avenir-Book'), url(/src/fonts/Avenir-Book.woff2) format('woff2'), url(/src/fonts/Avenir-Book.woff) format('woff'), url(/src/fonts/Avenir-Book.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.AvenirBook {
    font-family: avenir book;
    font-weight: 100;
    font-style: normal
}

@font-face {
    font-family: copperplate;
    src: local('Copperplate'), local('Copperplate'), url(/src/fonts/Copperplate.woff2) format('woff2'), url(/src/fonts/Copperplate.woff) format('woff'), url(/src/fonts/Copperplate.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

.Copperplate {
    font-family: copperplate;
    font-weight: 100;
    font-style: normal;
    color: #000!important
}

body {
    font-family: avenir!important;
    color: #fff!important
}

p,
.trajeIntro {
    color: #000!important
}

form {
    font-family: avenir
}

.text-wite,
.text-white,
.text-white p {
    color: #fff!important
}

.titleSpot {
    color: #000!important
}