/*
    *
    * General
    *
    */        

    img, embed, object, video{

        max-width: 100%;
    }

    h1, h2, h3, h4, h5 {

        margin: 0;

    }

    header,footer, section, article, div {

        box-sizing: border-box;

    }

    ul {

        list-style: none;
        padding: 0;
        margin: 0;

    }


   /*
    *
    * Common
    *
    */

    h3.welcome_ {

        color: #a8a8a8;
        font-weight: 700;
        font-size: 4em;
        line-height: 1.5;


    }

    h2.welcome_ {

        color: #005890;
        font-weight: 700;
        font-size: 6em;
        line-height: 1.5;


    }

    h3.offer_ {

        color: #a8a8a8;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.5;

    }

    h2.offer_ {

        color: #005890;
        font-weight: 700;
        font-size: 4em;
        line-height: 1.5;


    }

    h3.warning_{

        visibility: hidden;
        color: #EF476F;
    }

   /*
    *
    * Header
    *
    */

    .header_ {

        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
        min-height: 56px;
        width: 100%;
        transition: min-height 0.3s;
        position: fixed;
        background-color: #052655;
        display: flex;
        justify-content: space-between;


    }

    .header_inner {

        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-flow: row;
        /*align-items: flex-end;*/
        justify-content: space-between;
        align-items: center;

    }

    .header_logo {

        height: 72px;
        margin-right: 1em;
        cursor: pointer;

    }

    #back__{
        
        height: 72px;
        color: #fcfcfc;
        font-size: 3em;
        cursor: pointer;
        text-decoration: none;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;

    
    }


    #back__:hover{

    color: #FFD166;
    cursor: pointer;

    }

    /*
     *
     * Main
     *
     */

    .main_ {

        width: 100%;
        display: flex;
        flex-wrap: wrap;

    }

    .book_ {

        height: 100vh;

    }

    .left_ {

        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 50%;
        height: 100vh;

    }

    .right_ {

        width: 50%;
        display: flex;
        flex-wrap: wrap;
        overflow: hidden auto;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        /*scroll-behavior: smooth;
        oversroll-behavior-y: contain;*/

    }

    /*
     *
     * Parts
     *
     */

    .parts_ {

        width: 100%;
        min-height: 50vh;


    }

    .parts_title {

      font-weight: 300;
      font-size: 16px;

    }

    .parts_content { 

        width: 100%;
        min-height: 524px;


    }


    .parts_box{

        width: 100%;
    }


    /*
     *
     * Text
     *
     */



   h3.private_ {

        text-align: left; 
        color: #0B0500;

    }
 
    div.private_container{

            width: 100%;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-around;

    }

   div.private_message{

            width: 80%;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-around;

    }

    .text_handler {

        width: 100%;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .text_ {

        left: 50%;
        top: 50%;
        text-align: center; 

    }



    /*
     *
     * Media
     *
     */

    .image_handler{

        width: 100%;
        margin: 0px;   

    }

    .image_{

        display: block;
        margin-left: auto;
        margin-right: auto;

    }

    .image_caption{

        text-align: center;
        color: #333;
        font-size: 4em;
        line-height: 1.5em;
        font-weight: 700;
    }

    .icon_handler{

        height: 36px;
        width: 36px;

    }


    /*
     *
     * Animation
     *
     */
    .sending_{
        margin: 0;
        padding: 0;
        font-family: 'Lato';
        font-size: 10em;
        line-height: 1.5em;
        color: #22222280;
        position: relative;
        text-align: center;
  
    }
    
    .sending_:before{
        content: 'Enviando';
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        color: #1e6b99;
        width: 0;
        overflow: hidden;
        animation: moving;
        animation-duration: 1s;
        animation-fill-mode: both;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        
    }
    
    
    @keyframes moving{
        0%{
            width: 0%;
        }
        
        20% {
            width: 20%;
        }
        
        40% {
            width: 40%;
        }
        60%{
            width: 60%;
        }
        
        80% {
            width: 80%;
        }
        
        100% {
            width: 100%;
        }

    }
    /*
     *
     * Buttons
     *
     */

    .submit_button {
        height: 10%;
        background-color: #fcfcfc;
        color: #005890;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.5;
        padding: 0.5em 1em 0.5em 1em ;
        float: right;
        border: 1px solid #1e6b99;
        cursor: pointer;
        position: relative;
        text-align: center;
        overflow: hidden;
        transition: all 1s;
        margin: 10px;
        border-radius: 5%;



    }

    .submit_button:before {
            content: '';
            background-color: white;
            left: 0;
            top: 0;
            width: 100%;
            height: 50px;
            position: absolute;
            transform: translateX(-100%) rotate(75deg);
            transition: all 0.5s;

        }

    .submit_button:hover:before {
            transform: translateX(100%) rotate(75deg);

        }



    .submit_button:hover {

        background-color: #1e6b99 ;
        color: #fcfcfc;

    }

    /*
     *
     * Input
     *
     */

    input.form_input{

        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 2em;
        border: 1px solid #1e6b99;
        background-color: #fcfcfc;

    }

    select.form_input{

        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 2.5em;
        border: 1px solid #1e6b99;
        background-color: #fcfcfc;

    }

    textarea.form_input{

        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        max-height: 180px;
        max-width: 100%;
        min-height: 140px;
        min-width: 100%;
        border: 1px solid #1e6b99;
        background-color: #fcfcfc;

    }

    #input__file{

        border: none; 
        height: 2.5em;
        background-color: #EFEFEF;

    }



    /*
     *
     * IDs
     *
     */

    /*
     *
     *Start
     *
     *
    */

    #content__start{

        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 1024px;

    }

    /*
     *
     *What
     *
     *
    */

    #content__what{

        height: auto;


    }

    #what__{

        min-height: auto;

    }

    /*
     *
     *How
     *
     *
    */

    #content__how{

       height: auto;

    }

    #how__{

        min-height: auto;

    }

    /*
     *
     *News
     *
     *
    */

    #content__news{

        background-color: green;


    }

    /*
     *
     *Services
     *
     *
    */

    #content__services{

        background-color: yellow;


    }

    /*
     *
     *Calculator
     *
     *
    */

    #content__calculator{
        /*background-color: darkturquoise;*/
        display: flex;
        flex-wrap: wrap;

    }

    #calculator__offer{

        /*background-color: fuchsia;*/
        order: 1;
        height: 5%;

    }

    #calculator__form{

        /*background-color: rosybrown;*/
        order:2;
        height: 90%;
        /*display: flex;
        flex-wrap: wrap;*/

    }

    .calculator_form_part{

        width: 100%;
        /*background-color: red;*/
    }

    .calculator_radio_container{


        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 2em;
        /*border: 1px solid #1e6b99;
        background-color: #fcfcfc;*/

    }

    .calculator_form_part label {


        display: block;
        margin-left: auto;
        margin-right: auto;
        color: #005890;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.5;
        padding: 10px;

    }

    .calculator_radio_container label {

        display: inline;
        padding: 10px;
        color: #005890;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.5;

    }


    .form_chart{

        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 100%;
    }


    #submit__calculator__container{


        margin-left: auto;
        margin-right: auto;


    }


    h3.projection_{
        text-align: left;
        color: #005890;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.5;
    }

    h3.note_{

        font-size: 1em;
    }



    .projection_container{

        padding-top: 10px;
         width: 100%;
        flex-wrap: wrap;
        display: none;

    }

    .general_offer{

        display: none;
        margin-top: 50px;

    }

    #first__child__offer{

        margin-top: 100px;

    }

    .general_offer:first-child {
        
        margin-top: 100px;
        
    }

    .general_offer h2{

        color: #2A62B7;
    }

    .general_offer h3{

        color: #CDAD62;
    }

    .general_offer h4{

        font-size: 4em;
        color: #636363;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        background-color: #fff;
        border-radius: 8px;
        border: 1px solid #636363!important;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
    }

    .general_offer a{

        color: #2A62B7;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.5;
        margin-top: 10px;
        border-bottom: 4px solid #2A62B7!important;
        cursor: pointer;
        text-decoration: none;


    }

    .general_offer a:hover {

         color: #CDAD62;
         border-bottom: 4px solid #CDAD62!important;

    }


    #more__info__container{

        margin-top: 50px;
    }


    .projection_menu_container{

        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;



    }

    .projection_menu_button{

        width: 50%;
        text-align: center;
        color: #005890;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.5;
        cursor: pointer;


    }
    .projection_menu_button p{ 

        width: 75%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        color: #005890;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.5;


    }



    #menu__tab__buy p{


    }

    #menu__tab__rent{



    }

    #menu__tab__funding{



    }

    .calculator_table_container{

        width: 90%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        color: #005890;

    }

    .calculator_table{

        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        flex-wrap: wrap;

    }

    .calculator_table .tr {

        width: 100%;
        border-left: 5px;
        border-right: 5px;
        text-align: center;
        display: flex;
        border-bottom: 1px solid #005890;
    }
    .calculator_table .th {

        width: 50%;
        text-align: center;
        font-weight: 700;
        font-size: 1.5em;
        line-height: 1.5;
        padding: 5px;

    }

    .calculator_table .td {

        width: 50%;
        border-left: 5px;
        border-right: 5px;
        text-align: center;
        font-weight: 700;
        font-size: 1em;
        line-height: 1.5;

    }

    #chart__container{

        width: 90%;
        margin-left: auto;
        margin-right: auto;
       display: block;

    }

    #calculator__note{

        visibility: hidden;
    }




    /*
     *
     *Contact
     *
     *
    */

    #contact__{
        min-height: 90vh;
    }

    #content__contact{

        display: flex;
        flex-wrap: wrap;

    }

    #contact__offer{

        order: 1;
        height: 5%;

    }

    #contact__header{

        order:2;
        height: 15%;

    }

    #contact__header .image_caption{

        font-size: 2em;

    }

    #contact__form{

        order:3;
        height: 70%;

    }

    .contact_form_part{

        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #loading__animation{

        width: 100%;
        display: none;
        justify-content: center;
        align-items: center;

    }

    .contact_form_part label {


        display: block;
        margin-left: auto;
        margin-right: auto;
        color: #005890;
        font-weight: 700;
        font-size: 2em;
        line-height: 1.5;
        padding: 10px;

    }


    #submit__contact__container{

        display: block;
        margin-left: auto;
        margin-right: auto;

    }





    /*
     *
     * Footer
     *
     */

    footer{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-top: 10px;
        border-top: 1px solid #E0E0E0;
        padding: 0.5em;
        width: 100%;
    }
    
    .icon_{
        width: 60px;
        height: 60px;
        background-color: #fcfcfc;
        margin: 10px;
        border-radius: 10%;
        color: #1e6b99;
        box-shadow: 0 5px 15px #00000070;
        position: relative;
        overflow: hidden;
    }
    
    .icon_ i {
        line-height: 60px;
        font-size: 25px;
        transition: all 0.5s;
        
    }
    
    .icon_:hover i{
        transform: scale(1.3);
        color: #fcfcfc;
    }
    
    .icon_:before{
        content: '';
        position: absolute;
        width: 150%;
        height: 150%;
        background-color: #036CE4;
        left: -120%;
        top: 90%;
        transform: rotate(45deg);
        
    }

    @keyframes iconanimation{
        0%{
            left: -120%;
            top: 90%;
        }
        50%{
            left: 0%;
            top: -40%;
        }
         100%{
            left: -25%;
            top: -15%;
        }
    }
    
    .icon_:nth-child(2):before{
        --purpleHSL: 234 58% 56%;
        --yellowHSL: 48 91% 68%;
        --pinkHSL: 323 65% 50%;
  
          background-color: #9F35B9;
          background-image: 
            radial-gradient(
              circle at top left, 
              hsl(var(--purpleHSL)), hsl(var(--purpleHSL) / 10%)
            ),
            radial-gradient(
              circle at bottom left, 
              hsl(var(--yellowHSL)), hsl(var(--yellowHSL) / 10%)
            ),
            radial-gradient(
              circle at bottom right, 
              hsl(var(--pinkHSL)), hsl(var(--pinkHSL) / 10%)
            )
          ; 
    }
    .icon_:nth-child(3):before{
        background-color: #1DA1F2;

    }

    .icon_:nth-child(4):before{
        background-color: #25D366;

    }

    .icon_:hover:before{
        animation: iconanimation 0.7s 1 both;
    }


    
    #copyright__info{
        float: right; 
        font-family: 'Lato';
        font-size: 1.5em;

    }

    /*
     *
     *Control
     *
     */

    .adjuster_{

       width: 50%; 

    }

    .blocked{

        display: none;

    }