/* Fonts */

@font-face {

  font-family: Roboto-Bold;

  src: url(../fonts/Roboto-Bold.ttf);

}





@font-face {

  font-family: Roboto-Medium;

  src: url(../fonts/Roboto-Medium.ttf);

}



@font-face {

  font-family: Roboto-Regular;

  src: url(../fonts/Roboto-Regular.ttf);

}



@font-face {

  font-family: Roboto-Light;

  src: url(../fonts/Roboto-Light.ttf);

}



@font-face {

  font-family: Roboto-Black;

  src: url(../fonts/Roboto-Black.ttf);

}

/* root */

* {

	margin: 0;

	padding: 0;

	box-sizing: border-box;

}



html {

  scroll-behavior: smooth;

  font-size: 16px;



}



p{

  font-family: Roboto-Regular;

  font-size: 20px;

  color: #6D6D6D;

}



.mostrar {

  display: block;

}



.ocultar {

  display: none;

}

/* NAVBAR */

.navbar{

  background-color: transparent;

    margin: 0;

    padding: 0;

    position: fixed;

    z-index: 20;

    width: -webkit-fill-available;

    height: 120px;

}



.correo{

  font-size: 21px;

}



#logo{

  /*width: 17.5rem;

  height: 5.6rem;*/

  top: 0;

  bottom: 0;

}



.facebook {

    position: absolute;

    right: 10px;

    padding-top: 280px;

    z-index: 4;

    width: 4%;

    height: auto;

}



.espaciado{

  padding: 50px;

}



.fondoImagen{

    background: url(../images/imagen/imagenes-14.png);

    background-size: cover;

    height: auto;

}



.contenedorContacto{

    padding: 50px;

    background-color: white;

    margin: 50px;

    max-width: 24.7%;

}



.fondoImagen2{

    background: url(../images/imagen/imagenes-15.png);

    background-size: cover;

    height: auto;

}



.fondoImagen3{

    background: url(../images/imagen/imagenes-16.png);

    background-size: cover;

    height: auto;

}



.fondoImagen4{

    background: url(../images/imagen/imagenes-17.png);

    background-size: cover;

    height: auto;

}



.fondoImagen5{

    background: url(../images/imagen/imagenes-18.png);

    background-size: cover;

    height: auto;

}



.somos{

    background: url(../images/imagen/imagenes-19.png);

    background-size: cover;

    height: 524px;

}



.mision{

    background: url(../images/imagen/imagenes-20.png);

    background-size: cover;

    height: 524px; 

}



.vision{

    background: url(../images/imagen/imagenes-21.png);

    background-size: cover;

    height: 524px;

}



.contactoImagen{

    background: url(../images/imagen/imagenes-22.png);

    background-size: cover;

    height: auto;

}







.contenedor{

    position: relative;

    display: inline-block;

    background-color : #f4f4f4;

    color: #3790ae;
}

.contenedor:hover{

  background-color: #92c93b;

  color: white;

}



.contenedorI{

    position: relative;

    display: inline-block;

    text-align: center;

}

 





.contactoTitulo{

  font-size: 20px;

  font-weight: 700;

  line-height: 15px;

}



.parrafoServicios{

  color: white; 

  font-size: 25px; 

  line-height: 1.1;

}



.iconoServicios{

  width: 29px;

}



.iconoContacto{

  width: 50px;

    display: block;

    margin: auto;

}



.parrafoContacto{

  font-size: 25px;

    color: white;

}



.contacto{

  font-size: 20px;

}



.letrasAzul{

  text-align: center;

    font-size: xx-large;

    color: #003FA2;

}





.centrado {

    position: absolute;

    text-align: justify;

    font-family: Roboto-Light;

    top: 50%;

    left: 30%;

    transform: translate(-20%, -50%);

}



.tituloAbajo{

  font-family: Roboto-Bold;

  color: #fff;

  font-size: 3vw;

  animation-delay: 1s;

  position: absolute;

    bottom: 85px;

    color: #fff;

}



