/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avadafont-si
*/

.onlymobile , .no_br > br ,  #mySidenav > div > br ,  #mySidenav > p , #mySidenav >  div > p , #listado_atm > p , #listado_off > p , .tabs_minititle > br , .fusion-content-sep.sep-double , .project-info , a.fusion-rollover-gallery , .fusion-rollover-categories , .newspaper > div > div > section >.fusion-clearfix , .newspaper > div > div > section > div >.recent-posts-content > p.meta , .iinputs > div > p
{
    display: none;
}
            .search-results , .search-no-results{margin-left: 0;}
    .search #content, .search-no-results #content {padding: 0 4%;}
.post-content {
    position: relative;
}
#myTable , #myTable2 {
    display: none;
    height: 200px;
    overflow: hidden;
    width: 100%;
    padding: 0 5%;
}

#myTable>tbody>tr>td , #myTable2>tbody>tr>td {
    text-align: left!important;
    cursor: pointer!important;
    border: none!important;
}

#myInput {

    border: none;
    font-size: 16px;
    letter-spacing: 1px;
    width: 100%;
    color: #0c326b;
    padding: 0 5%;
    background: none;
}

.closebtn:before {
    color: #fff;
    content: "\f041";
    font-family: fontawesome;
    font-size: 39px;
    font-weight: lighter !important;
    line-height: 56px;
    text-align: center;

}

            #listado-de-cajeros , #listado-de-officinas
            {
                float: left;
                margin-top: 0;
                width: 100%;

            }
            #listado_atm::-webkit-scrollbar , #listado_off::-webkit-scrollbar {
                width: 0.7em;
                border-radius: 10px;
                overflow: hidden;
            }

            #listado_atm::-webkit-scrollbar-track  , #listado_off::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            }

            #listado_atm::-webkit-scrollbar-thumb  , #listado_off::-webkit-scrollbar-thumb {
                background-color: #0c326b;
                outline: 1px solid blue;
            }
            #listado_atm
            {
                overflow-y: scroll;
                height: 30vh;
                width: 30%;
                display: none;
                position: absolute;
                top: 10px;
                z-index: 8;
                background: #fff;
                padding: 0 20px;
                border: 2px solid #0c326b;
            }

            #listado_off
            {
                overflow-y: scroll;
                height: 30vh;
                width: 30%;
                display: none;
                position: absolute;
                bottom: 0;
                z-index: 8;
                background: #fff;
                padding: 0 20px;
                border: 2px solid #0c326b;
            }
            #listado-de-cajeros > h1 , #listado-de-officinas > h1
            {
                color: #2d2d2d;
                font-size: 30px;
                font-weight: 600;

            }
            #listado-de-cajeros > h2 , #listado-de-officinas > h2
            {
                color: #0c326b;
                font-weight: 500;
            }
            #listado-de-cajeros > div , #listado-de-officinas > div
            {
                color: #444;
                line-height: 100%;
                font-size: 15px;
            }
            .leaflet-popup-content {

                margin: 0!important;
            }
            .leaflet-popup-content-wrapper
            {
                overflow: hidden!important;
            }
            .leaflet-popup-content > h2
            {
                background: #0c326b;
                padding: 10px 19px;
                color: #fff!important;
            }
            .leaflet-popup-content > div
            {
                padding: 10px 19px;
                font-size: 18px;
            }
            .leaflet-popup-close-button
            {
                font-size: 20px!important;
                right: 3px!important;
                top: 3px!important;
            }
            .leaflet-routing-container
            {
                display: none!important;
            }
            .leaflet-control-attribution {
                display: none!important;
            }

            .content_inner
            {
                position:relative!important;
            }



            @-webkit-keyframes in {
              0% { -webkit-transform: scale(0) rotate(12deg); opacity: 0; visibility: hidden;  }
              100% { -webkit-transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
          }

          @keyframes in {
              0% { transform: scale(0) rotate(12deg); opacity: 0; visibility: hidden;  }
              100% { transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
          }

          @-webkit-keyframes out {
              0% { -webkit-transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
              100% { -webkit-transform: scale(0) rotate(-12deg); opacity: 0; visibility: hidden; }
          }

          @keyframes out {
              0% { transform: scale(1) rotate(0); opacity: 1; visibility: visible; }
              100% { transform: scale(0) rotate(-12deg); opacity: 0; visibility: hidden;  }
          }



          #listado_atm.show  , #listado_off.show {
              -webkit-animation: in 700ms ease both;
              animation: in 700ms ease both;
          }

          #listado_atm.hide  , #listado_off.hide {
              -webkit-animation: out 700ms ease both;
              animation: out 700ms ease both;
          }



          button
          {
            outline: none!important;
        }
        .sidenav {
            height: 70vh;
            width: 350px;
            position: absolute;
            z-index: 333;
            top: 0;
            right: -340px;
            background-color: #ff7d23;
            overflow-x: visible;
            transition: 0.5s;
            padding: 20px 0px;
        }
        .closebtn
        {
            font-size: 30px;
            cursor: pointer;
            position: absolute;
            left: -45px;
            width: 55px;
            background: #ff7d23;
            z-index: -1;
            border-radius: 12px;
            text-align: center;
        }
        .closee
        {
            font-size: 30px;
            position: absolute;
            right: 8px;
            cursor: pointer;
            top: 15px;
        }



        .row > .col-xs-6
        {
            width: 100%!important;
        }
        .row > .col-xs-6 > p
        {
            display: flex;
            cursor: pointer;
        }


        .no_margin
        {
            margin-left: 0!important;
            margin-right: 0!important;
            margin-top: 18px;
            border-top: 2px solid #fff;
            padding: 20px 0;
            border-bottom: 2px solid #fff;
        }
        .listado_el
        {
            padding: 20px 0;
            color: #fff;
            font-size: 16px;
            font-weight: 100;
            letter-spacing: 1px;
        }
        .listado_el > span
        {
            padding: 0 5%;
        }

        button.botones {
            color: #fff;
            font-size: 15px;
            width: 75%;
            background: no-repeat;
            border: none;
            text-align: right;
            padding-top: 8px;
        }

        .no_br > button
        {
            font-size: 10px!important;
        }

        .botones2
        {
            background: #0c326b;
            color: #fff;
            width: 42%;
            padding: 13px 16px;
            border-radius: 5px;
            font-size: 14px;
            border: none;
            margin-left: 15px;
            cursor: pointer;

        }



        #myInput::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color: #fff;
          font-weight: 100;
      }
      #myInput::-moz-placeholder { /* Firefox 19+ */
          color: #fff;
          font-weight: 100;
      }
      #myInput:-ms-input-placeholder { /* IE 10+ */
          color: #fff;
          font-weight: 100;
      }
      #myInput:-moz-placeholder { /* Firefox 18- */
          color: #fff;
          font-weight: 100;
      }
      th, tr {
        font-family: sans-serif!important;
        font-size: 13px;
        color: #ffffff;
    }


    span.error_msg {
        position: absolute;
        left: 0;
        bottom: -40px;
        padding-left: 7px;
        font-size: 12px;
        display: none;
    }
    .botones3
    {
        position: relative;
        background: #fff;
        color: #0c326b;
        width: 40%;
        padding: 13px 16px;
        border-radius: 5px;
        font-size: 14px;
        border: none;
        margin-left: 5%;
        cursor: pointer;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div#ATM_option {
        clear: both;
        text-align: right;
        padding-right: 6%;
    }

    .botones2:hover , .botones3:hover {
        color: #fff;
        background: #0c326b;
    }


    body.has-sidebar #content {
        width: 100%!important;
    }
    article.fusion-post-grid {
        position: initial!important;
        width: 100%!important;
        /* float: left; */
    }
    article.fusion-post-grid > div > div > div > div.fusion-alignright {
        display: none!important;
    }
    article.fusion-post-grid > div > div > div >h2 > a {
        padding: 5px 15px;
        color: #fff!important;
        border-radius: 5px;
    }













  .current-menu-parent > a
  {
    color: #fff!important;

}
.contact > a
{
    color: #0c326b!important;
}
.img_60 > div > span > img ,.img_60  > img
{
    width: 50vh;
}
.img_60 {
    text-align: center;
}
.fusion-tabs.classic .nav-tabs>li .tab-link {

    background: #ebeaea!important;
}
.no_margin_66 {
    margin: 0!important;
    width: 66.66%!important;

}
.no_margin_33 {
    margin: 0!important;
    width: 33.33%!important;

}
.image_fix58 > img
{
    height: 58vh!important;
}
.image_fix29 > img
{
    max-height: 29vh!important;
    min-height: 29vh!important;
}

    .fusion-row
    {
        max-width: 100%!important;
    }
    .slide-content {
        background: rgba(39, 107, 179,0.9);
        padding: 26px;
        width: 35%!important;
        margin-left: 20%!important;
    }
    .slide-content > .buttons > .tfs-button-1 {
        width: 100%;
    }
    h2.title-heading-left {
        font-weight: 900!important;
        font-family: sans-serif!important;
    }
    h3.title-heading-left {
        font-weight: 500!important;
        font-family: sans-serif!important;
    }
    .slide-content > .buttons {
        position: relative;
    }
    .tfs-button-2 {
        vertical-align: text-bottom;
    }
    .full_width
    {
        width: 100%!important;

    }
    .full_width > a > img
    {
        width: 100%!important;
    }
    .border:before {
        content: "";
        position: absolute;
        left: 0px;
        top: -5px;
        height: 0px;
        width: 100%;
        border-top: 6px solid #1964af;
        -webkit-transition: width 0.3s ease-out;
        -moz-transition: width 0.3s ease-out;
        -o-transition: width 0.3s ease-out;
        /* transition: width 0.3s ease-out; */
    }
    .border:hover::before
    {
        width: 20%;
    }
    .button_rad
    {
        font-size: 18px!important;
        font-family: 'Open Sans', sans-serif!important;
        letter-spacing: 1px!important;
        border-radius: 5px;
    }



    .panama > a > span > .fa-heart:before {

        background-image: url(https://www.bgeneral.fi.cr/wp-content/uploads/2017/09/mapapanama.jpg);
        content: "";
        width: 24px;
        height: 29px;
        background-position: bottom;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        /* font-size: 32px; */
        display: inline-block;
        background-repeat: no-repeat;
    }
    .banderapanama > a > span > span > .fa-heart:before {

        background-image: url(https://www.bgeneral.fi.cr/wp-content/uploads/2017/09/Panama.png);
        content: "";
        width: 24px;
        height: 16px;
        background-position: bottom;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: bottom;
        /* font-size: 32px; */
        display: inline-block;
        background-repeat: no-repeat;
    }
    .panama > .sub-menu
    {
        border-color: #e8e8e8!important;
    }
    .banderapanama > a:hover
    {
        background: #e8e8e8!important;
        color: #a5a3a3!important;
    }
    .banderapanama
    {
        background: #e8e8e8;

    }
    .banderapanama > a
    {
       color: #11376f!important;
   }

   .InformacinCorporativa> a > span > .fa-star:before {

    background-image: url(https://www.bgeneral.fi.cr/wp-content/uploads/2017/08/informacion-corporativa_1cce1f9e23c3c31f2bde3cf2be419669.png);
    content: "";
    width: 18px;
    height: 18px;
    background-position: bottom;
    background-size: cover;
    /* font-size: 32px; */
    display: inline-block;
    background-repeat: no-repeat;
}
.InformacinCorporativa> a > span > .fa-star:hover::before
{
    filter: grayscale(100%) brightness(250%);
}
.contact_under > a > span > span {
    width: 100%;
    text-align: center;
    font-size: 33px;
}
.contact_under > a {
    text-align: center;
}
.panama
{
    left: 2%;
    float: left!important;

}
.panama > a:after {
    content: "\f107";
    font-family: FontAwesome,sans-serif;
    margin-left: 5px;
    font-size: 12px;
    border: none;
    position: static;
    color: #0c326b;
}
.panama > a:hover::after
{
    filter: grayscale(100%) brightness(250%);
}
.fusion-secondary-menu > ul > li > a:hover {
    color: #adabab;
}
span.fusion-megamenu-icon {
    font-size: 18px;
    text-align: left;
    padding-right: 2px;
}
.contact > ul > .contact_under {
    border-bottom: 1px solid #fff;

}
.contact > ul > .contact_under  > a
{
    padding: 10px;
}
.contact > ul.sub-menu {
    border-radius: 7px;
}
.contact > ul > .contact_under:last-child {
    border: none;
}

#ls-google-fonts-css
{
    display: none!important;
}
nav.fusion-secondary-menu {
    width: 100%;
}
.fusion-secondary-menu>ul>li {
    float: right;
}
li > a {
    cursor: pointer!important;
}
.fusion-secondary-menu > ul > li
{
    padding-top: 5px;
}
.fusion-header-content-3-wrapper {
    width: 60%;
}
.fusion-header-banner {
    width: 100%;

}
.fusion-logo {
    position: relative;
}
.menu_two {
    width: 123px;
    float: left;
    text-align: center;
}
.menu_two_absolute {
    position: absolute;
    right: 0;
    top: 0;
    width: 290px;
    background: #0c326b;
    z-index: 3333333;
    padding: 15px 10px;
    border-radius: 5px;
    height: 65px;
    overflow: hidden;
}
.menu_two_absolute_disable
{
    position: absolute;
    right: 0;
    top: 0;
    width: 290px;
    z-index: 3333333;
}
.fusion-header {
    position: relative;
    z-index: 201;
}


.en_linea > button {
    float: left;
    width: 75px;
    height: 37px;
    background: #ff7d23;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    border: 1px solid #ff7d23;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-left: 5px;
}
.en_linea>button:hover {
    color: #ff7d23;
    background: #fff;

}
.en_linea > p {
    margin: 0;
    width: 136px;
    float: left;
    margin-left: 4px;
    align-items: center;
    display: flex;
    height: 37px;
    font-size: 13px;

    padding: 0 4%;
}
.en_linea > i {
    font-size: 3em;
    /* color: #fff; */
    width: 15%;
    float: left;
}
.en_linea {
    width: 100%;
    float: left;
    color: #fff;

}
.lock
{
    position: relative;
    height: 115px;
    float: left;
    width: 10%;
    display: flex;
    align-items: center;
}
.lock > i {
    margin-left: 9px;
    font-size: 3em;
    color: #fff;
}
.list_linea {
    width: 70%;
    float: left;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
}
.style_ol {
    list-style-type: square;
    color: #ff7b23;
}
.style_ol > li > a {
    color: #fff;
}
.menu_two_absolute:hover {
    height: auto;
    overflow: visible;
}
.menu_two > a {
    font-size: 20px;
    color: #898989;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;

}
.menu_two > a:hover {
    color: #0c326b;
}
.current
{
    color: #0c326b!important;
    font-weight: 900!important;
}
.main_menu > a {
    padding: 0 10px!important;
    display: flex!important;
    align-items: center;
    height: 48px!important;
}
.main_menu > a:hover
{
    background: #fff;
    color: #0055c2!important;
}
.main_menu > a:after {
    content: "\f107";
    font-family: FontAwesome,sans-serif;
    margin-left: 5px;
    border: none;
    font-size: 12px;
    position: static;
    color: #fff;
}
.main_menu > a:hover::after
{
    color: #0055c2;
}
.fusion-last-menu-item {
    position: inherit!important;
}
.fusion-main-menu .sub-menu
{
  width: auto!important;
  border-top: none!important;
  left: auto;
  white-space: pre;
}
/*.fusion-main-menu .sub-menu li {
    float: left!important;
        width: 150px;
        }*/
        .fusion-main-menu .sub-menu li > a > span
        {
            display: flex;
            align-items: center;
            text-align: center;
        }
        .fusion-main-menu .sub-menu li > a > span > span {
            /* float: left; */
            font-size: 30px;
            width: 40px;
        }
        .fusion-main-menu .sub-menu li a > span:hover
        {
            filter: grayscale(100%) brightness(250%);
        }
        .fusion-main-menu .sub-menu > li > a {


            border-color: #0055c2!important;
        }
        .fusion-main-menu .sub-menu li a:hover {
           background-color: #0055c2!important;
           color: #fff!important;
       }


       .fusion-custom-menu-item-contents {
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        z-index: 11!important;
        top: 4px!important;
        padding: 0!important;
        /* height: 40px!important; */
        /* max-height: 30px!important; */
        border: none!important;
        width: 220px!important;
        overflow: hidden!important;
        border-radius: 3px!important;
        right: auto!important;

    }
    input
    {
        border: none!important;
        outline: none;
    }
    .searchform .search-table .search-button input[type=submit] {
        background: #fff;
        color: #aaa9a9;
    }

    .Promociones > a , .Promocioness > a {
        padding: 0px 15px!important;
        border-radius: 3px!important;
        border: 1px solid #ff7d23!important;
        background: #ff7d23!important;
        color: #fff!important;
    }
    .fusion-header-wrapper .fusion-row
    {
        margin: 0 auto!important;
        max-width: 1100px!important;
    }
    a.fusion-main-menu-icon {
        display: none!important;
    }
    .Promociones>a:hover , .Promocioness>a:hover {
        background: #fff!important;
        color: #ff7d23!important;
        border: 1px solid #ff7d23!important;
    }

.fusion-secondary-main-menu
{
    border:none!important;
}
#toTop:hover, #wrapper .search-table .search-button input[type="submit"]:hover, .circle-yes ul li:before, .fusion-date-and-formats .fusion-date-box, .pagination .current, .progress-bar-content, .table-2 table thead, .tagcloud a:hover, ul.arrow li:before, ul.circle-yes li:before {
    background-color: #ff7d23!important;
}
.searchform .search-table .search-button input[type=submit]:hover {
    background: #ff7d23!important;
}
#fusion-slider-sc-classic_final_full_width > div > ul > li > div > div
{
    padding: 0!important;
}
a.button_text:hover {
    background: #fff;
    border: 1px solid #ff7d23;
    color: #ff7d23;
}
.button_text_formularios
{
    background: #ff7d23;
    color: #ffffff;
    border: 1px solid #ff7d23;
        padding: 13px 29px;
    line-height: 17px;
    font-size: 14px;
}
.button_text_formularios:hover
{
    background: #fff;
    border: 1px solid #ff7d23;
    color: #ff7d23;
}

a.button_text {
    float: right;
    background: #ff7d23;
    border-width: 1px;

    color: #ffffff;
    border: 1px solid #ff7d23;
}
a.button_text_calcular:hover {
    background: #fff;
    border: 1px solid #ff7d23;
    color: #ff7d23;
}

a.button_text_calcular {

    background: #ff7d23;
    color: #ffffff;
    border: 1px solid #ff7d23;
    margin-left: 40px;
}
.inline_button_text
{

   display: flex;
   align-items: center;
}
.inline_button_text > p
{
    margin: 0;
    flex: auto;
}
/****** Tabs Style ****/
.two1_2 {
    width: 50%;
    float: left;
    margin-top: 20px;
}



    .tabs_minititle {
        display: flex;
        color: #2564a5;
        align-items: center;
        font-size: 19px;
        font-weight: 900;
        max-height: 74px;
    }
    .tabs_mini_content {
        font-size: 15px;
        line-height: 150%;
        font-weight: 300;
        padding-left: 80px;
        margin-bottom: 30px;
    }

    /****************/
    .width-100 {
       margin-left: 0px!important;
       margin-right: 0px!important;
   }
   .fusion-portfolio-content-wrapper {
    position: relative;
}
h2.entry-title.fusion-post-title > a {
    position: absolute;
    top: 0;
    background: #0055c2;
    z-index: 44;
    width: 100%;
    color: #fff;
    font-size: 19px!important;
    left: 0;
    line-height: 119%;
}

.fusion-post-content-container {
    margin-top: 33px!important;
}
.flexslider .slides img {
    width: auto!important;
}

.portfolio-half .project-content {
    width: auto!important;
    float: none!important
    ;
}
.fusion-image-wrapper > img {
 width: 100%;
 max-height: 330px;
 overflow: hidden;
}

.fusion-rollover {
    background: #0055c2!important;
}

.fusion-filters .fusion-filter.fusion-active a {
    color: #0055c2!important;
    border-color: #0055c2!important;
}
.fusion-filter > a:hover
{
    color: #0055c2!important;
}
.fusion-panel.panel-default {
    clear: both;
}
.panel-body.toggle-content {
    display: inline-block;
}
.fusion-accordian .panel-title a:hover {
    color: #0055c2!important;
}

.fusion-accordian .panel-title a:hover i.fa-fusion-box , i.fa-fusion-box{
    background-color: #0055c2!important;
    border-color: #0055c2!important;
}

ul.fusion-checklist {
    margin-left: 10px!important;
}
.fusion-checklist > li > span {
    background: #0055c2!important;
}


/************/


.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 20px;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
  width: 65px;
  height: 35px;
}

.slider_round {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}

.active_back {
  background-color: #0055c2;
}



.active_butt {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.max_width_1100 > div
{
    max-width: 1100px!important;
    margin:0 auto!important;
}
.pdf{font-size: 23px;color: #0055c2;}
.pdf1{font-size: 20px;color: #0055c2;}
.clear_text
{
    z-index: 99;
    background-color: transparent!important;
}

.fa-newspaper-o , .fa-calculator , .fa-usd
{
    border: 1px solid #fff!important;
    background-color: #0055c2!important;
    font-size: 15.84px!important;
    line-height: 31.68px!important;
    height: 70px!important;
    width: 70px!important;
    margin-right: 9px!important;
    color: #fff!important;
    margin-top: -35px!important;
    text-align: center;
    border-radius: 50%!important;
    padding-top: 20PX;
}
.fa-newspaper-o:before , .fa-calculator:before , .fa-usd:before{


    font-size: 45px!important;

}
.newspaper > div > div > section > div {
    display: flex;
    align-items: center;
    margin-bottom: 21px;
    border: 1px solid;
    padding: 0;
}

.newspaper > div > div > section > div > div.fusion-flexslider {

    /* float: left; */
    margin-right: 30px;
}

.newspaper > div > div > section > div >.recent-posts-content > h4.entry-title > a {
    font-size: 23px;
    line-height: 110%;
    font-weight: 900;
    color: #2e5a99;
}

.newspaper > div > div > section > div >.recent-posts-content > p:last-child {
    font-size: 17px;
    padding-right: 20px;
    color: #000;
}
.newspaper > div > div > section {
    width: 100%;
    margin: 0;
}
.newspaper > div > div {
    margin-bottom: 0;
}
.div-block-12 {
    max-width: 250px;
    margin: 0 auto;

}
.text-block-2 {
    color: #fff;
    font-weight: 100;
}
.w-row {
    border: 1px solid #fff;
    padding: 9px 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
h3.heading-13 {
    margin: 0;
    color: #fff!important;
}
.heading-13 > span {
    float: right;
}
.heading-13:first-child > span > i {
    color: #3cb93c;
}
.heading-13:last-child > span > i {
    color: red;
}
.calculadora {
    max-width: 1100px;
    display: flex;
    align-items: center;
    padding: 4% 0;
    margin: 0 auto;
}
.width_maxx {
    background: #0055c2;
}
.calculadora_cal {
    width: 50%;
    /* float: left; */
}
.calculadora_cal_80 {
    width: 80%;
    /* float: left; */
}
.calculadora_cal > h1 , .calculadora_cal_80 > h1 {
    color: #fff!important;
    font-weight: 500;
    margin: 0;
}
.calculadora_cal > p  ,.calculadora_cal_80 > p {
    color: #fff;
}
.iinputs {
    display: flex;
    align-items: center;
    margin-top: 0px;
}
p.subtitle_input {
    margin-top: 15px!important;
    color: #fff;
}
.iinputs > div {
    width: 50%;
}
.iinputs > div > input {
    width: 100%;
    margin: 0;
    padding: 9px;
    color: #000;
}
.iinputs > p {
    margin: 0!important;
    margin-left: 7px!important;
    font-size: 15px;
    color: #fff;
    font-weight: 100;
    display: flex;
    align-items: center;
}
.calculadora_cal > form > p , .calculadora_cal_80 > form > p {
    margin: 0;
}
.submit_Calc {
    padding: 10px 36px;
    background: #ff7d23;
    border: none;
    color: #fff;
    margin-top: 30px;
}

.iinputs > p > output {
    margin-right: 5px;
}
.calculadora_cal > form , .calculadora_cal_80 > form {
    margin-top: 50px;
}
.calculadora_logo {
    width: 50%;
    text-align: right;
}
.calculadora_logo_20
{
    width: 20%;
    text-align: right;
}
.flexx {
    display: flex;

}
.form_50 {
    width: 50%;
}
.form_50 > div {
    /* font-size: 18px; */
    font-size: 15px;
    color: #fff;
    font-weight: 100;
    margin-top: 18px;
}
.form_50 > div >.result{
    float: right;
}
.bolddd {
    /* font-weight: 600; */
    font-size: 19px;
    border: 1px solid;
    padding: 9px;
    margin-top: -9px;
}
.foot_cal {
    background: #0055c2;
    border-top: 5px solid;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 32px;
    font-weight: 100;
    padding: 30px 0 30px 37%;
}
.foot_cal > div {
    margin-right: 30px;
}
/****************  animation welcome page */
input[type=range] {
  height: 34px;
  -webkit-appearance: none;
  background: none!important;
  padding: 0!important;
  margin: 10px 0;
  width: 100%;
}
div , span , p , button , a
{
    outline: none!important;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: none;
  border-radius: 5px;
  border: 1px solid #fff;
}
input[type=range]::-webkit-slider-thumb {

  border: 1px solid #ff7d23;
  height: 20px;
  width: 20px;
  border-radius: 15px;
  background: #ff7d23;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5px;
}
.table-responsive > center > table > tbody > tr
{
    color: #0c326b!important;
}
.full_silder {
    margin: 0!important;
}



.search-page-search-form.search-page-search-form-bottom > p {
    display: none;
}
a, button {
    border-radius: 3px!important;
}
.main_menu > a , .menu-item > a
{
    border-radius: 0px!important;
}
.Promociones > a
{
    border-radius: 3px!important;
}
.take_me_there
{
        width: 40%;
    margin-left: 30%;
    margin-bottom: 10px;
    color: #fff;
    background: #0c326b;
    border: none;
    font-size: 15px;
    padding: 5px 0;
}
.info_table
{
    width: 519px;
}
h2.entry-title.fusion-post-title {
    margin-top: 20px;
}
.copyy {
    clear: both;
}
.salida > div > span   , .salida > div > span > img {
    width: 100vw;
}
        .parag_cal
        {
            color:#fff;
        }

.marker-cluster-small div , .marker-cluster-medium
div , .marker-cluster-large
div {
    background-color: rgba(12,50,107,0.8)!important;
    color: #fff!important;
}
.marker-cluster-large , .marker-cluster-medium , .marker-cluster-small {
    background-color: transparent!important;
}














    @media only screen and (min-width: 800px) and (max-width: 1100px)
    {
        .slide-content
        {
            width: 70%!important;
            margin-left: 15%!important;
        }
        .img_60 >  div > span > img , .img_60  > img

        {
            width: 100%;
        }

        .fusion-main-menu{
           display: block!important;
       }
       .fusion-secondary-main-menu {
        background-color: #0055c2!important;
    }

}

























    @media only screen and (min-width: 800px)
    {
        .parag_cal
        {
            position: absolute;
            width: 60%;
            bottom:0;
            right:0;
            color:#fff;
        }
        .Promocioness
        {
            display: none;
        }
        .fusion-header-v4 .fusion-header {
            padding-top: 20px!important;
            padding-bottom: 20px!important;
        }
        .personas , .Empresas {
            display: none;
        }
        .fusion-flexslider.flexslider.fusion-post-slideshow.post-slideshow {
            padding: 0 12%;
        }
        .project-content {
            padding: 0 12%;
        }

        #main
        {
            padding : 0!important;
        }

        .Promociones , .Promocioness {
            /* background: red; */
            padding: 3px 0!important;
            float: right!important;
        }
        .main_menu {
            padding:  0px!important;
            height: 48px;
        }
        .text_button
        {
            width: 30%!important;
            margin-left: 20%!important;
        }

        #border_right
        {
            border-right: 2px solid #bdbbbb;
            margin: 0!important;
            width: 50%!important;
        }
        .absolute {
            position: absolute!important;
            top: 15vh;
            left: 129px;
            margin-left: 0!important;
        }
        .padd >a {
    padding: 20px!important;
}
    }


















    @media screen and (max-height: 450px) {
      .sidenav {padding-top: 15px;}
      .sidenav a {font-size: 18px;}
  }




@media only screen and (min-width: 1100px)
{

       .fusion-custom-menu-item-contents {

        left: 42%!important;
    }

}



















@media (max-width: 1025px){
  .fusion-header-content-3-wrapper
  {
      width: 100%;
  }
.fusion-header-v4.fusion-mobile-menu-design-modern .fusion-mobile-menu-icons {display:none;}
}



@media (max-width: 800px)
{
            #main
        {
            padding-top : 0!important;
        }
    #back_list {
        height: 100vh;
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.8);
        width: 100%;
        z-index: 4443;
        display: none;
    }
    #listado_atm , #listado_off
    {

        height: 95vh;
        width: 90%;
        z-index: 4444;
        left: 5%;
        top: 10px;
    }
    .closebtn
    {
        right: 0;
        bottom: -45px;
        left: auto;
    }
    .sidenav
    {
        right: 0;
        width: 100%;
        top: -100vh;
        height: 100vh;
    }
    .foot_cal {

        display: block;
        text-align: center;
        padding: 30px 11px 30px 11px;
    }
    .flexx {
       display: block;
   }
   .form_50 {
    width: 100%;
}
.form_50>div {
    font-size: 12px;
}
.calculadora {

   display: block;
   padding: 15px 11px;
}
.calculadora_cal , .calculadora_cal_80 {
    width: 100%;
    /* float: left; */
}
.calculadora_logo , .calculadora_logo_20 {
    width: 100%;
    text-align: center;
    clear: both;
}
.iinputs > div {
    width: 70%;
}

.clear_text
{
   padding: 0!important;
}
.newspaper > div > div > section > div {
    display: block;

}
.newspaper > div > div > section > div > div.fusion-flexslider {

    margin-right: 0;
}
.personas > a , .Empresas > a {
    padding-left: 10px!important;
    font-size: 20px!important;

}
.newspaper > div > div > section > div >.recent-posts-content {
    padding: 10px;
}
.Promociones
{
    display: none;
}

.InformacinCorporativa, .Sucursales {
    display: none!important;
}
.tfs-slider.flexslider.main-flex {
    height: auto!important;
}
.empresas_slider > div >  ul > li  > .background.background-image {
    height: 300px!important;
    background-position: 77%!important;
}
li.flex-active-slide {
    height: 300px!important;
}
.slide-content
{
    width: 100%!important;
    margin-left: 0%!important;
}
.img_60 > div > span  > img , .img_60  > img
{
    width: 100%;
}
.Promociones>a  {

    border-radius: 0px;
}


.fusion-open-submenu:before
{
    content: ''!important;
}
.fusion-mobile-menu-design-classic .fusion-secondary-header
{
    padding: 0!important;
}
body.fusion-body .fusion-secondary-header .fusion-alignright>*
{
    margin: 0;
    width: 100%;
}
.fusion-mobile-selector
{
    border:none;
    text-align: center!important;
    font-size: 20px!important;
}
.fusion-secondary-menu
{
    padding: 0 35px;
}
.fusion-body .fusion-mobile-menu-design-modern .fusion-secondary-menu>ul>li
{
    width: 50%;
    padding-bottom: 15px;
    float: left;
    border: none;
    font-size: 10px;
    left: 0;
    text-align: center;
}
.fusion-secondary-header {
    background-color: #fff!important;
}
.fusion-mobile-menu-icons a:before {
    color: #0055c2!important;
    font-size: 37px;
}
.menu_two_absolute {
    position: inherit;
    width: 290px;
    padding: 15px 10px;
    height: 65px;
    float: left;
    left: 50%;
    transform: translateX(-50%);

}
.menu_two_absolute_disable
{
    position: inherit;
    width: 50%;
    /* padding: 5px; */
    /* height: 35px; */
    float: left;
}
/*.menu_two_absolute:hover {
    height: auto;
    overflow: unset;
    position: absolute;
    left: 0;
    width: 290px;
}*/
.fusion-header-content-3-wrapper
{
    width: 100%;
}
.fusion-secondary-main-menu {
    padding: 0!important;
}
.fusion-selector-down
{
    left: 0!important;
}
/******** tabs mobile ******/
.two1_2 {
    width: 100%;
    float: none;
}
.fusion-mobile-nav-holder {
    margin: 0!important;
}
/***********/
.width-100 .fusion-fullwidth , .fusion-fullwidth {
   margin-left: -30px!important;
   margin-right: -30px!important;
}
.fusion-fullwidth
{
    padding-left: 5%;
    padding-right: 5%;
}
.menu_two
{
    display: none;
}
.displaynone
{
    display: none;
}
.image_fix58>img , .image_fix29>img {
    /* height: 58vh!important; */
    height: auto!important;
    max-height: unset!important;
    min-height: unset!important;
}
.fusion-header
{
    padding-left: 0!important;
    padding-right: 0!important;
}
.fusion-header-content-3-wrapper {
    background: #2667a8;
    padding: 5px 5px;
    margin-top: 10px;
}
/*.en_linea > button {
    height: auto;
    width: 35%;
    font-size: 10px;
    padding: 6px 0;
}
.en_linea>i {
    font-size: 2em;
    width: 15%;
    float: left;
}
.en_linea>p {
    margin: 0;
    width: 45%;
    float: left;
    height: 37px;
    margin-left: 5%;
    font-size: 10px;
    padding: 0;
    margin-top: -9px;
}*/
/*.menu_two_absolute:hover > .en_linea>i {
    font-size: 2em;
    height: 37px;
    display: flex;
    align-items: center;
    float: left;
}
.menu_two_absolute:hover > .en_linea > button {
    height: auto;
        width: 75px;
    height: 37px;
    font-size: 10px;
    padding: 6px 0;
}
.menu_two_absolute:hover > .en_linea>p {
    margin: 0;
    float: left;
    height: 37px;

    font-size: 10px;
    padding: 0;
        width: 136px;
    margin-left: 0;
    margin-top: 0px;
}*/
.Promocioness {
    width: 33%;
    float: left;
    margin-left: 33%;
    margin-top: 10px;
    margin-bottom: 5px;
}
.Promocioness>a {
        padding: 6px 0!important;
    text-align: center;
}
.fusion-header-banner
{
    margin: 0!important;
    position: relative;
}
a.fusion-logo-link {
    padding-left: 30px;
}
.fusion-mobile-menu-icons {
    right: 10px;
}
.fusion-header {
    padding-bottom: 0!important;
    padding-top: 0!important;
}
.fusion-page-title-bar-left
{
    margin-bottom: 0px;
    text-align: center;
}
.main_menu > a {
    padding-left: 30px!important;
    /* display: none!important; */
}
.onlymobile > a {
    color: #2e5a99!important;
}
.onlymobile {
    display: block;
    width: 100%;
    font-size: 13px;
    float: left;
    margin-bottom: 0px;
    text-align: center;
}
.newspaper > div > div > section > div > div.fusion-flexslider > ul > li.flex-active-slide
{
    height: auto!important;
}
.full_silder {
    padding: 0!important;
}
.Empresas > a:after , .personas > a:after , .Innfo > a:after{
    content: "\f107";
    font-family: FontAwesome,sans-serif;
    margin-left: 5px;
    border: none;
    font-size: 20px;
    position: static;
    color: #0055c2;
}
   .fa-star:before{

    background-image: url(https://www.bgeneral.fi.cr/wp-content/uploads/2017/08/informacion-corporativa_1cce1f9e23c3c31f2bde3cf2be419669.png);
    content: ""!important;
    width: 18px;
    height: 18px;
    background-position: bottom;
    background-size: cover;
    /* font-size: 32px; */
    display: inline-block;
    background-repeat: no-repeat;
}
.info_table
{
    width: auto;
}
.info_table > tbody > tr
{
    font-size: 14px!important;
}

}
/* css located on Avada Theme's File */
body,
html,
h1,h2,h3,h4,h5,span,div,p,
input[type="text"], select, textarea,button
.menu_two>a,
.fusion-recent-posts .columns .column .meta .date,
.fusion-recent-posts .columns .column a,
.fusion-tabs .nav-tabs li .fusion-tab-heading,
.popover .popover-title,
.post-content h4,
.post-content h1,
.fusion-page-title-bar h1,
.fusion-button,
.post-content h2,
.fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a, .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled,
.fusion-main-menu>ul>li>a,
#wrapper .fusion-tabs-widget .tab-holder .tabs li a, .fusion-accordian .panel-heading a, .fusion-accordian .panel-title, .fusion-carousel-title, .fusion-content-widget-area h4, .fusion-flip-boxes .fusion-flip-box .flip-box-heading-back, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a, .fusion-megamenu-title, .fusion-modal h4, .fusion-person .person-desc .person-author .person-author-wrapper, .fusion-tabs .nav-tabs  li .fusion-tab-heading, .popover .popover-title, .post-content h4, .project-content .project-info h4, .share-box h4, table th,
.fusion-main-menu .sub-menu
{font-family: 'Open Sans', sans-serif !important;}
.post-template-default  #content, .single single-post  #content {padding: 0 4%;}
i.fa.fa-chevron-left.flecha-der {
    margin-left: 44%;
        color: #ff7d23;
    font-size: 30px;
}
i.fa.fa-chevron-right.flecha-izq
{
            color: #ff7d23;
    font-size: 30px;
}
    .welcome_page {
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    color: #fff;
    letter-spacing: 2px;
        z-index: 99999999999;
    display: none;
}
.welcome-banca-en-linea {
    margin-top: 55px;
    width: 50%;
    position: absolute;
    margin-left: 50%;
    display: flex;
    align-items: center;
     display: none;
}
.texto-banca {
    font-size: 1em;
    text-align: right;
    letter-spacing: 2px;
    line-height: 150%;
    width: 44%;
    position: absolute;
    left: 0;
}
i.fa.fa-chevron-left.flecha-der {
    margin-left: 44%;
}
.welcome-bienvenidos {
top: 50vh;
        font-size: 2vw;
    position: absolute;
    padding-left: 15%;
    display: none;
}
.welcome-Pensando {
    margin-top: 60vh;
    background: rgba(0,0,0,0.5);
    padding: 20px 0 20px 15%;
    position: absolute;
    font-size: 35px;
    display: none;
    width: 100%;
}
ul.welcome-list-ul {
    /* text-align: left; */
    margin-left: 1%;
    list-style-type: square;
    color: #ff7d23;
    line-height: 32px;
    font-size: 20px;
    margin-bottom: 0;
}
.welcome-list-ul > li >span {
    color: #fff;
    font-size: 20px;
}
.welcome-button {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}
.welcome-button > button {
    background: #ff7d23;
    border: none;
    font-size: 30px;
    padding: 13px 50px;
    border-radius: 5px;
    color: #fff;
    letter-spacing: 2px;
}

.animated {
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -1000%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
    20% {
    opacity: 0.2;
  }
    40% {
    opacity: 0.4;
  }
      60% {
    opacity: 0.6;
  }
      80% {
    opacity: 0.8;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  animation-name: slideInUp;
}








/* DEMO-SPECIFIC STYLES */
#first-para {
  color: #fff;
  display: none;

  overflow: hidden; /* Ensures the content is not revealed until the animation */

  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */

  animation:
    typing 1.5s steps(30, end),
    blink-caret .5s step-end infinite;
}
#second-para {
    color: #fff;

    display: none;

    overflow: hidden;

    white-space: nowrap;
    margin: 0;
       text-align: right;

    animation: typing 1.5s steps(30, end), blink-caret .5s step-end infinite;
}
/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange }
}
#IE {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 999999999;
    background: rgb(162, 41, 41);
    text-align: center;
    display: none;
}
.IE_text_top {
    position: absolute;
    z-index: 34567;
    height: 100px;
    top: 20px;
    color: #fff;
    width: 100%;
    font-size: 24px;
    padding: 0 10px;
    font-weight: 900;
}
.IE_text_top > p {
    margin: 0;
}
.IE_text_top > p > strong {
    font-size: 30px;
}
.IE_section {
    width: 20%;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    float:left;
    cursor:pointer;
}
.IE_section:hover {
       opacity: 0.8;
}

    .IE_section:hover > a > i{
      -webkit-transform: rotateZ(720deg);
      -moz-transform: rotateZ(720deg);
      transform: rotateZ(720deg);
    }

