html {
    font-family: "proxima-nova", sans-serif;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

@font-face {
    font-family: 'ds-digitalnormal';
    src: url('../fonts/ds-digi-webfont.woff2') format('woff2'), url('../fonts/ds-digi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.bootstrap-select .btn {
    width: 100% !important;
    text-transform: none;
    font-size: 14px;
}

.border-none {
    border: none !important;
    outline: none;
}

.border-none:focus {
    border: none !important;
    outline: none;
}

.font-size-small {
    font-size: 0.8rem;
}

.altura {
    height: 80% !important;
}

.shadow-top {
    -webkit-box-shadow: 0px -6px 15px -1px #1B1B21;
    box-shadow: 0px -6px 15px -1px #1B1B21;
}

.btn-rojo {
    font-size: 15px;
    font-weight: 600;
}

.recuadro-opacidad-border {
    background-color: rgba(30, 30, 42, 0.85);
    border: solid 1px #ffffff;
}

.pointer {
    cursor: pointer;
}

.overflow-y {
    overflow-y: scroll;
}

.overflow-hidden {
    overflow: hidden;
}

.underline {
    text-decoration: underline;
}

/*scrollbar*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #e1e1e1;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffffff;
}

::-webkit-scrollbar-thumb:active {
    background: #21212a;
}

::-webkit-scrollbar-track {
    background: #666666;
    border: 0px none #ffffff;
    border-radius: 15px;
}

::-webkit-scrollbar-track:hover {
    background: #666666;
}

::-webkit-scrollbar-track:active {
    background: #333333;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

.dropdown-menu a.btn-switch {
    text-align: center !important;
    display: block !important;
}

.login-logo {
    max-width: 200px;
}

.hidden {
    display: none !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

.border-left-radius-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* login  */
.login.login-2 .login-signin,
.login.login-2 .login-signup,
.login.login-2 .login-forgot,
.login.login-2.login-signin-on .login-signup
,.login.login-2.login-signin-on .login-forgot,
.login.login-2.login-signup-on .login-signin,
.login.login-2.login-signup-on .login-forgot,
.login.login-2.login-forgot-on .login-signup,
.login.login-2.login-forgot-on .login-signin {
    display: none;
}

.login.login-2.login-signin-on .login-signin,
.login.login-2.login-signup-on .login-signup,
.login.login-2.login-forgot-on .login-forgot {
    display: block;
}

.login.login-2 .alert {
    display: block;
}

.login.login-2 .alert i {
    float: left;
}

.login.login-2 .alert p {
    margin: -1px 0 0 25px;
}

.login.login-2 .content .content-img {
    min-height: 450px;
}

.login.login-2 .content {
    overflow: hidden;
    background: url(../img/bg/bg-login.png) no-repeat center center scroll;
    background-size: cover;
}

.login.login-2 .content .content-right {
    width: 100%;
    display: flex;
    justify-content: center !important;
    padding: 45px 25px;
}

.login.login-2 .content .content-right img {
    max-height: 25px;
}

.login.login-2 .content .content-right h3 {
    font-weight: 500;
    color: #f9ffff;
}

.login.login-2 .content .content-right p {
    font-weight: 500;
    font-size: 14px;
    color: #f9ffff;
}

.login .form-control.form-control-solid::placeholder {
    color: rgb(63, 66, 84);
}

.login .btn.dropdown-toggle {
    font-size: 17px;
    padding: 0;
    border: 0;
    width: 100% !important;
}

.login #show-pass {
    top: 68px;
    right: 38px;
}

.login .form-group label {
    text-transform: none;
}

#perfil .show-pass {
    top: 40px;
    right: 80px;
}

.alert.alert-custom.alert-outline-danger .alert-text {
    color: #de4444;
}

.alert.alert-custom.alert-outline-danger .alert-icon i {
    color: #de4444;
}

.alert.alert-custom.alert-outline-danger {
    border-color: #de4444;
}

@media (min-width:992px) {
    .login.login-2 .login-aside {
        width: 100%;
        max-width: 600px;
    }

    .login.login-2 .content .content-img {
        min-height: 600px !important;
    }

    .login.login-2 .login-form {
        width: 100%;
        max-width: 370px;
    }

}

@media (min-width:992px) and (max-width:1399.98px) {
    .login.login-2 .login-aside {
        width: 100%;
        max-width: 600px;
    }

}

@media (max-width:991.98px) {
    .login.login-2 .content .content-img {
        min-height: 470px !important;
        background-size: cover;
    }

    .fondo-login {
        position: relative;
    }

    .fondo-login  div {
        z-index: 5000;
    }

    .fondo-login::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.1));
    }

    .login.login-2 .login-form {
        width: 100%;
        max-width: 400px;
    }

    .login #show-pass {
        top: 65px;
    }

    #perfil .show-pass {
        top: 32px;
    }

    .login-aside {
        height: 100% !important;
    }

    .login.login-2 .content {
        display: none !important;
    }

    .login-logo {
        max-width: 200px;
    }

}

@media (max-width:575.98px) {
    .login.login-2 .content .content-img {
        min-height: 280px !important;
        background-size: 400px;
    }

    .login.login-2 .login-form {
        width: 100%;
        max-width: 100%;
    }

    .login-aside {
        height: 100vh;
    }

}

/* bootstrap select */
.was-validated .form-control.bootstrap-select:invalid,
.was-validated .form-control.bootstrap-select:valid,
.form-control.bootstrap-select.is-invalid,
.form-control.bootstrap-select.is-valid {
    background-color: #000;
}

.is-invalid.bootstrap-select {
    border: 1px solid #ba0522;
    border-radius: 11.05px;
}

.is-valid.bootstrap-select {
    border: 1px solid #297980;
}

.is-valid.bootstrap-select .dropdown-toggle,
.is-invalid.bootstrap-select .dropdown-toggle {
    border: 0;
    padding-right: calc(1em + 1rem);
    background-repeat: no-repeat !important;
    background-position: right center !important;
    background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem) !important;
}

.content .bootstrap-select .dropdown-menu {
    z-index: 999;
}

.was-validated .bs-searchbox .form-control:valid,
.was-validated .bs-searchbox .form-control:invalid,
.bs-searchbox .form-control.is-invalid,
.bs-searchbox .form-control.is-valid {
    border-color: inherit;
    background: none;
}

/* 404 */
.error.error-6 .text-container {
    z-index: 999;
}

.error.error-6 .text-container h1 {
    margin-top: 12rem;
    letter-spacing: 1rem;
}

.error.error-6 .text-container h1:after {
    content: "404";
    position: absolute;
    color: transparent;
    -webkit-text-stroke-width: 1px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 2.5em;
    z-index: -1;
}

.error.error-6 .error-title {
    font-size: 5rem !important;
}

@media (min-width:768px) {
    .error.error-6 .error-title {
        font-size: 10rem !important;
    }

}

/* header */
.wrapper-off {
    padding-top: 0 !important;
}

#kt_header #kt_quick_user_toggle {
    border-radius: 0.42rem;
}

#kt_header .header-notificaciones .dropdown {
    border-right: 1px solid #b9b6ca;
    border-radius: 0;
}

#kt_header .header-notificaciones .btn-notificacion-close {
    cursor: pointer;
}

/* aside */
#kt_aside a.disabled {
    pointer-events: none;
}

#kt_aside_menu {
    padding: 20px 0;
}

.bubble-bell {
    position: relative;
    left: 37px;
    width: 18px;
    height: 18px;
    padding: 0;
    top: -7px
}

.burger-icon {
    display: none;
}

@media (max-width:992px) {
    .bubble-bell {
        bottom: 5px !important;
        left: 52px !important;
    }

    #notificaciones button {
        padding-bottom: 10px;
        margin-left: 15px;
        padding-right: 0 !important;
    }

    #notificaciones {
        border-right: 0 !important;
    }

    .sub-header-mobile {
        position: fixed;
        top: 55px;
        width: 100%;
        z-index: 10;
        display: flex;
        justify-content: center;
    }

}

/* footer */
.iframe-footer {
    position: relative;
    width: 100%;
    height: auto;
}

/* perfil */
#perfil-form .alert-custom {
    margin-top: 2rem;
}

#perfil-form .alert-custom p {
    margin-bottom: 0;
}

#kt_profile_avatar .symbol-120 .symbol-label,
#kt_profile_avatar .symbol-120 img {
    width: 114px;
    height: 114px;
    border-radius: 3px;
}

#kt_profile_avatar .symbol-120 .symbol-label.loading {
    color: transparent;
}

#kt_profile_avatar .symbol-120 img.loading {
    opacity: .25;
}

#kt_profile_avatar #btn-avatar {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 25px !important;
}

#kt_profile_avatar #btn-avatar-remove {
    position: absolute;
    bottom: -10px;
    right: -10px;
    width: 25px !important;
}

#perfil-form #avatar-loading {
    position: absolute;
    top: 65px;
    left: 65px;
}

#kt_profile_avatar .btn.disabled {
    opacity: 1;
    cursor: not-allowed;
}

.requisitos-pass span {
    line-height: 2;
}

.nw-image-cropper {
    width: 150px;
    height: 150px;
}

.nw-profile-pic {
    margin-left: 0;
    border-radius: 5px;
}

.swal2-container .swal2-html-container {
    max-height: 80vh !important;
    overflow-y: auto !important;
}

/* perfil */
.aclaracion {
    font-size: 11px;
    opacity: 0.7;
}

input[type=range] {
    width: 100%;
    background-color: transparent;
    -webkit-appearance: none;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(0, 231, 231, 0.5) !important;
    color: #00e6e6;
    border: 0;
    width: 100%;
    height: 7px;
    cursor: pointer;
}

input[type=range]::-webkit-slider-thumb {
    margin-top: -7px;
    width: 8px;
    height: 20px;
    background: #48297c;
    border-radius: 10px;
    cursor: pointer;
    -webkit-appearance: none;
}

input[type=range]::-moz-range-thumb {
    width: 10px;
    height: 10px;
    background: #00e6e6;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

input[type=range]::-ms-track {
    background: #ccc;
    border-color: transparent;
    border-width: 5px 0;
    color: transparent;
    width: 100%;
    height: 7px;
    cursor: pointer;
}

input[type=range]::-ms-fill-lower {
    background: #00e6e6;
    border: 0;
}

input[type=range]::-ms-fill-upper {
    background: #ccc;
    border: 0;
}

input[type=range]::-ms-thumb {
    width: 10px;
    height: 10px;
    background: #00e6e6;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 0px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #00e6e6;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

input[type="range"]::-moz-range-progress {
    background-color: #00e6e6;
}

input[type="range"]::-moz-range-track {
    background-color: #ccc;
}

/* - IE */
input[type="range"]::-ms-fill-lower {
    background-color: #00e6e6;
}

input[type="range"]::-ms-fill-upper {
    background-color: #ccc;
}

/* login error */
.error.error-6.login .text-container h1:after {
    content: "Error";
    font-size: 1.5em;
}

/* dashboard */
#dashboard .notched-box-dashboard {
    padding: 1px;
}

#dashboard .carousel-item p {
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    max-width: 550px;
    line-height: 120%;
    padding-left: 15px;
    padding-bottom: 30px;
}