hr {

    background: #92C93B;

    height: 3px;

    width: 14%;

}



.parrafoAbajo{

    position: absolute;

    bottom: 5px;

    color: #fff;

}



.parrafoNumero{

    color: white;

    text-align: center;

    font-size: 60px;

}



#menu li a{

  font-family: Roboto-Medium;

  color: white;

  font-size: 1rem;

}

/* CAROUSEL */

#carousel-banner {

  width: 100%;

  position: relative;

}

.carousel-indicators li, .carousel-indicators span {

    border-radius: 10px;

    margin: 1px 3px;

    height: 10px;

    width: 10px;

    border: 1px solid #445281;

    background-color: #647CAF;

}



.carousel-indicators .active {

    background-color: #445281;

    width: 12px;

    margin: 0 3px;

    height: 12px;

}



.carousel-caption{

  text-align: left;

  position: absolute;

  padding-left: 60px;

  top: 50%;

  left: 50%;

  transform: translateX(-50%) translateY(-50%);

}



.img-banner{

  height: 40vw;

}



.title-banner{

  font-family: Roboto-Black;

  color: #fff;

  font-size: 4vw;

  animation-delay: 1s;

}



.subtitle-banner {

  font-family: Roboto-Regular;

  color: #ffff;

  font-size: 20px;

  animation-delay: 2s;

}



.btn-action{

  font-family: Roboto-Regular;

    font-size: 1rem;

    line-height: 100%;

    color: #FFFFFF;

    background-color: #3790AE;

    width: 12.5rem;

    height: 3.4rem;

    display: table-cell;

    border-radius: 30px 30px 30px 30px;

    animation-delay: 2s;

}



.btn-action:hover{

  color: #FFFFFF;

  background-color: #92C93B;

}

/* COLUMN 1 */

.column-1{

  background-color: white; 

  width: 100%; 

  /*height: 25rem;*/

}



#sale-carousel{

  margin-top: 6rem;

}



.sale-indicators{

  margin: -3rem;

}



.sale-card{

  width: auto;

    height: auto;

    margin: auto;

    background: #F2F2F2;

}



.sale-card img{

  width: 100%; 

  height: auto;

  margin: auto;

}



.iconos{

  width: 130px;

  display: block;

  margin: auto;

}



ul.pro {

 list-style: none;

    padding: 0;

    margin: 0;

    text-align: center;

        color: #615E5E;



}



ul.pro li {

  padding-left: 1em; 

  text-indent: -.7em;

}



ul.pro li::before {

  content: "-";

  color: #6D6D6D; 

}

    



.div-title{

  background-color: #445281; 

  width: 22rem; 

  height: 5rem; 

  position: absolute; 

  bottom: 0; 

  opacity: 0.9;

}



.card-title {

  color: white; 

  font-family: Roboto-Medium; 

  font-size: 1.4rem;

  text-align: left;

  position: absolute;

  top: 60%;

  left: 5%;

  transform: translateY(-50%);

}

/* COLUMN 2, COLUMN 3, COLUMN 4 */

.column-2{

  background-color: #F4F4F4;

  width: 100%; 

  height: 40.6rem;

  position: relative;

  

}



#image-column-2 img{

  width: 33.1rem;

  height: 40.6rem;

  overflow: hidden;

}



.column-3{

  background-color: #FFFFFF;

  width: 100%; 

  height: 40.6rem;

  position: relative;

}



#image-column-3 img{

  margin-top: 2.5rem;

  width: 34.3rem;

  height: 36.2rem;

  overflow: hidden;

}



.column-4{

  background-color: #F4F4F4;

  width: 100%; 

  height: 40.6rem;

  position: relative;

}



#image-column-4 img{

  width: 31.2rem;

  height: 40.6rem;

  overflow: hidden;

}



.title-column{

  font-family: Roboto-Bold;

  font-size: 2.3rem;

}