.IE_section:nth-child(2) {
    background: #f2b636;
}
.IE_section:nth-child(3) {
    background: #f19a2b;
}
.IE_section:nth-child(4) {
    background: #03caff;
}
.IE_section:nth-child(5) {
    background: #03a0e6;
}
.IE_section:nth-child(6) {
    background: #f25648;
}
.IE_section > a {
    width: 100%;
    color: #fff;
    font-weight: 900;
}
.IE_section > a > i {
    font-size: 100px;
    -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}
.IE_section > a > p {
    margin-top: 40px;
    font-size: 18px;
}
.IE_DISPONIBLE {
    position: absolute;
    bottom: 40px;
    width: 100%;
}
.IE_DISPONIBLE > div > i {
    font-size: 25px;
    margin: 0 10px;
}






@media (max-width: 800px)
{

.welcome-banca-en-linea {
    margin-top: 10px;
    margin-left: 5%;
    width: 90%;
}
.texto-banca {
    width: 100%;
    top: 0;
    font-size: 17px;
    line-height: 120%;
}
p#second-para {
    margin-left: 0%;
    width: 65%
}
i.fa.fa-chevron-left.flecha-der {
    position: absolute;
    top: 70px;
    margin: 0;
}
.welcome-banca-en-linea > a {
    position: absolute;
    top: 53px;
    left: 10%;
    width: 80%;
}
i.fa.fa-chevron-right.flecha-izq {
    position: absolute;
    top: 70px;
    right: 0;
}
.welcome-bienvenidos {
    top: 190px;
    padding-left: 5%;
    font-size: 18px;
}
.welcome-Pensando {
    margin-top: 270px;
    font-size: 18px;
    padding-left: 5%;
}
ul.welcome-list-ul {
    margin: 0;
    line-height: 94%;
    letter-spacing: 0;
}
.welcome-list-ul > li {
    margin: 10px 0;
}
.welcome-list-ul > li >span {
    font-size: 14px;
}
.IE_section:nth-child(2) {
    margin-top: 15vh;
}
.IE_section {
    width: 100%;
    height: 17vh;
}
.IE_text_top {
    height: 15vh;
    top: 0;
    padding: 5px;
    font-size: 10px;
}
.IE_text_top > p > strong {
    font-size: 12px;
}
.IE_section > a {
    height: 100%;
    padding: 10px;
        text-align: left;
}
.IE_section > a > i {
    font-size: 50px;
        width: 50%;
    text-align: center;
}
.IE_section > a > p {
    margin-top: 5px;
    width: 50%;
    text-align: center;
}
.IE_DISPONIBLE {
    height: 100%;
    top: 0;
    bottom:auto;
    right: 0;
    width: 50%;
    text-align: center;
}
}
