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


#testimonios-section{padding:0;position:relative;background:#fff;}

#topNav{
  background:#1c5093 !important;
  border-bottom:1px solid #fff !important;
}
.titulo{color:#1c5093;}

#initial{height:360px;margin-bottom:0px;display:block;}
#initial #info{background:rgba(0,0,0,0);height: 45vh;position:relative;z-index:2;}

#initial .tile-main{font-size:54px;font-weight:300;color:#fff;margin-top:165px;line-height: 62px;text-align: center; margin-left: 0%;}
#initial .tile-submain{font-size:30px;font-weight:300;color:#fff;}
#initial .tile-sm-txt{font-size:21px;color:#000;}
#initial a.tile-btn{ position: relative;  font-weight: 300; /* display: block; */ color:#fff; font-size: 30px;  padding: 5px 20px 8px 10px; border-radius: 3px; background: rgba(0,0,0,0);margin-left: -10px; transition: ease .168s; -webkit-transition: ease .168s; }
#initial a.tile-btn:after { content: ''; position: absolute; left: 50%; bottom: 0px; width: 0%; height: 2px; background: #fff; font-weight: 600; transition: ease .168s; -webkit-transition: ease .168s; border: 0px; margin: 0;}
#initial a.tile-btn:hover:after { width: 90%; left: 5px; }
#initial a.tile-btn i.fas.arrow{position:relative;top:3px; left:3px; }

#initial #bg{ height:68vh; display:block; position:relative; background-color:#e8e8e8;}
#initial.parallaxParent{ width:100%; padding-top: 30px; position:relative; z-index:1; overflow: hidden;}
#initial .image-parallax {
  height:130%;
  width:100%;
  position: absolute;
  top: -36%;
  background-size: cover !important;
  z-index:1;
  background:url("../images/testimonios/header-testimonios_esp.jpg")no-repeat;
  background-position:top center;
}
#initial .image-parallax.eng{
  background:url("../images/testimonios/header-testimonios_eng.jpg")no-repeat;
  background-position:top center;
}
.content-funciona{ max-width: 1360px;width: 100%; margin-bottom: 20px;}
.title-funciona{font-size: 24px; font-weight: 300; color: #000000; padding: 20px 0px 50px;}
.title-funciona span{color: #0642c6;font-weight: 500;}


.testimonio{}
.quote-container{
  padding:25px 10px;
  background:#f3f3f3;
  text-align:center;
  border-radius:9px;
  width:90%;
  max-width:960px;
  margin:30px auto 60px;
  position:relative;
}
.quote-container:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(243, 243, 243, 0);
  border-top-color: #f3f3f3;
  border-width: 30px;
  margin-left: -30px;
}
.quote-container h3{}
.quote-container blockquote.blockquote{font-weight:300;font-size:17px;}
.quote-container blockquote.blockquote footer.blockquote-footer{margin-top:15px;padding:7px 15px;}
.quote-container blockquote.blockquote footer.blockquote-footer cite{color: #4cb3e3;}

.img-testimonio{
  max-width:140px;
  width:auto;
  max-height:140px;
  height:auto;
  position:relative;
  border:5px solid rgba(0, 0, 0, 0.16);
}

#xs-header{display:none;}

/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (min-width: 1600px){
  #initial{height: 530px;margin-bottom:0px;display:block;}
  #initial #info{background:rgba(0,0,0,0);height: 550px;position:relative;z-index:2;}
  #initial #bg{ height:680px; display:block; position:relative; background-color:#e8e8e8;}
  #initial.parallaxParent{ width:100%; padding-top: 30px; position:relative; z-index:1; overflow: hidden;}
  #initial .image-parallax { height:130%; width:100%; position: absolute; top: -30%; background-size: cover !important; z-index:1; background:url(../images/testimonios/header-testimonios_esp.jpg)no-repeat; background-position:top center;}
  #initial .image-parallax.eng{
    background:url("../images/testimonios/header-testimonios_eng.jpg")no-repeat;
    background-position:top center;
  }
}
/*SPECIAL*/
@media screen and (min-width: 1200px){}
/* LG/XL */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1600px){}
@media screen and (max-width: 1440px){}
/* MD/SM */
@media screen and (max-width: 1280px){}
@media screen and (max-width: 1200px){}
@media screen and (max-width: 991px){
  #initial{display:none;}
  #xs-header{display:block;}
}
@media screen and (max-width: 767px){}
/* mobile-devices */
@media screen and (max-width: 520px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 360px){}