.title-column:after {

    display:block;

    clear:both;

    content : "";

    left    : 0;

    bottom  : 0;

    height  : 0.6rem;

    width   : 9rem;

    border-bottom: 0.25rem solid #445281;

}



.description-column{

  font-family: Roboto-Regular;

  font-size: 1.2rem;

  text-align: justify;

}



.vertical-center {

  margin: 0;

  position: absolute;

  top: 50%;

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}

/* COLUMN 5 */

.column-5{

  width: 100%; 

  height: 28rem;

  background-image: url("../images/banner/banner_mediano-12.png");

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  display: flex;

  align-content: center;

  align-items: center;

  flex-direction: column;

  flex-wrap: nowrap;

  justify-content: center;

  position: relative;

}



.title-column-5{

  font-family: Roboto-Bold;

  font-size: 5rem;

  text-align: center;

  color: #FFFFFF;

}



.description-column-5{

  font-family: Roboto-Light;

  font-size: 2.5rem;

  text-align: center;

  color: #FFFFFF;

}



.btn-column-5{

  margin: auto;

  display: block;

    padding-top: 1.2rem;

}

/* COLUMN 6 */

.column-6{

  background-color: #0C2639;

}



#image-column-6 img{

  margin-top: -0.06rem;

}



.accordion-title{

  font-family: Roboto-Medium;

  font-size: 1.5vw;

}



.accordion-title a{

  border-radius: 1.5vw;

}



.collapsed > .icon-down {

  transition: .5s;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}

.icon-down {

  transition: .5s;

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

}



.accordion-title .icon-down{

  margin-top: 0.3vw;

  float: right;

}



.accordion-description{

  font-family: Roboto-Regular;

  font-size: 1.3vw;

  color: #FFFFFF;

  text-align: justify;

  margin-top: -0.6vw;

}



#accordion {

  margin-top: 4vw;

  display: flex;

  align-items: center;

  flex-direction: column;

}



.accordion-content{

  width: 43.7vw;

  margin-bottom: 1.2vw;

}



.btn-column-6{

  display: block;

  padding-top: 1.2rem;

  margin-left: 3vw;

  margin-top: 6vw;

  margin-bottom: 3vw;

}



.btn-column-6:hover{

  background-color: #FFFFFF;

  color: #3295D5;

  font-weight: bold;

}

/* COLUMN 7 */

.column-7{

  background-color: #FFFFFF; 

  width: 100%; 

  height: 31.2rem;

}



.quote-style{

  font-size: 2.5rem;

  color: #d8d8d8;

}



.description-column-7{

  font-family: Roboto-Regular;

  font-size: 1.5rem;

  text-align: justify;

  color: #000000;

}



#header-comments{

  margin-top: 8.1rem;

  margin-bottom: 5.6rem;

}



.btn-comments{

  border-radius: 0;

  border: 1px solid black;

  color: black;

  padding: 9px 15px;

}



.btn-comments:hover{

  border-radius: 0;

  background-color: #0C2639;

  color: #FFFFFF;

}



.btn-comments:focus,.btn-comments:active {

   outline: none !important;

   box-shadow: none;

}

/* COLUMN 8 */

.column-8{

  background-color: #F4F4F4;

  width: 100%; 

  height: 50rem;

}



.content-column-8{

  width: 100%; 

  height: 50rem;

}



.row-contact{

  margin-bottom: 1.2rem;

}



.row-contact img{

  width: 2.5rem; 

  height: 2.5rem;

}



.description-column-8{

  font-family: Roboto-Regular;

  font-size: 1.5rem;

  text-align: justify;

  color: #000000;

}



.subtitle-column{

  font-family: Roboto-Medium;

}



.description-column-8:hover{

  text-decoration: none;

  color: #000000;

}



#form-contact input[type="text"], #form-contact input[type="email"], #form-contact textarea,  #form-contact select{

  font-family: Roboto-Regular;

    background-color: #F2F2F2;

    font-size: medium;

    border: 0 solid;

    width: 100%;

    border-radius: 0;

}