#dashboard .carousel-item .right {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#dashboard .carousel-item-bg {
    background-position: center bottom;
    background-size: cover;
}

#dashboard .carousel-item-bg {
    position: relative;
}

#dashboard .carousel-item-bg  div {
    z-index: 5000;
}

#dashboard .carousel-item-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}

#dashboard .carousel-indicators {
    bottom: 10px;
    z-index: 5001;
}

#dashboard .carousel-indicators li {
    background-color: transparent;
    border-radius: 50%;
    border: solid 2px #ffffff;
    margin-left: 5px;
    margin-right: 5px;
    width: 8px;
    height: 8px;
}

#dashboard #countdown .text-primary {
    color: #fff !important;
}

#dashboard #dashboardProgress .progress {
    height: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 40px;
    height: 40px;
    background-color: transparent !important;
}

.carousel-control-prev-icon {
    background-image: url('../svg-icons/left-chevron.svg');
}

.carousel-control-next-icon {
    background-image: url('../svg-icons/right-chevron.svg');
}

.carousel-control-prev {
    justify-content: left;
}

.carousel-control-next {
    justify-content: flex-end;
}

.carousel-control-prev,
.carousel-control-next {
    width: 45px;
    z-index: 5001;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: .5;
}

.carousel-control-prev,
.carousel-control-prev:focus,
.carousel-control-next,
.carousel-control-next:focus {
    opacity: .25;
}

.contenedor-carrousel {
    width: 350px;
    min-height: 275px;
    padding: 15px 25px;
}

.contenedor-carrousel p {
    font-size: 15px;
    color: #ffffff;
}

.contenedor-carrousel img {
    max-width: 300px;
    padding-right: 15px;
}

.carousel-item .card-body {
    min-height: 295px;
    position: relative !important;
}

/* soporte */
.cont-faq-soporte {
    border: solid 1px #fff;
    background-image: url(../img/bg/soporte-faq.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-width: 260px;
}

@media (max-width:1199px) {
    .form-soporte {
        margin-top: 30px;
    }

}

@media(max-width:698px) {
    .contenedor-soporte {
        flex-direction: column;
        align-items: center;
    }

    .cont-form-soporte {
        width: 100% !important;
        margin-left: 0 !important;
    }

}

@media(max-width:640px) {

    /*home: topbar*/
    .no-640 {
        display: none !important;
    }

    .dropdown-menu {
        width: 250px !important;
    }

    .dropdown-menu a {
        display: flex !important;
    }

}

@media (max-width:500px) {
    .no-500 {
        display: none !important;
    }

    .dropdown-menu {
        width: 200px;
    }

    /*mi perfil*/
    .cont-perfil {
        width: 90%;
    }

}

/* terminos */
.contenedor-terminos {
    padding: 35px 30px;
    overflow-y: auto;
    height: 500px;
    box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    -moz-box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    border-radius: 5px;
}

.contenedor-perfil {
    background-color: #000000 !important;
    padding: 40px;
    border-radius: 30px;
    clip-path: polygon(calc(100% - 30px) 100%, 100% calc(100% - 30px), 100% 0, 0 0, 0 100%) !important;
    overflow: hidden;
}

@media (max-width:991px) {
    .terminos-y-condiciones {
        width: 100% !important;
    }

    .aside-menu .menu-nav .menu-item{
        align-items: center;
    }

    .aside .aside-menu .menu-nav > .menu-item > .menu-link {
        width: 50px;
        height: 50px;
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

@media (max-width:380px) {
    .accordion-btn {
        font-size: 13px !important;
    }

}

/**/
.card-bg {
    background-color: transparent;
}

/*home*/
.bootstrap-select .dropdown-toggle.btn-light {
    background-color: #000 !important;
}

.bootstrap-select .dropdown-toggle.btn-light .filter-option-inner-inner {
    color: #fff !important;
    padding: 0;
}

#perfil .bootstrap-select .dropdown-toggle.btn-light {
    background-color: transparent !important;
}

#perfil .bootstrap-select .dropdown-toggle.btn-light .filter-option-inner-inner {
    color: #000 !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

#perfil .bootstrap-select > .dropdown-toggle {
    padding: 7px 1rem;
}

#detalle-puntos .swal2-show {
    background-color: rgba(73, 41, 124, 0.3) !important;
}

#perfil .image-input .image-input-wrapper {
    width: 150px;
    height: 150px;
}

#perfil .symbol-perfil,
#perfil .symbol-perfil span,
#perfil .symbol-perfil img {
    width: 144px;
    height: 144px;
    max-width: 100%;
}

.text-muted-custom {
    color: #999 !important;
}

.container-custom {
    padding: 60px 70px;
}

/*INDEX*/
.login-form .bootstrap-select {
    padding: 0 13px 0 13px !important;
}

.login-form .dropdown-toggle {
    padding: 16.25px 0 !important;
    height: auto !important;
}

.fondo-login {
    background-image: url(../img/bg/bg-login.png) !important;
    background-size: cover;
    background-position: right;
}

/*FOOTER*/
.line-footer {
    background-image: url(../img/bg/line.png);
    background-size: contain;
    height: 10px;
}

.btn-footer {
    box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    -moz-box-shadow: 0px 0px 5px 2px rgba(4, 229, 123, 0.75) inset;
    border: solid 1px #04e57b;
    background-color: #000000;
    padding: 5px 10px;
    border-radius: 5px;
}

.contenedor-links-footer a:hover {
    color: #04e57b !important;
}

.btn-fixed {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 12px;
    bottom: 135px;
    cursor: pointer;
}

.btn-fixed:hover {
    opacity: 0.7;
}

@media (max-width:767.5px) {
    .contenedor-links-footer {
        justify-content: center;
    }

    .btn-fixed {
        width: 40px;
        height: 40px;
        position: fixed;
        right: 12px;
        bottom: 27px;
        cursor: pointer;
    }

}

@media (max-width:525.5px) {
    .contenedor-links-footer {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
    }

    .contenedor-links-footer a {
        min-width: 112px;
        margin-bottom: 10px;
    }

    .v-line {
        border-color: transparent !important;
    }

}

/*DASHBOARD*/
.bg-dashboard, .bg-marcas,#expo-marca, .bg-pocs  {
    background-color: #fff;
    background-image: url(../img/bg/bg-dashboard.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg-slide {
    background-image: url(../img/bg/bg-slider-01.png) !important;
    height: 295px;
    background-position: left;
    background-size: cover;
}

.bg-dashboard .alert-danger {
    background-color: #e4002b !important;
    border-color: #e4002b !important;
}

.bg-dashboard .alert-danger h4 {
    font-family: "neusa-next-std", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.bg-dashboard .alert-danger h5 {
    font-size: 13px;
    margin-bottom: 0 !important;
}

.bg-dashboard .alert-danger p {
    margin-bottom: 15px !important;
    font-size: 12px;
}

.bg-dashboard .alert-danger .btn {
    width: 240px !important;
    color: #e4002b !important;
}

.bg-dashboard .alert-danger .btn:hover {
    color: #ffffff !important;
}

.bg-dashboard .alert-danger .btn-secundario rect {
    fill: none;
    stroke: #ffffff !important;
}

.cuenta-regresiva {
    background-color: #000000;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.cuenta-regresiva .header {
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.cuenta-regresiva .header h5 {
    color: #82e681;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0;
    letter-spacing: 2px;
}

.cuenta-regresiva .header img{
    padding-top: 15px;
}

.cuenta-regresiva .center {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.cuenta-regresiva .center img {
    max-width: 100%;
}

.cuenta-regresiva .center h4 {
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 3px 5px;
    letter-spacing: 3px;
    border-radius: 4px;
    overflow: hidden;
    border: solid 1px #04e57b;
    margin-bottom: 15px;
}

.cuenta-regresiva .info-day{
    width: 140px;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.cuenta-regresiva .info-day .icon-box{
    display: flex;
    align-items:flex-start;
    margin-top: 10px;
}

.cuenta-regresiva .info-day .icon-box img{
    margin-right: 10px;
    padding-top: 1px;
}

.cuenta-regresiva .info-day .icon-box p{
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 120%;
    margin-bottom: 0 !important;
}

.widget-contador,
.widget-contador-final {
    display: flex;
    height: auto;
    border: solid 1px #ffffff;
    padding: 5px 15px;
    background: linear-gradient(45deg, rgba(255, 255, 255, 0.2), transparent);    
    width: 100%;
    justify-content: space-around;
}

.widget-contador-final p{
    font-size: 35px;
    font-weight: 700;
    color: transparent !important;
    -webkit-text-stroke: 1px #ffffff !important;
    text-transform: uppercase;
    margin-bottom: 0;
    text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
    from {opacity: 1.0;}
    to {opacity: 0.0;}
  }

.widget-contador .contador {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.contador .circle {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contador span {
    color: #ffffff;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
}

.contador h4 {
    margin-bottom: 0;
    padding: 0;
    font-size: 35px;
    font-weight: 500;
    color: #ffffff !important;

}

.contador.dias h4 {
    color: #ffffff !important;
}

@media (max-width:991.5px) {
    .widget-contador {
        flex-direction: row;
        justify-content: center;
    }

    .contador .circle {
        margin: 0 25px;
    }
}

#widget-progreso,
#widget-puntos {
    overflow: hidden;
    padding: 30px 20px;
}

#widget-progreso {
    background-color: #000000;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

#widget-progreso .itemProgreso {
    display: flex;
    align-items: center;
}

#widget-progreso .itemProgreso h3{
    line-height: 75%;
}

#widget-progreso .itemProgreso .icon {
    width: 40px;
    margin-right: 10px;
}

#widget-progreso .svg-icon.svg-icon-2x svg {
    width: 20px !important;
    height: 20px !important;
}

#widget-progreso .itemProgreso .icon img {
    max-width: 100%;
    max-height: 100%;
}

#widget-puntos {
    background: #000000 url(../img/home/bg-bicolor.png);
    background-size: cover;
    background-position: center;
}

#widget-puntos .right img {
    max-width: 100%;
}

#widget-puntos .left .itemProgreso {
    padding: 10px 0;
}

.divisor{
    background-color: #04e57b;
    height: 1px;
    width: 100%;
    position: relative;
    margin: 5px 0;
}

.divisor::before{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: -4px;
    left: 0;
    background-color: #04e57b;
    border-radius: 50%;
}

.divisor::after{
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    top: -4px;
    right: 0;
    background-color: #04e57b;
    border-radius: 50%;
}

#widget-puntos .left .itemProgreso h3 {
    font-size: 40px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    margin-right: 10px !important;
}

#widget-puntos .left .itemProgreso span {
    color: #ffffff !important;
    font-size: 16px;
    line-height: 120%;
    max-width: calc(100% - 145px);
    font-weight: 600;
}

