/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
                    /* 
    Created on : Jul 30, 2016, 12:48:57 PM
    Author     : asap
*/
                    
                    .birthMonth {
                        width: 25%;
                        height: 44px;
                        border-radius: 6px;
                        background-color: #ffffff;
                        border: solid 1px #e6e9f4;
                        font-family: sans-serif;
                        font-size: 14px;
                        line-height: 1.4;
                        color: #001d5f;
                        padding: 0 14px;
                        margin-top: 11px;
                    }
                    
                    .birthDate {
                        width: 25%;
                        height: 44px;
                        border-radius: 6px;
                        background-color: #ffffff;
                        border: solid 1px #e6e9f4;
                        font-family: sans-serif;
                        font-size: 14px;
                        line-height: 1.4;
                        color: #001d5f;
                        padding: 0 14px;
                        margin-top: 11px;
                        margin-left: 2px;
                    }
                    
                    .birthYear {
                        width: 45%;
                        height: 44px;
                        border-radius: 6px;
                        background-color: #ffffff;
                        border: solid 1px #e6e9f4;
                        font-family: sans-serif;
                        font-size: 14px;
                        line-height: 1.4;
                        color: #001d5f;
                        padding: 0 14px;
                        margin-top: 11px;
                        margin-left: 2px;
                    }
                    
                    main a.bttn-fb:link,
                    main a.bttn-fb:visited {
                        height: 42px;
                        border-radius: 5px;
                        margin: 0 auto;
                        margin-bottom: 8px;
                        display: block;
                        background-color: #405ab1;
                        text-decoration: none !important;
                        text-indent: 0 !important;
                        text-align: center;
                        color: #ffffff;
                        margin-top: 5px;
                    }
                    
                    main a.bttn-fb:hover {
                        background-color: #13347b;
                    }
                    
                    main a.bttn-mail:link,
                    main a.bttn-mail:visited {
                        height: 42px;
                        border-radius: 5px;
                        margin: 0 auto;
                        margin-bottom: 8px;
                        display: block;
                        background-color: #7f7f7f;
                        text-decoration: none !important;
                        text-indent: 0 !important;
                        text-align: center;
                        color: #ffffff;
                    }
                    
                    main a.bttn-mail:hover {
                        background-color: #4c4c4c;
                    }
                    
                    main a.bttn-ticket:link,
                    main a.bttn-ticket:visited {
                        height: 42px;
                        border-radius: 5px;
                        margin: 0 auto;
                        margin-bottom: 8px;
                        display: block;
                        background-color: transparent;
                        text-decoration: none !important;
                        text-indent: 0 !important;
                        text-align: center;
                        color: #000000;
                        border: 1px solid #000000;
                    }
                    
                    main a.bttn-ticket:hover {
                        background-color: #000000;
                        color: #ffffff !important;
                    }
                    
                    main .social-text {
                        height: 42px;
                        /* padding-top: 15px; */
                        margin-bottom: 8px;
                        font-family: sans-serif;
                        font-size: 14px;
                        position: relative;
                        line-height: 42px;
                    }
                    
                    .wrapper-dropdown {
                        position: relative;
                        width: 100%;
                        height: 44px;
                        margin: 10px auto 0;
                        padding: 9px 10px 8px;
                        border-radius: 5px;
                        background-color: #ffffffb0 !important;
                        border: solid 1px #e6e9f4;
                        font-family: sans-serif;
                        cursor: pointer;
                        outline: none;
                        font-size: 18px;
                        line-height: 1.4;
                        color: #000000;
                        /* right: 16px; */
                    }
                    /* line 892, ../sass/_sowifi.scss */
                    
                    .wrapper-dropdown:after {
                        content: "";
                        width: 0;
                        height: 0;
                        position: absolute;
                        right: 12px;
                        top: 50%;
                        margin-top: -3px;
                        border-width: 8px 8px 0 8px;
                        border-style: solid;
                        border-color: #000000 transparent;
                    }
                    
                    .wrapper-dropdown .dropdown {
                        position: absolute;
                        top: -600%;
                        left: 0;
                        right: 0;
                        background: #ffffffb3;
                        border-radius: inherit;
                        box-shadow: 0 4px 6px 0 rgb(12 22 48 / 10%);
                        font-weight: normal;
                        list-style: none;
                        opacity: 0;
                        pointer-events: none;
                        overflow: hidden;
                        overflow-y: scroll;
                        /* height: 364px; */
                    }
                    
                    .wrapper-dropdown .dropdown li a {
                        display: block;
                        padding: 10px;
                        text-indent: 13px;
                        text-decoration: none;
                        color: #8aa8bd;
                        border-bottom: 1px solid #e6e8ea;
                        box-shadow: inset 0 1px 0 white;
                    }
                    
                    .wrapper-dropdown .dropdown li i,
                    .wrapper-dropdown i {
                        float: left;
                        color: inherit;
                        margin-top: 4px;
                    }
                    
                    .wrapper-dropdown .dropdown li:first-of-type a {
                        border-radius: 6px 6px 0 0;
                    }
                    
                    .wrapper-dropdown .dropdown li:last-of-type a {
                        border-radius: 0 0 6px 6px;
                        border: none;
                    }
                    
                    .wrapper-dropdown .dropdown li:hover a {
                        background: #f3f8f8;
                    }
                    
                    .wrapper-dropdown.active .dropdown {
                        opacity: 1;
                        pointer-events: auto;
                        z-index: 99;
                        top: 140%;
                    }
                    
                    .selected-country {
                        padding-left: 13px;
                    }
                    
                    ul.dropdown {
                        background-color: #ffffff !important;
                        padding-left: 10px;
                    }
                    
                    footer {
                        background-color: #f3f3f3db;
                        /* padding: 11px 23px 9px; */
                        max-height: 30px;
                        line-height: 33px;
                        font-size: 10px;
                        color: #00000073;
                    }
                    
                    footer .copyright {
                        font-family: sans-serif;
                        font-size: 14px;
                        line-height: 1.4;
                        letter-spacing: 0.1px;
                        color: #ffffff;
                    }
                    
                    footer .fmenu {
                        float: right;
                    }
                    
                    footer .fmenu ul {
                        list-style: none;
                    }
                    
                    footer .fmenu ul li {
                        display: inline-block;
                        margin-left: 25px;
                    }
                    
                    footer .fmenu ul li a {
                        font-family: sans-serif;
                        font-size: 14px;
                        line-height: 1.4;
                        letter-spacing: 0.1px;
                        color: #b6c0e0;
                    }
                    /*  NUEVOS ESTILOS 2021 NESTOR*/
                    
                    #timeline {
                        width: 100vw;
                        height: calc(100vh - 386px);
                        display: block !important;
                        opacity: 1;
                        position: absolute;
                        left: 0px;
                        top: 0px;
                        background-size: cover;
                        background-repeat: no-repeat;
                        background-position: center;
                        object-fit: cover;
                        opacity: 0.5;
                    }
                    
                    .main-background {
                        width: 100vw;
                        height: 100vh;
                        position: absolute;
                        z-index: 0;
                        background: #000028;
                        background: -moz-linear-gradient(top, #000028 1%, #003167 100%);
                        background: -webkit-linear-gradient(top, #000028 1%, #003167 100%);
                        background: linear-gradient(to bottom, #000028 1%, #003167 100%);
                        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000028', endColorstr='#003167', GradientType=0);
                    }
                    
                    body {
                        font: 100% Helvetica, sans-serif;
                        background-color: #efefef00;
                        padding-right: 0px !important;
                        margin: 0 auto;
                    }
                    
                    main {
                        background: #ffffffe0;
                        z-index: 1;
                        position: absolute;
                        bottom: 30px;
                    }
                    
                    main span.text_highlight_left {
                        width: 5px;
                        margin-right: 5px;
                        display: inline-block;
                        vertical-align: top;
                        height: 30px;
                        border-radius: 2px;
                        background-color: #000000;
                    }
                    
                    .heading-1 {
                        font-family: 'Roboto';
                        font-size: 0.9em;
                        letter-spacing: 0.08em;
                        font-weight: 500;
                        color: #000000;
                        text-transform: uppercase;
                    }
                    
                    .divider-1 {
                        background-color: #DADADA;
                        height: 1px;
                        margin: 0em 0px 1em;
                    }
                    
                    .divider-1 span {
                        display: block;
                        width: 50px;
                        height: 1px;
                        background-color: #000000;
                    }
                    /* form elements */
                    
                    select.form-control option,
                    select.form-control optgroup {
                        color: #000000
                    }
                    
                    .form-control:focus {
                        box-shadow: none;
                        -ms-box-shadow: none;
                    }
                    
                    .form-control::placeholder {
                        color: #9c9c9c;
                    }
                    
                    .form-control::placeholder {
                        border: 1px solid #9c9c9c;
                    }
                    
                    .poll-obs::placeholder {
                        border: none;
                    }
                    
                    .float-label {
                        padding-top: 15px;
                        position: relative;
                    }
                    
                    .form-group .form-control-label {
                        font-size: 13px;
                        line-height: 18px;
                        color: #9c9c9c;
                    }
                    
                    .float-label .form-control-label {
                        position: absolute;
                        left: 0;
                        top: 24px;
                        margin: 0;
                        line-height: 20px;
                        color: #9c9c9c;
                        font-size: 15px;
                        transition: ease all 0.5s;
                        -webkit-transition: ease all 0.5s;
                        -ms-transition: ease all 0.5s;
                        -moz-transition: ease all 0.5s;
                        z-index: 0;
                    }
                    
                    .float-label .form-control,
                    .float-label .chosen-container .chosen-choices,
                    .float-label .chosen-container .chosen-single {
                        background-color: transparent;
                        border-width: 0 0 1px 0;
                        border-radius: 0;
                        /* z-index: 1; */
                        position: relative;
                        padding-left: 0;
                        padding-right: 0;
                        background-image: none;
                    }
                    
                    .float-label .form-control:focus {
                        box-shadow: none;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        -ms-box-shadow: none;
                        outline: none;
                    }
                    
                    .float-label .form-control:focus+.form-control-label,
                    .float-label.active label {
                        top: 0;
                        font-size: 13px;
                        line-height: 20px;
                    }
                    
                    .form-control-lg {
                        font-size: 18px;
                    }
                    
                    input.fwmodal-cta {
                        border-radius: 6px;
                        background-color: #8295A9 !important;
                        box-shadow: inset 0 -2px 0 0 #677889;
                        color: #ffffff !important;
                        display: block !important;
                        text-decoration: none !important;
                        font-family: sans-serif;
                        font-size: 18px;
                        line-height: 1.4;
                        padding: 0;
                        border: none;
                    }
                    
                    div#alert_error.show {
                        bottom: 1px !important;
                        top: auto;
                    }
                    
                    li.required {
                        color: red;
                        font-size: 9px;
                        list-style: none;
                    }
                    
                    .parsley-error-list {
                        margin: 0;
                        padding-top: 5px;
                        padding-left: 0;
                    }
                    
                    .modal.action-sheet {
                        z-index: 200000;
                    }
                    
                    .modal.action-sheet .modal-dialog {
                        padding: 0;
                        margin: 0;
                        bottom: 0;
                        position: fixed;
                        width: 100%;
                        max-width: 1200px !important;
                        z-index: 12000;
                        transform: translate(-50%, 100%);
                        left: 50%;
                    }
                    
                    .modal.action-sheet.show .modal-dialog {
                        transform: translate(-50%, 0%) !important;
                    }
                    
                    .modal.action-sheet .close-button {
                        width: 32px;
                        height: 32px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 22px;
                        position: absolute;
                        right: 10px;
                        top: 3px;
                        color: #a1a1a2;
                    }
                    
                    .modal.action-sheet .close-button:hover,
                    .modal.action-sheet .close-button:active {
                        color: #4f5050;
                    }
                    
                    .modal.action-sheet .modal-content {
                        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.08);
                        border: 0;
                        border-radius: 0;
                        padding-bottom: env(safe-area-inset-bottom);
                    }
                    
                    .modal.action-sheet .modal-content .action-sheet-content {
                        padding: 20px 16px;
                        max-height: 560px;
                        overflow: auto;
                    }
                    
                    .modal.action-sheet .modal-content .modal-header {
                        display: block;
                        padding: 2px 20px;
                    }
                    
                    .modal.action-sheet .modal-content .modal-header .modal-title {
                        padding: 0;
                        margin: 0;
                        text-align: center;
                        display: block;
                        font-size: 13px;
                        padding: 6px 0;
                        color: #141515;
                        font-weight: 500;
                    }
                    
                    .modal.action-sheet .modal-content .modal-body {
                        padding: 0;
                    }
                    
                    span.small-info {
                        font-size: 13px;
                        text-decoration: none;
                        color: #9c9c9c;
                    }
                    
                    .small,
                    small {
                        font-weight: 300;
                    }
                    
                    span.small-info a {
                        color: #000000;
                        text-decoration: none;
                    }
                    
                    @media (min-width: 768px) {
                        main {
                            background: #ffffffe0;
                            z-index: 1;
                            position: absolute;
                            top: 50%;
                            left: 50%;
                            transform: translate(-50%, -50%);
                            max-width: 600px;
                            height: fit-content;
                            max-height: 540px;
                            border-radius: 20px;
                        }
                        .flags-container {
                            max-width: 200px;
                            position: absolute;
                            top: 10px;
                            right: 10px;
                        }
                        footer {
                            background-color: #f3f3f34d;
                            max-height: 40px;
                            line-height: 43px;
                            font-size: 20px;
                            color: #ffffffb0;
                        }
                        .modal.action-sheet.show .modal-dialog {
                            transform: translate(-50%, -50%) !important;
                            max-width: 500px !important;
                        }
                        .modal.action-sheet .modal-dialog {
                            padding: 0;
                            margin: 0;
                            bottom: 0;
                            position: fixed;
                            width: 100%;
                            max-width: 1200px !important;
                            z-index: 12000;
                            transform: translate(-50%, 100%);
                            left: 50%;
                            top: 50%;
                        }
                        .small,
                        small {
                            font-size: 1.2rem;
                            font-weight: 300;
                        }
                        main .social-text {
                            height: 52px;
                            /* padding-top: 15px; */
                            margin-bottom: 8px;
                            font-family: sans-serif;
                            font-size: 15px;
                            position: relative;
                            line-height: 52px;
                        }
                        main a.bttn-mail:link,
                        main a.bttn-mail:visited {
                            height: 52px;
                            border-radius: 30px;
                        }
                        main a.bttn-ticket:link,
                        main a.bttn-ticket:visited {
                            height: 52px;
                            border-radius: 30px;
                        }
                        main a.bttn-fb:link,
                        main a.bttn-fb:visited {
                            margin-top: 5px;
                            height: 52px;
                            border-radius: 30px;
                        }
                        .h6,
                        h6 {
                            font-size: 1.3rem;
                        }
                        div#alert_error.show {
                            bottom: auto;
                            top: 30px;
                            width: fit-content;
                            left: 50%;
                            transform: translateX(-50%);
                        }
                        #timeline {
                            height: 100vh;
                        }
                    }
                    
                    @media (max-width: 361px) {
                        .heading-1 {
                            font-size: 0.8em;
                        }
                        main .social-text {
                            font-size: 11px;
                        }
                        #timeline {
                            width: 100vw;
                            height: calc(100vh - 375px);
                            display: block !important;
                            opacity: 1;
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            background-size: cover;
                            background-repeat: no-repeat;
                            background-position: center;
                            object-fit: cover;
                            opacity: 0.5;
                        }
                    }