li.dropdown:hover > .dropdown-menu {

    display: block;

}

/* MAP */

#location-map {

  width: 100%; 

  height: 19.2rem;

}



.mapouter {

  position:relative;

  text-align:right;

  height: 19.2rem;

  width:100%;

}



.colorMenu{

  background-color: black !important;

}



.footer{

  background-color: #92C93B;

}



.gmap_canvas {

  overflow:hidden;

  background:none!important;

  height: 19.2rem;

  width:100%;

}



.gmap_canvas iframe {

  height: 19.2rem;

  width:100%;

}

/* MODAL CONTACT */

#contact-modal {

  display: none;

  position: fixed;

  z-index: 100;

  padding-top: 6.2rem;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  background-color: rgb(0,0,0);

  background-color: rgba(0,0,0,0.4);

}



.modal-content {

  background-color: #F4F4F4;

  margin: auto;

  border: 0.06rem solid #888;

  display: flex;

  justify-content: center;

  align-items: center;

}



.modal-header{

    width: 100%;

    height: 50%;

    background: #3790AE;

}



.modal-footer{

  background: #92C93B;

  width: 100%;

}



.modal-body{

  width: 100%;

    background-color: white;

}



.btn-close {

  width: 100%;

}



.close {

  color: #aaaaaa;

  float: right;

  font-size: 2rem;

  font-weight: bold;

}



.close:hover, .close:focus {

  color: #000;

  text-decoration: none;

  cursor: pointer;

}



.imagenTransparente{

  position: absolute;

    top: 132px;

}

.Imagen{

  width: 100%

}



.tituloEtapa {

    color: #B5B5B5;

    text-align: left;

    font-size: 35px;

    font-family: Roboto-Regular;

}



.contacto{

  padding: 90px;

}



@media (max-width: 1280px){

  .imagenTransparente{

    position: absolute;

      top: 190px;

  }



  .contenedorContacto {

    padding: 50px;

    background-color: white;

    margin: 50px;

    max-width: 23.7%;

  }

  

  .correo {

    font-size: 18px;

  }



  .facebook {

    position: absolute;

    right: 10px;

    padding-top: 280px;

    z-index: 4;

    width: 4%;

    height: auto;

  }



}



@media (min-width: 992px) and (max-width: 1199px){



  .contenedorContacto {

    padding: 50px;

    background-color: white;

    margin: 33px;

    max-width: 25.7%;

  }



  .correo {

    font-size: 15px;

  }



  .parrafoContacto {

    font-size: 22px;

    color: white;

    padding-left: 23px;

  }



  .imagenTransparente {

    position: absolute;

    top: 135px;

}

  /* root */

  html {

    font-size: 14px;

  }

  /* CAROUSEL */

  .title-banner{

    font-size: 3.5vw;

  }



  .subtitle-banner{

    font-size: 1.2vw;

  }



  .btn-action{

    font-size: 1rem;

    width: 12.5rem;

    height: 3.4rem;

  }

  /* MODAL CONTACT */

  #contact-modal {

    padding-top: 6.2rem;

  }



  /*.modal-content {

    padding: 1.2rem;

    width: 55%;

  }*/



  

}



.imagenInicio{

  width: 100%;

}