#widget-puntos .left .itemProgreso .progress {
    background-color: #000;
    height: 10px !important;
}

#widget-puntos .right{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

#widget-progreso .titular{
    border-radius: 25px;
    padding: 12px 20px;
    margin-bottom: 35px;
    border: solid 1px #04e57b;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

#widget-puntos .titular{
    border: none !important;
    padding: 12px 20px;
    margin-bottom: 35px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), transparent);
}

#widget-progreso .titular h4,
#widget-puntos .titular h4{
    margin-bottom: 0;
    font-size: 17px;
    position: relative;
    color: #04e57b;
    text-transform: uppercase;
    position: relative;
    width: fit-content;
}

#widget-progreso .titular h4::after{
    position: absolute;
    content: url("../img/home/miscelanea.png");
    left: 0;
    width: 2000px;
    top: -2px;
    transform: scale(0.8);

}

/* 
#widget-progreso .titular h4,
#widget-puntos .titular h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

#widget-progreso .titular h4:before,
#widget-puntos .titular h4:before {
    background-color: #000000;
    content: "";
    width: 70px;
    height: 2px;
    position: absolute;
    top: 40%;
    left: 150px;
}

#widget-progreso .titular h4:after,
#widget-puntos .titular h4:after {
    content: url("../../../images/bullet.svg");
    width: 8px;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 220px;
    rotate: 90deg;
} */

/*AGENDA*/
.bg-agenda {
    background-color: #ffffff;
    background-image: url(../img/bg/bg-clean.png);
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}

.bg-agenda .row {
    justify-content: space-between;
}

.bg-agenda .border-custom {
    padding-right: 70px;
    border-right: solid 1px #000000;
}

.bg-agenda .item-agenda {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.bg-agenda .item-agenda .left {
    display: flex;
    align-items: center;
}

.bg-agenda .item-agenda .left .icon{
    clip-path: polygon(0 10%, 10% 0, 90% 0, 100% 0, 100% 90%, 90% 100%, 10% 100%, 0 100%);
    width: 50px;
    height: 50px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000000;
    margin-right: 15px;
}

.bg-agenda .item-agenda .left img {
    max-width: 100%;
}

.bg-agenda .item-agenda p {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 0;
    font-weight: 600;
}

.titular-section {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.titular-section h2 {
    margin-bottom: 0;
    color: #ffffff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
}

.titular-section img{
    margin-right: 15px;
    transform: rotate(270deg);
    width: 50px;
}

.recuadro-titular {
    border: solid 2px #7200a7;
    border-radius: 20px;
    width: 460px;
    text-align: center;
    padding: 5px;
    margin-bottom: 60px;
}

.recuadro-titular h4 {
    font-size: 15px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
    padding: 0 10px;
}

.dia-agenda {
    font-size: 16px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    color: #000;
    border-bottom: solid 3px #000;
    margin-bottom: 20px;
    min-height: 40px;
}

.dia-agenda span {
    font-size: 18px;
    color: #7200a7;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
}

.column-agenda {
    column-count: 2
}

.horario-agenda {
    font-size: 15px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    color: #000;
    margin-bottom: 0 !important;
}

.agenda-descripcion {
    font-size: 14px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;
}

.recuadro-agenda {
    border: solid 1px #c10097;
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.recuadro-agenda h4 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 15px;
}

@media (max-width:767px) {
    .bg-agenda .border-custom {
        border-right: none;
        padding-right: 15px;
    }

}

/*CONTACTO*/
.bg-contacto,
.terminos .content,
#perfil .content {
    background-color: #ffffff;
    background-image: url(../img/bg/bg-clean.png);
    background-position: right;
    background-size: cover;
}

.bg-contacto .recuadro-titular {
    border-color: #100d93 !important;
    width: 165px;
}

.card-support {
    border: none;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.card-support::before {
    content: "";
    background-color: #ffffff;
    opacity: 0.4;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

.card-support .form-control {
    position: relative;
    z-index: 2;
}

.card-support .form-control.form-control-solid,
#perfil .form-control,
#perfil .text-muted-custom.abg-fondo {
    background-color: transparent !important;
    border: solid 1px #04e57b !important;
    color: #000000;
    font-size: 14px !important;
}

.card-support .form-control.form-control-solid::placeholder {
    color: #000 !important;
    font-size: 14px !important;
}

.card-support h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    position: relative;
    z-index: 2;
    margin-bottom: 35px;
}

.card-support h4::after {
    content: "";
    background-color: #7200a7;
    width: 40px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.card-support .alert.alert-custom {
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 2 !important;
}

.card-support.alert.alert-custom.alert-outline-warning {
    border-color: #f28509 !important;
    border-width: 2px;
    position: relative !important;
    z-index: 2 !important;
}

.card-support .alert.alert-custom.alert-outline-warning .alert-icon i {
    color: #f28509 !important;
}

.card-support  .alert.alert-custom.alert-outline-warning .alert-text {
    color: #f28509 !important;
    font-weight: 500;
}

.card-support  .alert.alert-custom.alert-outline-warning .alert-close i {
    opacity: 0.8;
    color: #f28509 !important;
}

.card-support  .alert.alert-custom.alert-outline-success {
    background-color: transparent;
    border-color: #2b7a81 !important;
    border-width: 2px;
    position: relative;
    z-index: 2;
}

.card-support .alert.alert-custom.alert-outline-success .alert-icon i {
    color: #2b7a81 !important;
}

.card-support .alert.alert-custom.alert-outline-success .alert-text {
    color: #2b7a81 !important;
    font-weight: 500;
}

.card-support .alert.alert-custom.alert-outline-success .alert-close i {
    opacity: 0.8;
    color: #2b7a81 !important;
}

/*MQ GLOBALES*/
@media (max-width:991.5px) {
    .container-custom {
        padding: 45px 25px;
    }

    .titular-section {
        margin-left: 0 !important;
    }

}

@media (max-width:685px) {
    .titular-section img {
        width: 20px !important;
    }

}

@media (max-width:440px) {
    .titular-section h2 {
        font-size: 25px;
    }

    .bg-agenda .item-agenda p {
        font-size: 14px;
        letter-spacing: 1px;
    }

}

@media (max-width:320px) {
    .container-custom {
        padding: 45px 15px;
    }

}

.bootstrap-select .dropdown-menu li small {
    color: #666 !important;
}

.bootstrap-select .dropdown-menu li.active small {
    color: #333 !important;
}

/* POCs */
.patrocinadores .patrocinador {
    position: relative;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 20px 40px;
    margin: 5px 10px;
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%;
    cursor: pointer;
}

.patrocinadores .patrocinador img {
    display: block;
    margin: 0px auto;
    width: 40px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.patrocinadores .patrocinador:hover {
    background-color: #fff;
}

.patrocinadores .patrocinador:hover img {
    -webkit-filter: none;
    filter: none;
}

/* .patrocinadores .patrocinador:hover .visitado {
    display: none;
} */

.patrocinadores .patrocinador .iso-h {
    display: none;
}

.patrocinadores .patrocinador:hover .iso-h {
    display: block;
}

.patrocinadores .patrocinador:hover .iso-w {
    display: none;
}

@media (min-width:993px) and (max-width:1199px) {
    .patrocinadores {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

}

@media (max-width:991px) {
    .patrocinadores {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .patrocinador {
        -ms-flex-preferred-size: 30% !important;
        flex-basis: 30% !important;
    }

}

@media (max-width:651px) {
    .patrocinador {
        -ms-flex-preferred-size: 40% !important;
        flex-basis: 40% !important;
    }

}

@media (max-width:526px) {
    .patrocinador {
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    }

}

/* POCs marca */
.body-expo-marca-platinum .logo {
    height: 166px;
    margin: -50px 0;
}

.body-expo-marca-platinum .header-platinum {
    height: 66px;
}

.body-expo-marca-platinum .slogan {

}

.body-expo-marca .nw-image-cropper {
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
}

.body-expo-marca .logo-ampliada {
    position: absolute;
    width: 100px;
    background-color: #fff;
    top: 60px;
    left: 40px;
}

@media (max-width:900px) {
    .body-expo-marca .logo-ampliada {
        display: none;
    }

}

.body-expo-marca .logo-ampliada img {
    width: 100%;
}

.body-expo-marca .alert-custom p {
    margin-bottom: 0;
}

.body-expo-marca .btn.btn-outline-primary:focus,
.body-expo-marca .btn.btn-outline-primary.focus {
    background-color: transparent !important;
}

#expo-marca .video-preview {
    cursor: pointer;
}

.body-expo-marca-gold .video-preview {
    width: 201px;
}

#expo-marca .video-preview div {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

#expo-marca .video-preview div .text-primary {
    color: #fff !important;
}

@media (max-width:1399px) {
    .header-platinum {
        background-position-x: left !important;
    }

}

@media (max-width:1289px) {
    .body-expo-marca-gold .video-preview {
        width: 749px;
    }

}

@media (max-width:1025px) {
    .body-expo-marca-gold .video-preview {
        width: 566px;
    }

}

@media (max-width: 992.5px){
    .header-platinum{
        background-position: left !important;
    }
}

@media (max-width:768px) {
    /* .body-expo-marca-platinum .logo {
        display: none;
    } */

}

@media (max-width:675px) {
    .body-expo-marca-gold .video-preview {
        width: 418px;
    }

}

@media (max-width:520px) {
    .body-expo-marca-gold .video-preview {
        width: 85%;
    }

}

.swal-marca .swal2-popup.swal2-modal.swal2-show {
    background-color: #fff !important;
}

@media (max-width:724px) {
    h3.stand-title {
        font-size: calc(0.8rem + 1.5vw) !important;
    }

    .logo-stand {
        padding: 1.25rem 2rem !important;
    }

}

@media (max-width:500px) {
    .stand-title {
        padding: 10px !important;
    }

    .logo-stand {
        display: none !important;
    }

}

.c-mostrador {
    position: absolute;
    bottom: -50px;
    left: 250px;
    width: 249px;
    height: 172px;
    -webkit-box-shadow: 0px 0px 20px 2px #000000;
    box-shadow: 0px 0px 20px 2px #000000;
}

.c-mostrador .mostrador {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    z-index: 3;
}

.c-mostrador .bot {
    width: 40%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 143px;
    margin: auto;
}

.b-r-platinum {
    position: absolute;
    width: 250px;
    padding: 15px 35px;
    bottom: -50px;
    right: -2%;
    height: 380px;
    background-size: contain;
}

.b-l-platinum {
    width: 220px;
    height: 414px;
    padding: 20px;
    position: absolute;
    bottom: -50px;
    left: -201px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.b-l-platinum a.btn {
    width: 156px;
}

.b-l-platinum .btn.btn-outline-white:hover .svg-icon svg g [fill] {
    fill: black !important;
}

.video-vimeo-stand {
    position: absolute;
    display: block;
    width: 200px;
    top: 130px;
    left: 5%;
}

@media(max-width: 1460px){
    .b-l-platinum {
        left: -240px;
    }

    .bg-platinum{
        background-position: center left !important;
        background-size: cover !important;
        max-width: 79% !important;
        position: relative;
        left: 40px;
    }
}


@media (max-width:1400px) {
    .b-l-platinum {
        left: -196px;
    }

    .video-vimeo-stand {
        left: 10px;
        top: 140px;
    }

    .banner-c-gold{
        background-size: contain !important;
        min-width: 450px !important;
    }
    /* .banner-r-gold {
        width: 216px !important;
    } */

}

@media(max-width: 1370px){
    .bg-platinum {
        max-width: 78% !important;
    }

    .b-l-platinum {
        left: -215px;
    }
    
}

@media (max-width:1255px) {
    .video-vimeo-stand {
        left: 5px;
    }

}

@media (max-width:1199px) {
    .b-l-platinum {
        bottom: -300px;
        left: 20px;
    }

    .stand-platinum-c {
        width: 100% !important;
    }

    .body-stand-platinum {
        height: 630px;
    }

    .c-mostrador {
        width: 229px;
        height: 152px;
    }

    .c-mostrador .bot {
        bottom: 120px;
    }

}

@media (max-width:1035px){
    /* .b-l-platinum{
        left: 255px !important;
    } */
}


@media (max-width:822px) {
    /* .b-l-platinum {
        left: 239px !important;
    } */

}

@media (max-width:767px) {
    .bg-platinum {
        background: none !important;
        padding: 0;
        width: 100% !important;
        max-width: 100% !important;
        position: inherit !important;
    }

    .video-vimeo-stand {
        position: relative;
        display: block;
        width: 100%;
        margin-top: -100px !important;
    }

    .b-l-platinum.no-video {
        position: initial;
        width: 100%;
        background-size: cover;
        height: fit-content;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
        align-items: center;
    }

    .b-l-platinum {
        position: initial;
        width: 100%;
        background-size: cover;
        height: 250px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 180px;
        margin-bottom: 30px;
        align-items: center;
    }
    

    .b-l-platinum .text-white.mb-0{
        text-align: center;
    }

    .c-mostrador {
        display: none;
        /* bottom: 470px; */
    }

    .b-r-platinum {
        position: initial;
        background-color: rgba(0, 0, 0, 0);
        background-color: #fff !important;
        width: 100%;
        height: auto;
        padding: 15px;
        background-position: top !important;
        background-size: cover !important;
    }

    #expo-marca .titular-poc:before {
        width: 100% !important;
        left: 0;
        right: 0;
    }

    .body-stand-platinum {
        height: auto;
    }

    .margin-custom{
        margin-bottom: 50px;
    }

    .cuenta-regresiva .center {
        margin: 0 auto 40px;
        width: 425px;
    }

    .cuenta-regresiva .info-day {
        width: 160px;
        bottom: 10px;
        left: 0;
    }

}

@media (max-width: 660px){
    .b-l-platinum,
    .b-r-platinum-c{
        height: auto;
    }
}

@media (max-width: 525px){
    .cuenta-regresiva .center {
        width: 100%;
    }

    .cuenta-regresiva .info-day {
        width: 140px;
        bottom: -5px;
        left: 0;
    }
}

@media (max-width: 500px){
    .body-expo-marca-platinum .logo {
        max-height: 166px;
    }
}


.banner-l-gold {
    height: 444px;
    width: 236px;
    padding: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.banner-l-gold a.btn {
    width: 156px;
}

.banner-l-gold .btn.btn-outline-white:hover .svg-icon svg g [fill] {
    fill: black !important;
}

.banner-c-gold {
    height: 444px;
    max-width: 618px;
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 600px;
}

.banner-r-gold {
    width: 253px;
    height: 553px;
    background-size: cover;
}

.c-mostrador-d {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: block;
    margin: 0px auto;
    width: 249px;
    height: 172px;
    -webkit-box-shadow: 0px 0px 20px 2px #000000;
    box-shadow: 0px 0px 20px 2px #000000;
}

.c-mostrador-d .mostrador-d {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    width: 249px;
    height: 172px;
    z-index: 3;
}

.c-mostrador-d .bot {
    width: 110px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -100px;
    margin: auto;
}

@media (max-width:1287px) {


    .body-stand-gold .row .flex-wrap{
        flex-wrap: nowrap !important;
    }

}

@media (max-width:1025px) {
    .banner-r-gold,
    .banner-l-gold,
    .banner-c-gold {
        width: 618px !important;
    }

    .banner-c-gold {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .banner-l-gold {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto;
        padding: 20px;
        background-size: cover;
    }

    .banner-l-gold .d-flex {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: 100%;
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .banner-l-gold a.btn {
        margin-bottom: 10px !important;
    }

    .banner-r-gold {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

}

@media (max-width: 992.5px){
    .banner-r-gold .animate__animated.animate__delay-3s{
        margin-top: 0 !important;
    }

    .banner-l-gold .d-flex{
        justify-content: center !important;
    }

    .banner-l-gold .d-flex .text-white.w-100{
        text-align: center !important;
    }

}

@media (max-width:675px) {
    .banner-r-gold,
    .banner-l-gold,
    .banner-c-gold {
        width: 100%;
    }

    .banner-c-gold {
        background-size: contain !important;
        min-height: 400px;
        height: auto;
}


    #expo-marca .contenedor-btns a{
        margin-right: 0 !important;
    }

    #expo-marca .contenedor-btns a span{
        display: none;
    }

    #expo-marca .contenedor-btns a{
        width: fit-content !important;
        margin: 0 5px;
    }


    .body-stand-gold .d-flex.flex-wrap{
        max-width: 100% !important;
    }

}

@media (max-width:585px) {
    .banner-l-gold .d-flex {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important;
    }

    .c-mostrador-d {
        display: none;
    }

    .banner-c-gold {
        background-size: contain !important;
        min-height: 300px;
        height: auto;
        background-position: center;
        margin: 0 auto 25px auto !important;
}


}

@media (max-width:480px){
    .banner-c-gold {
        min-height: 230px;
    }

    .c-mostrador-d .mostrador-d,
    .c-mostrador-d {
        width: 220px;
        height: 137px;
    }

    .c-mostrador-d {
        bottom: -77px;
    }

    #expo .title-organizador:before {
        width: 59px !important;
        left: 159px !important;
    }

    #expo .title-organizador:after {
        left: 213px !important;
    }

    #expo .title-gold:before {
        width: 36px !important;
        left: 164px !important;
    }

    #expo .title-gold:after{
        left: 199px !important;
    }

    #expo .card-expo .card-body .logo img{
        max-width: 176px !important; 
    }

    #expo .card-expo .card-body .recuadro p {
        font-size: 15px !important;
        text-align: center;
        line-height: 125%;
    }

    #expo .card-expo .card-body .bottom p {
        font-size: 14px !important;
        line-height: 125%;
    }


}

