/*1.618033988749894848204586834365638117720309179805762862135*/

/*
==========================================================================
  HOME :: INVERSIONES by: KUBIK;
==========================================================================
*/

#home-section{ overflow: hidden;position: relative; }
/*
Removes white gap between slides
*/
.carousel {
  background:#444;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}

/*#carousel-2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}*/

.image-text-carrousel{display: inline-block; position: absolute; top: 0;left: 5%;width: 100%; max-width: 50%;}
.image-text-carrousel img{max-width: 600px;}
.cotizador{
    display: inline-block; 
    position: fixed; 
    /*right: 5%; bottom: -15%;*/ 
    right: 80px;
    bottom: 105px;
    border-radius: 20px;
    background: #fff; 
    width: 100%; 
    max-width: 380px; 
    height: 228px; 
    /*overflow: auto;*/
    z-index: 9; 
    padding: 20px;
}
/*.cotizador iframe{border-width: 0px; width: 100%; height: 245px; display: inline-block; position: relative; overflow: hidden;}*/

.cotizador iframe{
    width: 215%; height: 200%; border: 0px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.boton-accion{
    position: absolute;
    bottom: 5%;
    /*right: 15px;
    height: 50px;*/
    right: 80px;
    height: 100px;
    padding: 10px 0px;
    width: 150px;
    background: transparent;
    display: flex;
    justify-content: center;
    transform: rotate(-90deg) translateY(100%);
    z-index: 2;
}
.boton-accion .btn-info{
    font-family:Poppins,sans-serif;
    color: #81bffd;
    background: transparent;
    border: transparent;
}
.boton-accion .btn-info.focus, .boton-accion .btn-info:focus{box-shadow: none !important; text-decoration: none !important;}

.boton-accion .btn-info:not(:disabled):not(.disabled).active,  .boton-accion .btn-info:not(:disabled):not(.disabled):active{border-color: transparent !important;background: transparent;}
.boton-accion .flecha{
    position: absolute;
    right: 25%;
    top: -15%;
}
.flecha img{
    transform: rotate(90deg) translateY(100%);
}
/*-- vertical carousel indicators --*/
.carousel-indicators{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 80px;
    right: 0px;
    left: auto;
    width :auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.carousel-indicators li{
    display: block;
    margin-bottom: 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: #BDBDBD;
    transition: all ease 0.6s;
}
.carousel-indicators li.active{
    background: #3055af;
    width: 10px;
    border-radius: 25px;
}

.contenido{
    position: fixed;
    display: inline-block;
    bottom: 105px;
    left: 120px;
    width: 100%;
    max-width: 780px;
}

.contenido .back-news{
    display: inline-block;
    position: relative;
    /*background: url(../../images/home/back-news.png) center right/cover no-repeat;*/
    background-blend-mode: color;
    background-attachment: initial;
    background-size: cover;
    /*border-radius: 25px;*/
    width: 100%;
    max-width: 380px;
    height: 228px;
}
.contenido .info-detail{
    display: inline-block;
    width: 100%;
    position: relative;
    /*padding-left: 12%;*/
}
.contenido .text-bloque-news{
    color: #707070;
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 0px;
    text-align: center;
}
.title-bolque-news{
    color: #3353a2;
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    text-align: center;
}
.contenido .text-bloque-news strong{color: #2b3c66;font-size: 13px;}
.contenido .links{color: #4474b5; font-size: 12px; font-weight: 500;}
.line-news{
    width: 100%;
    max-width: 90%;
    background: #2b3c66 !important;
}
/*.contenido .back-report{
    display: inline-block;
    position: relative;
    background: url(../../images/home/back-report.png) top center no-repeat;
    background-blend-mode: color;
    background-attachment: initial;
    background-size: 100% auto;
    border-radius: 25px;
    height: 240px;
    max-width: 380px;
    width: 100%;
    vertical-align: bottom;
    margin-left: 10px;
}*/
.contenido .back-report{
    display: inline-block;
    width: 100%;
    height: 228px;
    max-width: 380px;
    position: relative;
    margin-left: 10px;
    background-color: #fff;
    border-radius: 25px;
    overflow: hidden;
    vertical-align: bottom;
    margin-bottom: 0;
}
.contenido .back-report .info-detail{
    padding: 0;
}
.contenido .back-report img{
    height: 100px;
}
.text-bolque-report{
    color: #707070;
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}
.title-bolque-report{
    color: #3353a2;
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    text-align: center;
}
.p-reacomodo{margin-top: 27%; background-color: #fff; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; }
.title-responsive{font-family: Poppins,sans-serif; color: #3353a2; text-align: center; font-size: 20px;margin-bottom: 10px;}
.title-responsive a{color: #3353a2;}
.title-responsive a:hover{color: #225472;}
/*.megacpo-datos iframe{width: 100%; height: 100%; min-height: 180px; border: 0px;}
.megacpo-grafica iframe{width: 100%; height: 100%; min-height: 500px; border: 0px;}*/



.contenido .back-news a img{ border-radius: 25px;}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    /*height: 85px;*/
}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

@media screen and (min-width: 1921px){
    .boton-accion{bottom: 10%;}
    .carousel-indicators{ top: -70%; }
}

/* LG/XL */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1700px){
    .boton-accion{bottom: 11%;}
    /*.cotizador{bottom: -8%;}*/
}
@media screen and (max-width: 1440px){}
@media screen and (max-width: 1400px){
    .boton-accion { bottom: 22%; }
    .carousel-indicators{ top: -10%; }
    /*.cotizador{bottom: 15%;}*/
}

/* MD/SM */
@media screen and (max-width: 1360px){}
@media screen and (max-width: 1290px){
    /*.cotizador { bottom: 0%; right: 6%; }*/
    .image-text-carrousel img { max-width: 500px; }
    .contenido{max-width: 720px;}
    .contenido .back-news{ max-width: 350px; height: 230px;}
    .contenido .back-report{ max-width: 350px; height: 230px;}
}
@media screen and (max-width: 1200px){
/*    .boton-accion { bottom: 34%; }
    .cotizador { bottom: 6%; }
    .image-text-carrousel img { max-width: 400px; }
    .boton-accion .btn-info{ font-size: 16px; padding: 10px 15px 10px }
}
@media screen and (max-width: 1150px){}
@media screen and (max-width: 1100px){
    .cotizador{max-width: 400px;height: 400px; bottom: 26%; right: 9%;}
    .boton-accion { bottom: 40%;}
}
@media screen and (max-width: 1080px){
    .carousel-indicators { bottom: 20%; }
}
@media screen and (max-width: 991px){*/
    .image-text-carrousel{left: 0;}
    .contenido{
        position: relative;
        bottom: 60px;
        left: 0;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
        max-width: 100%;
        padding: 50px 0px;
        background: #fff;
    }
    .contenido .back-news{margin-right: 20px;}
    .contenido .back-report{margin-right: 0px; margin-left: 0;}
    .boton-accion{display: none;}
    .cotizador{
        position: relative;
        display: inline-block !important;
        right: -4%;
        bottom: 5px;
        width: 92%;
        max-width: 100%;
        /*height: 510px;*/
        margin-top: 0px;
        margin-bottom: 50px;
    }
    
    .p-reacomodo{ background-color: #f7f7f7;}
    .respo-info{ width: 100%;justify-content: center !important;}
    .contenido .back-news{max-width: 300px; margin-right: 20px;}
    .contenido .back-report{max-width: 300px;}
    .contenido .info-detail{padding-left: 0px;}
    .carousel-indicators {
        transform: rotate(0deg);
        bottom: 0%;
        top: 90%;
        width: 100%;
        margin: 0px auto;
    }
    footer{
        position: relative;
        display: inline-block !important;
    }

}
@media screen and (max-width: 920px){}
@media screen and (max-width: 880px){}
@media (min-width: 576px){
    .modal-dialog {max-width: 800px;}
}
@media screen and (max-width: 767px){
    .respo-info{max-width: 40%;}
    .contenido .back-news { margin-right: 0px; margin-bottom: 20%; }
    .contenido .back-report{ margin-right: 0px; }
}
@media screen and (max-width: 700px){
    .respo-info { max-width: 65%; }
    .contenido .back-news { max-width: 420px;}
    .contenido .back-report{ max-width: 420px;height: 250px;}
}
@media screen and (max-width: 600px){}
@media screen and (max-width: 580px){}
@media screen and (max-width: 540px){
    .respo-info { max-width: 100%; }
    .contenido{padding: 50px 30px;}
    .contenido .back-news { max-width: 100%;}
    .contenido .back-report { max-width: 100%;}
    .cotizador{ margin-top: 0px; }
}
@media screen and (max-width: 480px){
    .title-bolque-news{font-size: 16px;}
    .title-bolque-report{font-size: 16px;}
    .text-bolque-report{font-size: 12px;}
    .contenido { padding: 40px 20px; }
    .contenido .text-bloque-news{font-size: 11px;}
}
@media screen and (max-width: 420px){
    /*.contenido .back-news{ margin-bottom: 0%;}*/
    .title-bolque-news { font-size: 14px; }
    .title-bolque-report { font-size: 14px; }
    .contenido .text-bloque-news { font-size: 10px; }
    .text-bolque-report { font-size: 11px; }
    .contenido .links{padding-left: 10px;}
    .p-reacomodo{margin-top: 32%;}
    ul#redesFooter li a.redesIcon { margin-left: 2px; margin-right: 2px; }
}
@media screen and (max-width: 360px){
    /*.cotizador{height: 400px;}*/
    .email{font-size: 14px;}
}