@media (min-width: 768px) and (max-width: 991px){



  .contacto {

    padding: 9px;

  }



  .tituloEtapa {

    color: #B5B5B5;

    text-align: left;

    font-size: 20px;

    font-family: Roboto-Regular;

  }

 

  .tituloAbajo {

    font-family: Roboto-Bold;

    color: #fff;

    font-size: 3vw;

    animation-delay: 1s;

    position: absolute;

    bottom: 98px;

    color: #fff;

  }



  .imagenTransparente {

    position: absolute;

    top: 97px;

  }



  .centrado {

    position: absolute;

    top: 64%;

    left: 22%;

    transform: translate(-14%, -50%);

  }

  /* root */

  html {

    font-size: 14px;

  }

  /* CAROUSEL */

  .img-banner{

    height: 45vw;

  }



  .title-banner{

    font-size: 3.5vw;

  }



  .subtitle-banner{

    font-size: 1.8vw;

    width: 50vw;

  }



  .btn-action{

    font-size: 1rem;

    width: 12.5rem;

    height: 3.4rem;

  }

  /* COLUMN 1 */

  .sale-card {

    width: auto;

    height: auto;

    margin: auto;

    background: #F2F2F2;

  }



  .iconos {

    width: 115px;

    display: block;

    margin: auto;

  }

  .div-title{

    background-color: #445281; 

    width: 26rem; 

    height: 6rem; 

  }



  .card-title {

    font-size: 1.5rem;

    top: 60%;

    left: 5%;

    transform: translateY(-50%);

  }

  /* COLUMN 2, COLUMN 3, COLUMN 4 */

  .column-2{

    width: 100%; 

    height: 38rem;

  }



  #image-column-2 img{

    width: 28rem;

    height: 38rem;

  }



  .column-3{

    width: 100%; 

    height: 38rem;

  }



  #image-column-3 img{

    margin-top: 3rem;

    width: 28rem;

    height: 30rem;

  }



  .column-4{

    background-color: #F4F4F4;

    width: 100%; 

    height: 38rem;

  }



  #image-column-4 img{

    width: 27rem;

    height: 38rem;

  }



  .title-column{

    font-size: 2.5rem;

  }



  .description-column{

    font-size: 1.3rem;

  }

  /* COLUMN 5 */

  .column-5{

    width: 100%; 

    height: 28rem;

  }



  .title-column-5{

    font-size: 4.5rem;

  }



  .description-column-5{

    font-size: 2rem;

  }



  .btn-column-5{

    padding-top: 1.2rem;

  }

  /* COLUMN 7 */

  .column-7{

    height: 25rem;

  }



  .quote-style{

    font-size: 2rem;

  }



  .description-column-7{

    font-size: 1.4rem;;

  }



  #header-comments{

    margin-top: 6rem;

    margin-bottom: 3rem;

  }



  #header-comments .title-column{

    font-size: 1.8rem;

  }



  #header-comments .title-column:after {

    width   : 8rem;

  }

  /* COLUMN 8 */

  .column-8{

    height: 45rem;

  }



  .content-column-8{

    height: 45rem;

  }



  .content-column-8 .title-column{

    font-size: 1.5rem;

  }



  .row-contact{

    margin-bottom: 1rem;

  }



  .row-contact img{

    width: 2.5rem; 

    height: 2.5rem;

  }



  .description-column-8{

    font-size: 1.3rem;

  }



  #form-contact input[type="text"], #form-contact input[type="email"], #form-contact textarea{

    font-size: 1.2rem;

  }

  /* MODAL CONTACT */

  #contact-modal {

    padding-top: 6.2rem;

  }



  /*.modal-content {

    padding: 1.2rem;

    width: 70%;

  }*/

}