/* encuesta */
#encuesta .form-control.form-control-solid {
    background-color: transparent !important;
    border: solid 1px #04e57b !important;
    color: #000000;
    font-size: 14px !important;
}

#encuesta .form-control.form-control-solid::placeholder {
    color: #000 !important;
    font-size: 14px !important;
}


#encuesta .alert.alert-custom,
#trivia .alert.alert-custom {
    background-color: transparent !important;
    position: relative !important;
    z-index: 2 !important;
}

#encuesta.alert.alert-custom.alert-outline-warning,
#trivia.alert.alert-custom.alert-outline-warning {
    border-color: #f28509 !important;
    border-width: 2px;
    position: relative !important;
    z-index: 2 !important;
}

#encuesta .alert.alert-custom .alert-text ,
#trivia .alert.alert-custom .alert-text p{
    margin-bottom: 0 !important;
    text-align: center;
}

#encuesta .alert.alert-custom.alert-outline-warning .alert-icon i,
#trivia .alert.alert-custom.alert-outline-warning .alert-icon i {
    color: #f28509 !important;
}

#encuesta .alert.alert-custom.alert-outline-warning .alert-text,
#trivia .alert.alert-custom.alert-outline-warning .alert-text {
    color: #f28509 !important;
    font-weight: 500;
}

#encuesta .alert.alert-custom.alert-outline-warning .alert-close i,
#trivia .alert.alert-custom.alert-outline-warning .alert-close i {
    opacity: 0.8;
    color: #f28509 !important;
}

#encuesta .alert.alert-custom.alert-outline-success,
#trivia .alert.alert-custom.alert-outline-success {
    background-color: transparent;
    border-color: #2b7a81 !important;
    border-width: 2px;
    position: relative;
    z-index: 2;
}

#encuesta .alert.alert-custom.alert-outline-success .alert-icon i,
#trivia .alert.alert-custom.alert-outline-success .alert-icon i {
    color: #2b7a81 !important;
}

#encuesta .alert.alert-custom.alert-outline-success .alert-text,
#trivia .alert.alert-custom.alert-outline-success .alert-text {
    color: #2b7a81 !important;
    font-weight: 500;
}

#encuesta .alert.alert-custom.alert-outline-success .alert-close i,
#trivia .alert.alert-custom.alert-outline-success .alert-close i {
    opacity: 0.8;
    color: #2b7a81 !important;
}

/* trivia */
#trivia-form .card-footer {
  background: transparent;
  border: 0;
}

#trivia-form input.disabled {
  pointer-events: none;
}

#trivia-form .btn-prev:hover i {
  color: #fff !important;
}