@media (min-width: 576px) and (max-width: 767px){

  /* root */

  html {

    font-size: 14px;

  }

  /* CAROUSEL */

  .img-banner{

    height: 50vw;

  }



  .carousel-caption{

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

  }



  .title-banner{

    font-size: 3vw;

  }



  .subtitle-banner{

    font-size: 2.2vw;

    width: 50vw;

    font-weight: bold;

  }



  .carousel-caption br{

    display: none;

  }



  .btn-action{

    font-size: 1rem;

    width: 12.5rem;

    height: 3.4rem;

  }

  /* COLUMN 1 */

  #sale-carousel{

    margin-top: 4rem;

  }



  .sale-card, .sale-card img{

    width: 28rem; 

    height: 20rem;

  }



  .div-title{

    background-color: #445281; 

    width: 28rem; 

    height: 6rem; 

  }



  .card-title {

    font-size: 1.5rem;

    top: 60%;

    left: 5%;

    transform: translateY(-50%);

  }

  /* COLUMN 2, COLUMN 3, COLUMN 4 */

  .column-2{

    width: 100%; 

    height: 60rem;

  }



  #image-column-2 img{

    width: 28rem;

    height: 35rem;

  }



  .column-3{

    width: 100%; 

    height: 60rem;

  }



  #image-column-3 img{

    margin-top: 3rem;

    width: 28rem;

    height: 30rem;

  }



  .column-4{

    background-color: #F4F4F4;

    width: 100%; 

    height: 60rem;

  }



  #image-column-4 img{

    width: 27rem;

    height: 35rem;

  }



  .title-column{

    margin-top: 1.4rem;

    font-size: 3rem;

  }



  .description-column{

    font-size: 1.5rem;

  }



  .vertical-center {

    position: relative;

  }

  /* COLUMN 5 */

  .column-5{

    width: 100%; 

    height: 28rem;

  }



  .title-column-5{

    font-size: 3.5rem;

  }



  .description-column-5{

    font-size: 2rem;

  }



  .btn-column-5{

    padding-top: 1.2rem;

  }

  /* COLUMN 6 */

  .accordion-title{

    font-size: 3vw;

  }



  .accordion-title a{

    border-radius: 2vw;

  }



  .accordion-title .icon-down{

    margin-top: 0.3vw;

  }



  .accordion-description{

    font-size: 2.3vw;

    margin-top: -0.6vw;

  }



  #accordion {

    margin-top: 4vw;

    display: flex;

    align-items: center;

    flex-direction: column;

  }



  .accordion-content{

    width: 80vw;

    margin-bottom: 2vw;

  }



  .btn-column-6{

    padding-top: 1.2rem;

    margin-left: 10vw;

    margin-top: 3vw;

    margin-bottom: 5vw;

  }

  /* COLUMN 7 */

  .column-7{

    height: 30rem;

  }



  .quote-style{

    font-size: 2rem;

  }



  .description-column-7{

    font-size: 1.9rem;;

  }



  #header-comments{

    margin-top: 3rem;

    margin-bottom: 2rem;

  }



  #header-comments .title-column{

    font-size: 3rem;

    margin-bottom: 1.5rem;

  }



  #header-comments .title-column:after {

    width   : 10rem;

  }

  /* COLUMN 8 */

  .column-8{

    height: 85rem;

  }



  .content-column-8{

    height: 40rem;

  }



  .content-column-8 .title-column{

    font-size: 2.5rem;

  }



  .row-contact{

    margin-bottom: 1rem;

  }



  .row-contact img{

    width: 2.5rem; 

    height: 2.5rem;

  }



  .description-column-8{

    font-size: 1.7rem;

  }



  #form-contact input[type="text"], #form-contact input[type="email"], #form-contact textarea{

    font-size: 1.5rem;

  }

  /* MODAL CONTACT */

  /*.modal-content {

    padding: 1.2rem;

    width: 95%;

  }*/



  .modal-content .title-column {

    font-size: 2.5rem;

  }

}



.contactoContenedor{

  padding: 60px;

}



.logoImagen{

  width: 60%;

}



.menuDespegable{



}



.columna8{

  display: flex;  

  align-items: center;

}



.ContadoWhite{

  color: white; 

  font-family: 

  Roboto-black; 

  text-align: center; 

  font-size: 70px;

}



.espaciado2{

  padding-left: 50px; 

  padding-right: 50px;

}







@media (max-width: 575px){



  .mostrar {

    display: none;

  }



  .ocultar {

    display: block;

  }



  .facebook {

    position: absolute;

    right: 10px;

    padding-top: 980px;

    z-index: 4;

    width: 10%;

    height: auto;

  }



  .ContadoWhite{

    color: white; 

    font-family: 

    Roboto-black; 

    text-align: center; 

    font-size: 60px;

  }



  .navbar {

    background-color: black;

    margin: 0;

    padding: 0;

    position: sticky;

    z-index: 20;

    width: -webkit-fill-available;

    height: 90px;

  }



  .columna8{

    display: inline;

  }



  .espaciado{

   padding: 15px;

  }



  .contenedorContacto {

    padding: 50px;

    background-color: white;

    margin: 50px;

    max-width: 74.7%;

  }



  .espaciado2{

    padding-left: 15px; 

    padding-right: 15px;

  }



  .menuDespegable{

    background: black;

    width: 100% !important;

    padding: 15px !important;

  }



  .tituloEtapa {

    color: #B5B5B5;

    text-align: center;

    font-size: 35px;

    font-family: Roboto-Regular;

  }



  .imagenInicio {

    width: 50%;

    display: block;

    margin-left: auto;

    margin-right: auto;

  }



  .logoImagen{

    width: 40%;

  }



  .colorMenu{

     position: fixed;

  }



  .contacto {

    padding: 25px;

  }



.contactoContenedor{

  padding: 5px;

}



  .parrafoNumero {

    color: white;

    text-align: center;

    font-size: 50px;

  }



  .parrafoAbajo {

    position: absolute;

    bottom: -5px;

    color: #fff;

  }



  .tituloAbajo {

    font-family: Roboto-Bold;

    color: #fff;

    font-size: 4vw;

    animation-delay: 1s;

    position: absolute;

    bottom: 130px;

    color: #fff;

  }





  .centrado {

    position: absolute;

    top: 57%;

    left: 20%;

    transform: translate(-13%, -50%);

  }



  .imagenTransparente {

    position: absolute;

    top: 195px;

  }

  /* root */

  html {

    font-size: 14px;

  }



  .container{

    width: 95%;

  }

  /* CAROUSEL */

  .carousel-caption{

    top: 40%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

  }



  .img-banner{

    height: 55vw;

  }



  .title-banner{

    font-size: 4vw;

  }



  .subtitle-banner{

    font-size: 3vw;

    width: 60vw;

    font-weight: bold;

  }



  .carousel-caption br{

    display: none;

  }



  .btn-action{

    font-size: 1rem;

    width: 12.5rem;

    height: 3.4rem;

  }

  /* COLUMN 1 */

  #sale-carousel{

    margin-top: 4rem;

  }



  .sale-card {

    width: auto;

    height: auto;

    margin: auto;

    background: #F2F2F2;

}



  .div-title{

    background-color: #445281; 

    width: 28rem; 

    height: 6rem; 

  }



  .card-title {

    font-size: 1.5rem;

    top: 60%;

    left: 5%;

    transform: translateY(-50%);

  }

  /* COLUMN 2, COLUMN 3, COLUMN 4 */

  .column-2{

    width: 100%; 

    height: 60rem;

  }



  #image-column-2 img{

    width: 25rem;

    height: 30rem;

  }



  .column-3{

    width: 100%; 

    height: 60rem;

  }



  #image-column-3 img{

    margin-top: 3rem;

    width: 25rem;

    height: 27rem;

  }



  .column-4{

    background-color: #F4F4F4;

    width: 100%; 

    height: 60rem;

  }



  #image-column-4 img{

    width: 25rem;

    height: 33rem;

  }



  .title-column{

    margin-top: 1.5rem;

    font-size: 3rem;

  }



  .description-column{

    font-size: 1.5rem;

  }



  .vertical-center {

    position: relative;

  }

  /* COLUMN 5 */

  .column-5{

    width: 100%; 

    height: 20rem;

  }



  .title-column-5{

    font-size: 2.5rem;

  }



  .description-column-5{

    font-size: 1.5rem;

  }



  .btn-column-5{

    padding-top: 1.2rem;

  }

  /* COLUMN 6 */

  .accordion-title{

    font-size: 3.5vw;

  }



  .accordion-title a{

    border-radius: 2vw;

  }



  .accordion-title .icon-down{

    margin-top: 0.3vw;

  }



  .accordion-description{

    font-size: 3vw;

    margin-top: -0.6vw;

  }



  #accordion {

    margin-top: 4vw;

    display: flex;

    align-items: center;

    flex-direction: column;

  }



  .accordion-content{

    width: 80vw;

    margin-bottom: 2vw;

  }



  .btn-column-6{

    padding-top: 1.2rem;

    margin-left: 10vw;

    margin-top: 3vw;

    margin-bottom: 5vw;

  }

  /* COLUMN 7 */

  .column-7{

    height: 30rem;

  }



  .quote-style{

    font-size: 2rem;

  }



  .description-column-7{

    font-size: 1.6rem;;

  }



  #header-comments{

    margin-top: 2rem;

    margin-bottom: 2rem;

  }



  #header-comments .title-column{

    font-size: 2.2rem;

    margin-bottom: 1.5rem;

  }



  #header-comments .title-column:after {

    width: 8rem;

  }

  /* COLUMN 8 */

  .column-8{

    height: 75rem;

  }



  .content-column-8{

    height: 34rem;

  }



  .content-column-8 .title-column{

    font-size: 2rem;

  }



  .row-contact{

    margin-bottom: 1rem;

  }



  .row-contact img{

    width: 2.2rem; 

    height: 2.2rem;

  }



  .description-column-8{

    font-size: 1.5rem;

  }



  #form-contact input[type="text"], #form-contact input[type="email"], #form-contact textarea{

    font-size: 1.4rem;

  }

  /* MODAL CONTACT */

  /*.modal-content {

    padding: 1.2rem;

    width: 95%;

  }*/



  .modal-content .title-column {

    font-size: 2rem;

  }

}