/* icon flags */
.flag-icon-background { background-size: contain; background-position: 50%; background-repeat: no-repeat }
.flag-icon { background-size: contain; background-position: 50%; background-repeat: no-repeat; position: relative; display: inline-block; width: 1.33333333em; line-height: 1em }
.flag-icon:before { content: '\00a0' }
.flag-icon.flag-icon-squared { width: 1em }
.flag-icon-ad { background-image: url(flags/4x3/ad.svg) }
.flag-icon-ad.flag-icon-squared { background-image: url(flags/1x1/ad.svg) }
.flag-icon-ae { background-image: url(flags/4x3/ae.svg) }
.flag-icon-ae.flag-icon-squared { background-image: url(flags/1x1/ae.svg) }
.flag-icon-af { background-image: url(flags/4x3/af.svg) }
.flag-icon-af.flag-icon-squared { background-image: url(flags/1x1/af.svg) }
.flag-icon-ag { background-image: url(flags/4x3/ag.svg) }
.flag-icon-ag.flag-icon-squared { background-image: url(flags/1x1/ag.svg) }
.flag-icon-ai { background-image: url(flags/4x3/ai.svg) }
.flag-icon-ai.flag-icon-squared { background-image: url(flags/1x1/ai.svg) }
.flag-icon-al { background-image: url(flags/4x3/al.svg) }
.flag-icon-al.flag-icon-squared { background-image: url(flags/1x1/al.svg) }
.flag-icon-am { background-image: url(flags/4x3/am.svg) }
.flag-icon-am.flag-icon-squared { background-image: url(flags/1x1/am.svg) }
.flag-icon-ao { background-image: url(flags/4x3/ao.svg) }
.flag-icon-ao.flag-icon-squared { background-image: url(flags/1x1/ao.svg) }
.flag-icon-aq { background-image: url(flags/4x3/aq.svg) }
.flag-icon-aq.flag-icon-squared { background-image: url(flags/1x1/aq.svg) }
.flag-icon-ar { background-image: url(flags/4x3/ar.svg) }
.flag-icon-ar.flag-icon-squared { background-image: url(flags/1x1/ar.svg) }
.flag-icon-as { background-image: url(flags/4x3/as.svg) }
.flag-icon-as.flag-icon-squared { background-image: url(flags/1x1/as.svg) }
.flag-icon-at { background-image: url(flags/4x3/at.svg) }
.flag-icon-at.flag-icon-squared { background-image: url(flags/1x1/at.svg) }
.flag-icon-au { background-image: url(flags/4x3/au.svg) }
.flag-icon-au.flag-icon-squared { background-image: url(flags/1x1/au.svg) }
.flag-icon-aw { background-image: url(flags/4x3/aw.svg) }
.flag-icon-aw.flag-icon-squared { background-image: url(flags/1x1/aw.svg) }
.flag-icon-ax { background-image: url(flags/4x3/ax.svg) }
.flag-icon-ax.flag-icon-squared { background-image: url(flags/1x1/ax.svg) }
.flag-icon-az { background-image: url(flags/4x3/az.svg) }
.flag-icon-az.flag-icon-squared { background-image: url(flags/1x1/az.svg) }
.flag-icon-ba { background-image: url(flags/4x3/ba.svg) }
.flag-icon-ba.flag-icon-squared { background-image: url(flags/1x1/ba.svg) }
.flag-icon-bb { background-image: url(flags/4x3/bb.svg) }
.flag-icon-bb.flag-icon-squared { background-image: url(flags/1x1/bb.svg) }
.flag-icon-bd { background-image: url(flags/4x3/bd.svg) }
.flag-icon-bd.flag-icon-squared { background-image: url(flags/1x1/bd.svg) }
.flag-icon-be { background-image: url(flags/4x3/be.svg) }
.flag-icon-be.flag-icon-squared { background-image: url(flags/1x1/be.svg) }
.flag-icon-bf { background-image: url(flags/4x3/bf.svg) }
.flag-icon-bf.flag-icon-squared { background-image: url(flags/1x1/bf.svg) }
.flag-icon-bg { background-image: url(flags/4x3/bg.svg) }
.flag-icon-bg.flag-icon-squared { background-image: url(flags/1x1/bg.svg) }
.flag-icon-bh { background-image: url(flags/4x3/bh.svg) }
.flag-icon-bh.flag-icon-squared { background-image: url(flags/1x1/bh.svg) }
.flag-icon-bi { background-image: url(flags/4x3/bi.svg) }
.flag-icon-bi.flag-icon-squared { background-image: url(flags/1x1/bi.svg) }
.flag-icon-bj { background-image: url(flags/4x3/bj.svg) }
.flag-icon-bj.flag-icon-squared { background-image: url(flags/1x1/bj.svg) }
.flag-icon-bl { background-image: url(flags/4x3/bl.svg) }
.flag-icon-bl.flag-icon-squared { background-image: url(flags/1x1/bl.svg) }
.flag-icon-bm { background-image: url(flags/4x3/bm.svg) }
.flag-icon-bm.flag-icon-squared { background-image: url(flags/1x1/bm.svg) }
.flag-icon-bn { background-image: url(flags/4x3/bn.svg) }
.flag-icon-bn.flag-icon-squared { background-image: url(flags/1x1/bn.svg) }
.flag-icon-bo { background-image: url(flags/4x3/bo.svg) }
.flag-icon-bo.flag-icon-squared { background-image: url(flags/1x1/bo.svg) }
.flag-icon-bq { background-image: url(flags/4x3/bq.svg) }
.flag-icon-bq.flag-icon-squared { background-image: url(flags/1x1/bq.svg) }
.flag-icon-br { background-image: url(flags/4x3/br.svg) }
.flag-icon-br.flag-icon-squared { background-image: url(flags/1x1/br.svg) }
.flag-icon-bs { background-image: url(flags/4x3/bs.svg) }
.flag-icon-bs.flag-icon-squared { background-image: url(flags/1x1/bs.svg) }
.flag-icon-bt { background-image: url(flags/4x3/bt.svg) }
.flag-icon-bt.flag-icon-squared { background-image: url(flags/1x1/bt.svg) }
.flag-icon-bv { background-image: url(flags/4x3/bv.svg) }
.flag-icon-bv.flag-icon-squared { background-image: url(flags/1x1/bv.svg) }
.flag-icon-bw { background-image: url(flags/4x3/bw.svg) }
.flag-icon-bw.flag-icon-squared { background-image: url(flags/1x1/bw.svg) }
.flag-icon-by { background-image: url(flags/4x3/by.svg) }
.flag-icon-by.flag-icon-squared { background-image: url(flags/1x1/by.svg) }
.flag-icon-bz { background-image: url(flags/4x3/bz.svg) }
.flag-icon-bz.flag-icon-squared { background-image: url(flags/1x1/bz.svg) }
.flag-icon-ca { background-image: url(flags/4x3/ca.svg) }
.flag-icon-ca.flag-icon-squared { background-image: url(flags/1x1/ca.svg) }
.flag-icon-cc { background-image: url(flags/4x3/cc.svg) }
.flag-icon-cc.flag-icon-squared { background-image: url(flags/1x1/cc.svg) }
.flag-icon-cd { background-image: url(flags/4x3/cd.svg) }
.flag-icon-cd.flag-icon-squared { background-image: url(flags/1x1/cd.svg) }
.flag-icon-cf { background-image: url(flags/4x3/cf.svg) }
.flag-icon-cf.flag-icon-squared { background-image: url(flags/1x1/cf.svg) }
.flag-icon-cg { background-image: url(flags/4x3/cg.svg) }
.flag-icon-cg.flag-icon-squared { background-image: url(flags/1x1/cg.svg) }
.flag-icon-ch { background-image: url(flags/4x3/ch.svg) }
.flag-icon-ch.flag-icon-squared { background-image: url(flags/1x1/ch.svg) }
.flag-icon-ci { background-image: url(flags/4x3/ci.svg) }
.flag-icon-ci.flag-icon-squared { background-image: url(flags/1x1/ci.svg) }
.flag-icon-ck { background-image: url(flags/4x3/ck.svg) }
.flag-icon-ck.flag-icon-squared { background-image: url(flags/1x1/ck.svg) }
.flag-icon-cl { background-image: url(flags/4x3/cl.svg) }
.flag-icon-cl.flag-icon-squared { background-image: url(flags/1x1/cl.svg) }
.flag-icon-cm { background-image: url(flags/4x3/cm.svg) }
.flag-icon-cm.flag-icon-squared { background-image: url(flags/1x1/cm.svg) }
.flag-icon-cn { background-image: url(flags/4x3/cn.svg) }
.flag-icon-cn.flag-icon-squared { background-image: url(flags/1x1/cn.svg) }
.flag-icon-co { background-image: url(flags/4x3/co.svg) }
.flag-icon-co.flag-icon-squared { background-image: url(flags/1x1/co.svg) }
.flag-icon-cr { background-image: url(flags/4x3/cr.svg) }
.flag-icon-cr.flag-icon-squared { background-image: url(flags/1x1/cr.svg) }
.flag-icon-cu { background-image: url(flags/4x3/cu.svg) }
.flag-icon-cu.flag-icon-squared { background-image: url(flags/1x1/cu.svg) }
.flag-icon-cv { background-image: url(flags/4x3/cv.svg) }
.flag-icon-cv.flag-icon-squared { background-image: url(flags/1x1/cv.svg) }
.flag-icon-cw { background-image: url(flags/4x3/cw.svg) }
.flag-icon-cw.flag-icon-squared { background-image: url(flags/1x1/cw.svg) }
.flag-icon-cx { background-image: url(flags/4x3/cx.svg) }
.flag-icon-cx.flag-icon-squared { background-image: url(flags/1x1/cx.svg) }
.flag-icon-cy { background-image: url(flags/4x3/cy.svg) }
.flag-icon-cy.flag-icon-squared { background-image: url(flags/1x1/cy.svg) }
.flag-icon-cz { background-image: url(flags/4x3/cz.svg) }
.flag-icon-cz.flag-icon-squared { background-image: url(flags/1x1/cz.svg) }
.flag-icon-de { background-image: url(flags/4x3/de.svg) }
.flag-icon-de.flag-icon-squared { background-image: url(flags/1x1/de.svg) }
.flag-icon-dj { background-image: url(flags/4x3/dj.svg) }
.flag-icon-dj.flag-icon-squared { background-image: url(flags/1x1/dj.svg) }
.flag-icon-dk { background-image: url(flags/4x3/dk.svg) }
.flag-icon-dk.flag-icon-squared { background-image: url(flags/1x1/dk.svg) }
.flag-icon-dm { background-image: url(flags/4x3/dm.svg) }
.flag-icon-dm.flag-icon-squared { background-image: url(flags/1x1/dm.svg) }
.flag-icon-do { background-image: url(flags/4x3/do.svg) }
.flag-icon-do.flag-icon-squared { background-image: url(flags/1x1/do.svg) }
.flag-icon-dz { background-image: url(flags/4x3/dz.svg) }
.flag-icon-dz.flag-icon-squared { background-image: url(flags/1x1/dz.svg) }
.flag-icon-ec { background-image: url(flags/4x3/ec.svg) }
.flag-icon-ec.flag-icon-squared { background-image: url(flags/1x1/ec.svg) }
.flag-icon-ee { background-image: url(flags/4x3/ee.svg) }
.flag-icon-ee.flag-icon-squared { background-image: url(flags/1x1/ee.svg) }
.flag-icon-eg { background-image: url(flags/4x3/eg.svg) }
.flag-icon-eg.flag-icon-squared { background-image: url(flags/1x1/eg.svg) }
.flag-icon-eh { background-image: url(flags/4x3/eh.svg) }
.flag-icon-eh.flag-icon-squared { background-image: url(flags/1x1/eh.svg) }
.flag-icon-er { background-image: url(flags/4x3/er.svg) }
.flag-icon-er.flag-icon-squared { background-image: url(flags/1x1/er.svg) }
.flag-icon-es { background-image: url(flags/4x3/es.svg) }
.flag-icon-es.flag-icon-squared { background-image: url(flags/1x1/es.svg) }
.flag-icon-et { background-image: url(flags/4x3/et.svg) }
.flag-icon-et.flag-icon-squared { background-image: url(flags/1x1/et.svg) }
.flag-icon-fi { background-image: url(flags/4x3/fi.svg) }
.flag-icon-fi.flag-icon-squared { background-image: url(flags/1x1/fi.svg) }
.flag-icon-fj { background-image: url(flags/4x3/fj.svg) }
.flag-icon-fj.flag-icon-squared { background-image: url(flags/1x1/fj.svg) }
.flag-icon-fk { background-image: url(flags/4x3/fk.svg) }
.flag-icon-fk.flag-icon-squared { background-image: url(flags/1x1/fk.svg) }
.flag-icon-fm { background-image: url(flags/4x3/fm.svg) }
.flag-icon-fm.flag-icon-squared { background-image: url(flags/1x1/fm.svg) }
.flag-icon-fo { background-image: url(flags/4x3/fo.svg) }
.flag-icon-fo.flag-icon-squared { background-image: url(flags/1x1/fo.svg) }
.flag-icon-fr { background-image: url(flags/4x3/fr.svg) }
.flag-icon-fr.flag-icon-squared { background-image: url(flags/1x1/fr.svg) }
.flag-icon-ga { background-image: url(flags/4x3/ga.svg) }
.flag-icon-ga.flag-icon-squared { background-image: url(flags/1x1/ga.svg) }
.flag-icon-gb { background-image: url(flags/4x3/gb.svg) }
.flag-icon-gb.flag-icon-squared { background-image: url(flags/1x1/gb.svg) }
.flag-icon-gd { background-image: url(flags/4x3/gd.svg) }
.flag-icon-gd.flag-icon-squared { background-image: url(flags/1x1/gd.svg) }
.flag-icon-ge { background-image: url(flags/4x3/ge.svg) }
.flag-icon-ge.flag-icon-squared { background-image: url(flags/1x1/ge.svg) }
.flag-icon-gf { background-image: url(flags/4x3/gf.svg) }
.flag-icon-gf.flag-icon-squared { background-image: url(flags/1x1/gf.svg) }
.flag-icon-gg { background-image: url(flags/4x3/gg.svg) }
.flag-icon-gg.flag-icon-squared { background-image: url(flags/1x1/gg.svg) }
.flag-icon-gh { background-image: url(flags/4x3/gh.svg) }
.flag-icon-gh.flag-icon-squared { background-image: url(flags/1x1/gh.svg) }
.flag-icon-gi { background-image: url(flags/4x3/gi.svg) }
.flag-icon-gi.flag-icon-squared { background-image: url(flags/1x1/gi.svg) }
.flag-icon-gl { background-image: url(flags/4x3/gl.svg) }
.flag-icon-gl.flag-icon-squared { background-image: url(flags/1x1/gl.svg) }
.flag-icon-gm { background-image: url(flags/4x3/gm.svg) }
.flag-icon-gm.flag-icon-squared { background-image: url(flags/1x1/gm.svg) }
.flag-icon-gn { background-image: url(flags/4x3/gn.svg) }
.flag-icon-gn.flag-icon-squared { background-image: url(flags/1x1/gn.svg) }
.flag-icon-gp { background-image: url(flags/4x3/gp.svg) }
.flag-icon-gp.flag-icon-squared { background-image: url(flags/1x1/gp.svg) }
.flag-icon-gq { background-image: url(flags/4x3/gq.svg) }
.flag-icon-gq.flag-icon-squared { background-image: url(flags/1x1/gq.svg) }
.flag-icon-gr { background-image: url(flags/4x3/gr.svg) }
.flag-icon-gr.flag-icon-squared { background-image: url(flags/1x1/gr.svg) }
.flag-icon-gs { background-image: url(flags/4x3/gs.svg) }
.flag-icon-gs.flag-icon-squared { background-image: url(flags/1x1/gs.svg) }
.flag-icon-gt { background-image: url(flags/4x3/gt.svg) }
.flag-icon-gt.flag-icon-squared { background-image: url(flags/1x1/gt.svg) }
.flag-icon-gu { background-image: url(flags/4x3/gu.svg) }
.flag-icon-gu.flag-icon-squared { background-image: url(flags/1x1/gu.svg) }
.flag-icon-gw { background-image: url(flags/4x3/gw.svg) }
.flag-icon-gw.flag-icon-squared { background-image: url(flags/1x1/gw.svg) }
.flag-icon-gy { background-image: url(flags/4x3/gy.svg) }
.flag-icon-gy.flag-icon-squared { background-image: url(flags/1x1/gy.svg) }
.flag-icon-hk { background-image: url(flags/4x3/hk.svg) }
.flag-icon-hk.flag-icon-squared { background-image: url(flags/1x1/hk.svg) }
.flag-icon-hm { background-image: url(flags/4x3/hm.svg) }
.flag-icon-hm.flag-icon-squared { background-image: url(flags/1x1/hm.svg) }
.flag-icon-hn { background-image: url(flags/4x3/hn.svg) }
.flag-icon-hn.flag-icon-squared { background-image: url(flags/1x1/hn.svg) }
.flag-icon-hr { background-image: url(flags/4x3/hr.svg) }
.flag-icon-hr.flag-icon-squared { background-image: url(flags/1x1/hr.svg) }
.flag-icon-ht { background-image: url(flags/4x3/ht.svg) }
.flag-icon-ht.flag-icon-squared { background-image: url(flags/1x1/ht.svg) }
.flag-icon-hu { background-image: url(flags/4x3/hu.svg) }
.flag-icon-hu.flag-icon-squared { background-image: url(flags/1x1/hu.svg) }
.flag-icon-id { background-image: url(flags/4x3/id.svg) }
.flag-icon-id.flag-icon-squared { background-image: url(flags/1x1/id.svg) }
.flag-icon-ie { background-image: url(flags/4x3/ie.svg) }
.flag-icon-ie.flag-icon-squared { background-image: url(flags/1x1/ie.svg) }
.flag-icon-il { background-image: url(flags/4x3/il.svg) }
.flag-icon-il.flag-icon-squared { background-image: url(flags/1x1/il.svg) }
.flag-icon-im { background-image: url(flags/4x3/im.svg) }
.flag-icon-im.flag-icon-squared { background-image: url(flags/1x1/im.svg) }
.flag-icon-in { background-image: url(flags/4x3/in.svg) }
.flag-icon-in.flag-icon-squared { background-image: url(flags/1x1/in.svg) }
.flag-icon-io { background-image: url(flags/4x3/io.svg) }
.flag-icon-io.flag-icon-squared { background-image: url(flags/1x1/io.svg) }
.flag-icon-iq { background-image: url(flags/4x3/iq.svg) }
.flag-icon-iq.flag-icon-squared { background-image: url(flags/1x1/iq.svg) }
.flag-icon-ir { background-image: url(flags/4x3/ir.svg) }
.flag-icon-ir.flag-icon-squared { background-image: url(flags/1x1/ir.svg) }
.flag-icon-is { background-image: url(flags/4x3/is.svg) }
.flag-icon-is.flag-icon-squared { background-image: url(flags/1x1/is.svg) }
.flag-icon-it { background-image: url(flags/4x3/it.svg) }
.flag-icon-it.flag-icon-squared { background-image: url(flags/1x1/it.svg) }
.flag-icon-je { background-image: url(flags/4x3/je.svg) }
.flag-icon-je.flag-icon-squared { background-image: url(flags/1x1/je.svg) }
.flag-icon-jm { background-image: url(flags/4x3/jm.svg) }
.flag-icon-jm.flag-icon-squared { background-image: url(flags/1x1/jm.svg) }
.flag-icon-jo { background-image: url(flags/4x3/jo.svg) }
.flag-icon-jo.flag-icon-squared { background-image: url(flags/1x1/jo.svg) }
.flag-icon-jp { background-image: url(flags/4x3/jp.svg) }
.flag-icon-jp.flag-icon-squared { background-image: url(flags/1x1/jp.svg) }
.flag-icon-ke { background-image: url(flags/4x3/ke.svg) }
.flag-icon-ke.flag-icon-squared { background-image: url(flags/1x1/ke.svg) }
.flag-icon-kg { background-image: url(flags/4x3/kg.svg) }
.flag-icon-kg.flag-icon-squared { background-image: url(flags/1x1/kg.svg) }
.flag-icon-kh { background-image: url(flags/4x3/kh.svg) }
.flag-icon-kh.flag-icon-squared { background-image: url(flags/1x1/kh.svg) }
.flag-icon-ki { background-image: url(flags/4x3/ki.svg) }
.flag-icon-ki.flag-icon-squared { background-image: url(flags/1x1/ki.svg) }
.flag-icon-km { background-image: url(flags/4x3/km.svg) }
.flag-icon-km.flag-icon-squared { background-image: url(flags/1x1/km.svg) }
.flag-icon-kn { background-image: url(flags/4x3/kn.svg) }
.flag-icon-kn.flag-icon-squared { background-image: url(flags/1x1/kn.svg) }
.flag-icon-kp { background-image: url(flags/4x3/kp.svg) }
.flag-icon-kp.flag-icon-squared { background-image: url(flags/1x1/kp.svg) }
.flag-icon-kr { background-image: url(flags/4x3/kr.svg) }
.flag-icon-kr.flag-icon-squared { background-image: url(flags/1x1/kr.svg) }
.flag-icon-kw { background-image: url(flags/4x3/kw.svg) }
.flag-icon-kw.flag-icon-squared { background-image: url(flags/1x1/kw.svg) }
.flag-icon-ky { background-image: url(flags/4x3/ky.svg) }
.flag-icon-ky.flag-icon-squared { background-image: url(flags/1x1/ky.svg) }
.flag-icon-kz { background-image: url(flags/4x3/kz.svg) }
.flag-icon-kz.flag-icon-squared { background-image: url(flags/1x1/kz.svg) }
.flag-icon-la { background-image: url(flags/4x3/la.svg) }
.flag-icon-la.flag-icon-squared { background-image: url(flags/1x1/la.svg) }
.flag-icon-lb { background-image: url(flags/4x3/lb.svg) }
.flag-icon-lb.flag-icon-squared { background-image: url(flags/1x1/lb.svg) }
.flag-icon-lc { background-image: url(flags/4x3/lc.svg) }
.flag-icon-lc.flag-icon-squared { background-image: url(flags/1x1/lc.svg) }
.flag-icon-li { background-image: url(flags/4x3/li.svg) }
.flag-icon-li.flag-icon-squared { background-image: url(flags/1x1/li.svg) }
.flag-icon-lk { background-image: url(flags/4x3/lk.svg) }
.flag-icon-lk.flag-icon-squared { background-image: url(flags/1x1/lk.svg) }
.flag-icon-lr { background-image: url(flags/4x3/lr.svg) }
.flag-icon-lr.flag-icon-squared { background-image: url(flags/1x1/lr.svg) }
.flag-icon-ls { background-image: url(flags/4x3/ls.svg) }
.flag-icon-ls.flag-icon-squared { background-image: url(flags/1x1/ls.svg) }
.flag-icon-lt { background-image: url(flags/4x3/lt.svg) }
.flag-icon-lt.flag-icon-squared { background-image: url(flags/1x1/lt.svg) }
.flag-icon-lu { background-image: url(flags/4x3/lu.svg) }
.flag-icon-lu.flag-icon-squared { background-image: url(flags/1x1/lu.svg) }
.flag-icon-lv { background-image: url(flags/4x3/lv.svg) }
.flag-icon-lv.flag-icon-squared { background-image: url(flags/1x1/lv.svg) }
.flag-icon-ly { background-image: url(flags/4x3/ly.svg) }
.flag-icon-ly.flag-icon-squared { background-image: url(flags/1x1/ly.svg) }
.flag-icon-ma { background-image: url(flags/4x3/ma.svg) }
.flag-icon-ma.flag-icon-squared { background-image: url(flags/1x1/ma.svg) }
.flag-icon-mc { background-image: url(flags/4x3/mc.svg) }
.flag-icon-mc.flag-icon-squared { background-image: url(flags/1x1/mc.svg) }
.flag-icon-md { background-image: url(flags/4x3/md.svg) }
.flag-icon-md.flag-icon-squared { background-image: url(flags/1x1/md.svg) }
.flag-icon-me { background-image: url(flags/4x3/me.svg) }
.flag-icon-me.flag-icon-squared { background-image: url(flags/1x1/me.svg) }
.flag-icon-mf { background-image: url(flags/4x3/mf.svg) }
.flag-icon-mf.flag-icon-squared { background-image: url(flags/1x1/mf.svg) }
.flag-icon-mg { background-image: url(flags/4x3/mg.svg) }
.flag-icon-mg.flag-icon-squared { background-image: url(flags/1x1/mg.svg) }
.flag-icon-mh { background-image: url(flags/4x3/mh.svg) }
.flag-icon-mh.flag-icon-squared { background-image: url(flags/1x1/mh.svg) }
.flag-icon-mk { background-image: url(flags/4x3/mk.svg) }
.flag-icon-mk.flag-icon-squared { background-image: url(flags/1x1/mk.svg) }
.flag-icon-ml { background-image: url(flags/4x3/ml.svg) }
.flag-icon-ml.flag-icon-squared { background-image: url(flags/1x1/ml.svg) }
.flag-icon-mm { background-image: url(flags/4x3/mm.svg) }
.flag-icon-mm.flag-icon-squared { background-image: url(flags/1x1/mm.svg) }
.flag-icon-mn { background-image: url(flags/4x3/mn.svg) }
.flag-icon-mn.flag-icon-squared { background-image: url(flags/1x1/mn.svg) }
.flag-icon-mo { background-image: url(flags/4x3/mo.svg) }
.flag-icon-mo.flag-icon-squared { background-image: url(flags/1x1/mo.svg) }
.flag-icon-mp { background-image: url(flags/4x3/mp.svg) }
.flag-icon-mp.flag-icon-squared { background-image: url(flags/1x1/mp.svg) }
.flag-icon-mq { background-image: url(flags/4x3/mq.svg) }
.flag-icon-mq.flag-icon-squared { background-image: url(flags/1x1/mq.svg) }
.flag-icon-mr { background-image: url(flags/4x3/mr.svg) }
.flag-icon-mr.flag-icon-squared { background-image: url(flags/1x1/mr.svg) }
.flag-icon-ms { background-image: url(flags/4x3/ms.svg) }
.flag-icon-ms.flag-icon-squared { background-image: url(flags/1x1/ms.svg) }
.flag-icon-mt { background-image: url(flags/4x3/mt.svg) }
.flag-icon-mt.flag-icon-squared { background-image: url(flags/1x1/mt.svg) }
.flag-icon-mu { background-image: url(flags/4x3/mu.svg) }
.flag-icon-mu.flag-icon-squared { background-image: url(flags/1x1/mu.svg) }
.flag-icon-mv { background-image: url(flags/4x3/mv.svg) }
.flag-icon-mv.flag-icon-squared { background-image: url(flags/1x1/mv.svg) }
.flag-icon-mw { background-image: url(flags/4x3/mw.svg) }
.flag-icon-mw.flag-icon-squared { background-image: url(flags/1x1/mw.svg) }
.flag-icon-mx { background-image: url(flags/4x3/mx.svg) }
.flag-icon-mx.flag-icon-squared { background-image: url(flags/1x1/mx.svg) }
.flag-icon-my { background-image: url(flags/4x3/my.svg) }
.flag-icon-my.flag-icon-squared { background-image: url(flags/1x1/my.svg) }
.flag-icon-mz { background-image: url(flags/4x3/mz.svg) }
.flag-icon-mz.flag-icon-squared { background-image: url(flags/1x1/mz.svg) }
.flag-icon-na { background-image: url(flags/4x3/na.svg) }
.flag-icon-na.flag-icon-squared { background-image: url(flags/1x1/na.svg) }
.flag-icon-nc { background-image: url(flags/4x3/nc.svg) }
.flag-icon-nc.flag-icon-squared { background-image: url(flags/1x1/nc.svg) }
.flag-icon-ne { background-image: url(flags/4x3/ne.svg) }
.flag-icon-ne.flag-icon-squared { background-image: url(flags/1x1/ne.svg) }
.flag-icon-nf { background-image: url(flags/4x3/nf.svg) }
.flag-icon-nf.flag-icon-squared { background-image: url(flags/1x1/nf.svg) }
.flag-icon-ng { background-image: url(flags/4x3/ng.svg) }
.flag-icon-ng.flag-icon-squared { background-image: url(flags/1x1/ng.svg) }
.flag-icon-ni { background-image: url(flags/4x3/ni.svg) }
.flag-icon-ni.flag-icon-squared { background-image: url(flags/1x1/ni.svg) }
.flag-icon-nl { background-image: url(flags/4x3/nl.svg) }
.flag-icon-nl.flag-icon-squared { background-image: url(flags/1x1/nl.svg) }
.flag-icon-no { background-image: url(flags/4x3/no.svg) }
.flag-icon-no.flag-icon-squared { background-image: url(flags/1x1/no.svg) }
.flag-icon-np { background-image: url(flags/4x3/np.svg) }
.flag-icon-np.flag-icon-squared { background-image: url(flags/1x1/np.svg) }
.flag-icon-nr { background-image: url(flags/4x3/nr.svg) }
.flag-icon-nr.flag-icon-squared { background-image: url(flags/1x1/nr.svg) }
.flag-icon-nu { background-image: url(flags/4x3/nu.svg) }
.flag-icon-nu.flag-icon-squared { background-image: url(flags/1x1/nu.svg) }
.flag-icon-nz { background-image: url(flags/4x3/nz.svg) }
.flag-icon-nz.flag-icon-squared { background-image: url(flags/1x1/nz.svg) }
.flag-icon-om { background-image: url(flags/4x3/om.svg) }
.flag-icon-om.flag-icon-squared { background-image: url(flags/1x1/om.svg) }
.flag-icon-pa { background-image: url(flags/4x3/pa.svg) }
.flag-icon-pa.flag-icon-squared { background-image: url(flags/1x1/pa.svg) }
.flag-icon-pe { background-image: url(flags/4x3/pe.svg) }
.flag-icon-pe.flag-icon-squared { background-image: url(flags/1x1/pe.svg) }
.flag-icon-pf { background-image: url(flags/4x3/pf.svg) }
.flag-icon-pf.flag-icon-squared { background-image: url(flags/1x1/pf.svg) }
.flag-icon-pg { background-image: url(flags/4x3/pg.svg) }
.flag-icon-pg.flag-icon-squared { background-image: url(flags/1x1/pg.svg) }
.flag-icon-ph { background-image: url(flags/4x3/ph.svg) }
.flag-icon-ph.flag-icon-squared { background-image: url(flags/1x1/ph.svg) }
.flag-icon-pk { background-image: url(flags/4x3/pk.svg) }
.flag-icon-pk.flag-icon-squared { background-image: url(flags/1x1/pk.svg) }
.flag-icon-pl { background-image: url(flags/4x3/pl.svg) }
.flag-icon-pl.flag-icon-squared { background-image: url(flags/1x1/pl.svg) }
.flag-icon-pm { background-image: url(flags/4x3/pm.svg) }
.flag-icon-pm.flag-icon-squared { background-image: url(flags/1x1/pm.svg) }
.flag-icon-pn { background-image: url(flags/4x3/pn.svg) }
.flag-icon-pn.flag-icon-squared { background-image: url(flags/1x1/pn.svg) }
.flag-icon-pr { background-image: url(flags/4x3/pr.svg) }
.flag-icon-pr.flag-icon-squared { background-image: url(flags/1x1/pr.svg) }
.flag-icon-ps { background-image: url(flags/4x3/ps.svg) }
.flag-icon-ps.flag-icon-squared { background-image: url(flags/1x1/ps.svg) }
.flag-icon-pt { background-image: url(flags/4x3/pt.svg) }
.flag-icon-pt.flag-icon-squared { background-image: url(flags/1x1/pt.svg) }
.flag-icon-pw { background-image: url(flags/4x3/pw.svg) }
.flag-icon-pw.flag-icon-squared { background-image: url(flags/1x1/pw.svg) }
.flag-icon-py { background-image: url(flags/4x3/py.svg) }
.flag-icon-py.flag-icon-squared { background-image: url(flags/1x1/py.svg) }
.flag-icon-qa { background-image: url(flags/4x3/qa.svg) }
.flag-icon-qa.flag-icon-squared { background-image: url(flags/1x1/qa.svg) }
.flag-icon-re { background-image: url(flags/4x3/re.svg) }
.flag-icon-re.flag-icon-squared { background-image: url(flags/1x1/re.svg) }
.flag-icon-ro { background-image: url(flags/4x3/ro.svg) }
.flag-icon-ro.flag-icon-squared { background-image: url(flags/1x1/ro.svg) }
.flag-icon-rs { background-image: url(flags/4x3/rs.svg) }
.flag-icon-rs.flag-icon-squared { background-image: url(flags/1x1/rs.svg) }
.flag-icon-ru { background-image: url(flags/4x3/ru.svg) }
.flag-icon-ru.flag-icon-squared { background-image: url(flags/1x1/ru.svg) }
.flag-icon-rw { background-image: url(flags/4x3/rw.svg) }
.flag-icon-rw.flag-icon-squared { background-image: url(flags/1x1/rw.svg) }
.flag-icon-sa { background-image: url(flags/4x3/sa.svg) }
.flag-icon-sa.flag-icon-squared { background-image: url(flags/1x1/sa.svg) }
.flag-icon-sb { background-image: url(flags/4x3/sb.svg) }
.flag-icon-sb.flag-icon-squared { background-image: url(flags/1x1/sb.svg) }
.flag-icon-sc { background-image: url(flags/4x3/sc.svg) }
.flag-icon-sc.flag-icon-squared { background-image: url(flags/1x1/sc.svg) }
.flag-icon-sd { background-image: url(flags/4x3/sd.svg) }
.flag-icon-sd.flag-icon-squared { background-image: url(flags/1x1/sd.svg) }
.flag-icon-se { background-image: url(flags/4x3/se.svg) }
.flag-icon-se.flag-icon-squared { background-image: url(flags/1x1/se.svg) }
.flag-icon-sg { background-image: url(flags/4x3/sg.svg) }
.flag-icon-sg.flag-icon-squared { background-image: url(flags/1x1/sg.svg) }
.flag-icon-sh { background-image: url(flags/4x3/sh.svg) }
.flag-icon-sh.flag-icon-squared { background-image: url(flags/1x1/sh.svg) }
.flag-icon-si { background-image: url(flags/4x3/si.svg) }
.flag-icon-si.flag-icon-squared { background-image: url(flags/1x1/si.svg) }
.flag-icon-sj { background-image: url(flags/4x3/sj.svg) }
.flag-icon-sj.flag-icon-squared { background-image: url(flags/1x1/sj.svg) }
.flag-icon-sk { background-image: url(flags/4x3/sk.svg) }
.flag-icon-sk.flag-icon-squared { background-image: url(flags/1x1/sk.svg) }
.flag-icon-sl { background-image: url(flags/4x3/sl.svg) }
.flag-icon-sl.flag-icon-squared { background-image: url(flags/1x1/sl.svg) }
.flag-icon-sm { background-image: url(flags/4x3/sm.svg) }
.flag-icon-sm.flag-icon-squared { background-image: url(flags/1x1/sm.svg) }
.flag-icon-sn { background-image: url(flags/4x3/sn.svg) }
.flag-icon-sn.flag-icon-squared { background-image: url(flags/1x1/sn.svg) }
.flag-icon-so { background-image: url(flags/4x3/so.svg) }
.flag-icon-so.flag-icon-squared { background-image: url(flags/1x1/so.svg) }
.flag-icon-sr { background-image: url(flags/4x3/sr.svg) }
.flag-icon-sr.flag-icon-squared { background-image: url(flags/1x1/sr.svg) }
.flag-icon-ss { background-image: url(flags/4x3/ss.svg) }
.flag-icon-ss.flag-icon-squared { background-image: url(flags/1x1/ss.svg) }
.flag-icon-st { background-image: url(flags/4x3/st.svg) }
.flag-icon-st.flag-icon-squared { background-image: url(flags/1x1/st.svg) }
.flag-icon-sv { background-image: url(flags/4x3/sv.svg) }
.flag-icon-sv.flag-icon-squared { background-image: url(flags/1x1/sv.svg) }
.flag-icon-sx { background-image: url(flags/4x3/sx.svg) }
.flag-icon-sx.flag-icon-squared { background-image: url(flags/1x1/sx.svg) }
.flag-icon-sy { background-image: url(flags/4x3/sy.svg) }
.flag-icon-sy.flag-icon-squared { background-image: url(flags/1x1/sy.svg) }
.flag-icon-sz { background-image: url(flags/4x3/sz.svg) }
.flag-icon-sz.flag-icon-squared { background-image: url(flags/1x1/sz.svg) }
.flag-icon-tc { background-image: url(flags/4x3/tc.svg) }
.flag-icon-tc.flag-icon-squared { background-image: url(flags/1x1/tc.svg) }
.flag-icon-td { background-image: url(flags/4x3/td.svg) }
.flag-icon-td.flag-icon-squared { background-image: url(flags/1x1/td.svg) }
.flag-icon-tf { background-image: url(flags/4x3/tf.svg) }
.flag-icon-tf.flag-icon-squared { background-image: url(flags/1x1/tf.svg) }
.flag-icon-tg { background-image: url(flags/4x3/tg.svg) }
.flag-icon-tg.flag-icon-squared { background-image: url(flags/1x1/tg.svg) }
.flag-icon-th { background-image: url(flags/4x3/th.svg) }
.flag-icon-th.flag-icon-squared { background-image: url(flags/1x1/th.svg) }
.flag-icon-tj { background-image: url(flags/4x3/tj.svg) }
.flag-icon-tj.flag-icon-squared { background-image: url(flags/1x1/tj.svg) }
.flag-icon-tk { background-image: url(flags/4x3/tk.svg) }
.flag-icon-tk.flag-icon-squared { background-image: url(flags/1x1/tk.svg) }
.flag-icon-tl { background-image: url(flags/4x3/tl.svg) }
.flag-icon-tl.flag-icon-squared { background-image: url(flags/1x1/tl.svg) }
.flag-icon-tm { background-image: url(flags/4x3/tm.svg) }
.flag-icon-tm.flag-icon-squared { background-image: url(flags/1x1/tm.svg) }
.flag-icon-tn { background-image: url(flags/4x3/tn.svg) }
.flag-icon-tn.flag-icon-squared { background-image: url(flags/1x1/tn.svg) }
.flag-icon-to { background-image: url(flags/4x3/to.svg) }
.flag-icon-to.flag-icon-squared { background-image: url(flags/1x1/to.svg) }
.flag-icon-tr { background-image: url(flags/4x3/tr.svg) }
.flag-icon-tr.flag-icon-squared { background-image: url(flags/1x1/tr.svg) }
.flag-icon-tt { background-image: url(flags/4x3/tt.svg) }
.flag-icon-tt.flag-icon-squared { background-image: url(flags/1x1/tt.svg) }
.flag-icon-tv { background-image: url(flags/4x3/tv.svg) }
.flag-icon-tv.flag-icon-squared { background-image: url(flags/1x1/tv.svg) }
.flag-icon-tw { background-image: url(flags/4x3/tw.svg) }
.flag-icon-tw.flag-icon-squared { background-image: url(flags/1x1/tw.svg) }
.flag-icon-tz { background-image: url(flags/4x3/tz.svg) }
.flag-icon-tz.flag-icon-squared { background-image: url(flags/1x1/tz.svg) }
.flag-icon-ua { background-image: url(flags/4x3/ua.svg) }
.flag-icon-ua.flag-icon-squared { background-image: url(flags/1x1/ua.svg) }
.flag-icon-ug { background-image: url(flags/4x3/ug.svg) }
.flag-icon-ug.flag-icon-squared { background-image: url(flags/1x1/ug.svg) }
.flag-icon-um { background-image: url(flags/4x3/um.svg) }
.flag-icon-um.flag-icon-squared { background-image: url(flags/1x1/um.svg) }
.flag-icon-us { background-image: url(flags/4x3/us.svg) }
.flag-icon-us.flag-icon-squared { background-image: url(flags/1x1/us.svg) }
.flag-icon-uy { background-image: url(flags/4x3/uy.svg) }
.flag-icon-uy.flag-icon-squared { background-image: url(flags/1x1/uy.svg) }
.flag-icon-uz { background-image: url(flags/4x3/uz.svg) }
.flag-icon-uz.flag-icon-squared { background-image: url(flags/1x1/uz.svg) }
.flag-icon-va { background-image: url(flags/4x3/va.svg) }
.flag-icon-va.flag-icon-squared { background-image: url(flags/1x1/va.svg) }
.flag-icon-vc { background-image: url(flags/4x3/vc.svg) }
.flag-icon-vc.flag-icon-squared { background-image: url(flags/1x1/vc.svg) }
.flag-icon-ve { background-image: url(flags/4x3/ve.svg) }
.flag-icon-ve.flag-icon-squared { background-image: url(flags/1x1/ve.svg) }
.flag-icon-vg { background-image: url(flags/4x3/vg.svg) }
.flag-icon-vg.flag-icon-squared { background-image: url(flags/1x1/vg.svg) }
.flag-icon-vi { background-image: url(flags/4x3/vi.svg) }
.flag-icon-vi.flag-icon-squared { background-image: url(flags/1x1/vi.svg) }
.flag-icon-vn { background-image: url(flags/4x3/vn.svg) }
.flag-icon-vn.flag-icon-squared { background-image: url(flags/1x1/vn.svg) }
.flag-icon-vu { background-image: url(flags/4x3/vu.svg) }
.flag-icon-vu.flag-icon-squared { background-image: url(flags/1x1/vu.svg) }
.flag-icon-wf { background-image: url(flags/4x3/wf.svg) }
.flag-icon-wf.flag-icon-squared { background-image: url(flags/1x1/wf.svg) }
.flag-icon-ws { background-image: url(flags/4x3/ws.svg) }
.flag-icon-ws.flag-icon-squared { background-image: url(flags/1x1/ws.svg) }
.flag-icon-ye { background-image: url(flags/4x3/ye.svg) }
.flag-icon-ye.flag-icon-squared { background-image: url(flags/1x1/ye.svg) }
.flag-icon-yt { background-image: url(flags/4x3/yt.svg) }
.flag-icon-yt.flag-icon-squared { background-image: url(flags/1x1/yt.svg) }
.flag-icon-za { background-image: url(flags/4x3/za.svg) }
.flag-icon-za.flag-icon-squared { background-image: url(flags/1x1/za.svg) }
.flag-icon-zm { background-image: url(flags/4x3/zm.svg) }
.flag-icon-zm.flag-icon-squared { background-image: url(flags/1x1/zm.svg) }
.flag-icon-zw { background-image: url(flags/4x3/zw.svg) }
.flag-icon-zw.flag-icon-squared { background-image: url(flags/1x1/zw.svg) }
.flag-icon-es-ct { background-image: url(flags/4x3/es-ct.svg) }
.flag-icon-es-ct.flag-icon-squared { background-image: url(flags/1x1/es-ct.svg) }
.flag-icon-es-ga { background-image: url(flags/4x3/es-ga.svg) }
.flag-icon-es-ga.flag-icon-squared { background-image: url(flags/1x1/es-ga.svg) }
.flag-icon-eu { background-image: url(flags/4x3/eu.svg) }
.flag-icon-eu.flag-icon-squared { background-image: url(flags/1x1/eu.svg) }
.flag-icon-gb-eng { background-image: url(flags/4x3/gb-eng.svg) }
.flag-icon-gb-eng.flag-icon-squared { background-image: url(flags/1x1/gb-eng.svg) }
.flag-icon-gb-nir { background-image: url(flags/4x3/gb-nir.svg) }
.flag-icon-gb-nir.flag-icon-squared { background-image: url(flags/1x1/gb-nir.svg) }
.flag-icon-gb-sct { background-image: url(flags/4x3/gb-sct.svg) }
.flag-icon-gb-sct.flag-icon-squared { background-image: url(flags/1x1/gb-sct.svg) }
.flag-icon-gb-wls { background-image: url(flags/4x3/gb-wls.svg) }
.flag-icon-gb-wls.flag-icon-squared { background-image: url(flags/1x1/gb-wls.svg) }
.flag-icon-un { background-image: url(flags/4x3/un.svg) }
.flag-icon-un.flag-icon-squared { background-image: url(flags/1x1/un.svg) }
.flag-icon-xk { background-image: url(flags/4x3/xk.svg) }
.flag-icon-xk.flag-icon-squared { background-image: url(flags/1x1/xk.svg) }