.row{

      display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0px;

    margin-left: 0px;

}



.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 12px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #3790AE;

    background-color: #F4F4F4;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: 30px;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



input[type="email"]::-webkit-input-placeholder {

color: #3790AE !important;

}

 

input[type="email"]:-moz-placeholder { /* Firefox 18- */

color: #3790AE !important;  

}

 

input[type="email"]::-moz-placeholder {  /* Firefox 19+ */

color: #3790AE !important;  

}

 

input[type="email"]:-ms-input-placeholder {  

color: #3790AE !important;  

}





input[type="text"]::-webkit-input-placeholder {

color: #3790AE !important;

}

 

input[type="text"]:-moz-placeholder { /* Firefox 18- */

color: #3790AE !important;  

}

 

input[type="text"]::-moz-placeholder {  /* Firefox 19+ */

color: #3790AE !important;  

}

 

input[type="text"]:-ms-input-placeholder {  

color: #3790AE !important;  

}



input[type="tel"]::-webkit-input-placeholder {

color: #3790AE !important;

}

 

input[type="tel"]:-moz-placeholder { /* Firefox 18- */

color: #3790AE !important;  

}

 

input[type="tel"]::-moz-placeholder {  /* Firefox 19+ */

color: #3790AE !important;  

}

 

input[type="tel"]:-ms-input-placeholder {  

color: #3790AE !important;  

}



textarea::-webkit-input-placeholder {

color: #3790AE !important;

}

 

textarea:-moz-placeholder { /* Firefox 18- */

color: #3790AE !important;  

}

 

textarea::-moz-placeholder {  /* Firefox 19+ */

color: #3790AE !important;  

}

 

textarea:-ms-input-placeholder {  

color: #3790AE !important;  

}







a {

    color: #3790AE;

    text-decoration: none;

    background-color: transparent;

}





@media (max-width: 360px){

  .contenedorContacto {

    padding: 30px;

    background-color: white;

    margin: 41px;

    max-width: 74.7%;

  }



  .facebook {

    position: absolute;

    right: 10px;

    padding-top: 800px;

    z-index: 4;

    width: 10%;

    height: auto;

  }



  .carousel-caption {

    top: 30%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

  }

}