@font-face {
  font-family:Montserrat-regular;
  src: url("vendor/fonts/Montserrat/Montserrat-Regular.ttf")format('truetype');
  font-weight: normal; 
}
@font-face {
  font-family:Montserrat-Bold;
  src: url("vendor/fonts/Montserrat/Montserrat-Bold.ttf")format('truetype');
  font-weight: normal; 
}



body
{
  font-family: 'Montserrat-regular';
  color: #334045;
}

.boldText
{
  font-family: 'Montserrat-Bold';
}

#seccion1
{
  background-image: url('imagenes/barco.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
  min-height: 100vh;
  min-width: 100%;
}
.float-boxes{
  position: relative;
  top: -5rem;
}
.flechas img
{
  position: relative;
}

div.ex1 {
    max-width: 400px;
    height: auto;
    margin-right: 25px;
    margin-left: 25px;
    /*background: #4073ED;*/
  }
  .mision-back{
    background-image: url('imagenes/mision_bck.svg');
    background-size:cover;
    padding: 5rem 4rem 3rem 2rem;
  }
  .vision-back{
    background-image: url('imagenes/vision_bck.svg');
    background-size:cover;
    padding: 5rem 4rem 3rem 2rem;
    
  }
  
  div.ex2 {
    width: 300px;
    height: 300px;
    margin-right: 25px;
    margin-left: 25px;
    background: #E5E5E5;
    ;
  }
  div.ex3 {
    width: 235px;
    height: 235px;
    margin-right: 25px;
    margin-left: 25px;
    ;
  }

  div.ex4 {
    width: 300px;
    height: 300px;
    margin-right: 25px;
    margin-left: 25px;
    /**background: #4073ED;*/
    perspective: 1000px;
  }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    /**text-align: center;**/
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }

   /**Carta por delante **/
  .flip-card-front {
    background-color: #4073ED;
    color: black;
  }

 
  .flip-card-back {
    background-color: #E5E5E5;
    color: #334045;
    transform: rotateY(180deg);
  }

  .ex4:hover .flip-card-inner, .ex4:active .flip-card-inner  {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
  }


.Blue_line{
    /*position: absolute;*/
    width: 52px;
    height: 0px;
    /*left: 694px;
    top: 1267px;
    */
    border: 3px solid #69C5DB;
  }

  .Filter_Image{
    filter: grayscale(10%);

  }
  
  .flipper
  {
    transform: scaleX(-1);
  }

  .sobrepuesta
  {
    z-index: -1;
  }
  .bg-greyIberomex{
    background-color: #9A9A9A;
  }

  .bg-greyIberomexClaro{
    background-color: #E5E5E5;
  }

  .MarginLeft{
    margin-left: -5%;
  }

  .PositiveMarginLeft{
    margin-left: 10%;
  }

  .h8 {
    font-size: 50px;
  }

  .h7 {
    font-size: 45px;
  }

  .text_Blue{
    text-decoration: #005196;
  }
  .text_Grey{
    text-decoration: #9A9A9A;
  }

  .Blue_Button{
    background-color: #69C5DB;
    color: white;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: white;
    display: inline-block;
    font-size: 1rem;
  }

  .Blue_Button_Obscuro{
    background-color: #005196;
    color: white;
    padding: 1rem 2rem;
    text-align: center;
    text-decoration: white;
    display: inline-block;
    font-size: 1rem;
  }

  .Garantia_Texto{
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .Header_Texto{
    font-size: 0.938rem;
    line-height: 1.099rem;
  }
  .Expertos_Texto_Titulo{
    font-size: 2.3rem;
    line-height: 2.93rem;
  }
  .Expertos_Texto_Sub{
    font-size: 1.25rem;
    line-height: 1.465rem;
  }
  .Nosotros_Texto_Titulo{
    font-size: 1.659rem;
    line-height: 1.653rem;
  }
  .Cuadros_Texto
  {
    font-size: 2rem;
    line-height: 2.6rem;
    font-variant: small-caps;
  }

  .Peso_Texto600{
    font-size: 600;
  }
  .montserrat_bold{
    font-family: Montserrat-Bold;
  }
  
  .Nosotros_Texto{
    font-size: 1.375rem;
    line-height: 1.77rem;
  }

  .NuestroServicio_Texto_Titulo{
    font-size: 1.875rem;
    line-height: 1.875rem;
  }

  .Azul_Texto{
    font-size: 0.8rem;
    line-height: 1.3rem;
    text-align: left;
  }

  .NuestroServicio_Texto_Imagen{
    font-size: 1rem;
    line-height: 1.465rem;
  }

  .NuestroServicio_Texto_link{
    font-size: 1.25rem;
    line-height: 1.875rem;
  }

  .Seguros_Titulo{
    font-size: 2.5rem;
    line-height: 2.93rem;
  }
  
  .Seguros_Subtitulo{
    font-size: 1.563rem;
    line-height: 1.25rem;
  }

  .Seguros_Subtitulo_B{
    font-size: 1.25rem;
    line-height: 1.438rem;
  }

  .Seguros_Subtitulo_Link{
    font-size: 1.25rem;
    line-height: 1.465rem;
  }

  .Seguros_Contacto{
    font-size: 1.25rem;
    line-height: 1.125rem;
  }

  .Cotiza_text{
    font-size: 1.563rem;
    line-height: 2.5rem;
  }
  .Cotiza_text2{
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  .Footer_title{
    font-size: 1.133rem;
    line-height: 1.569rem;
  }
  .Footer_text{
    font-size: 0.871rem;
    line-height: 1.22rem;
  }
  
  .Contacto_Pag_text{
    font-size: 2.5rem;
    line-height: 2.93rem;
  }
  .Servicios_text{
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
  .Cobertura_text{
    font-size: 1.375rem;
    line-height: 2.5rem;
  }
  .Cobertura_titulo{
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .container_Image {
    position: relative;
    text-align: center;
    color: white;
  }

  .No_Border{
    margin: -15px;
  }
  .NO_Padding{
    padding: 0;
  }
  
  .bg-SeguridadCamion{
    background-image: url('imagenes/caja.png');
    background-size: cover;
    background-repeat: no-repeat;
    min-width: 50%;
    min-height: 96vh;
    height: 100%;
    background-position: center;
    z-index: 1;
  }

  .card-img-top{
    padding: 0;
  }

  .bg-Azul{
    background-color: #005196;
    padding: 1rem;
    border-radius: 0 0 5rem 0;
    max-width: 45%;
    color: #fff;
  }

  .Veinte_titulo{
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: end;
    margin-right: 1.5rem;
    font-family:Roboto-Bold;
    padding-top: 1rem;
  }
  
  .Veinte_Descripcion{
    font-size: 1.5rem;
    line-height: 1.125rem;
    text-align: end;
    margin-right: 1.5rem;
  }

  .Cambio_Color_vector{
    width:22px;
    height:22px;
  }

  .rotar_Imagen{
    transform: rotate(26.99deg);
  }

  .col-container {
    display: table;
  }

  .col_completo {
    display: table-cell;
  }

  .bg_color_GrisObscuro{
    background-color: #9A9A9A;
  }
  .bg_color_GrisClaro{
    background-color: #F7F6F4;
  }

  .Texto_color_Blanco{
    
    color: #ffffff;
  }
  .Texto_color_Gris{
    
    color: #9A9A9A;
  }

  .Numero_color_Azul{
    color: #005196;
  }

  .align_text{
    text-align: left;
  }
  .no-link-style{
    text-decoration: none;
} /* .Image_Size{
    width: 100%;
    height: 100%;
  }*/


  @media screen and (max-width: 1024px) {
    .Garantia_Texto{
      font-size: 1.1rem;
      line-height: 1.5rem;
    }
  }
  @media screen and (max-width: 400px) {
    .MarginLeft{
      margin-left: -10%;
    }
  }

  @media screen and (max-width: 600px){
    body{
      overflow-x: hidden;
    }
    html{
      font-size: 10px;
    }
/**
    div.ex1 {
      width: 150px;
      height: 190px;
      margin-right: 10px;
      margin-left: 10px;
      background: white;
      margin-top: 1rem;
    }
*/
#seccion1
{
  background-image: url('imagenes/img_bck_slider.jpg');
  background-attachment: scroll;
  background-position: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 800px;
  max-height: 1000px;
  max-width: 400px;
}
div.ex1{
  margin-left: auto;
  margin-right: 25px;
}
    .Azul_Texto{
      font-size: 1rem;
    }
    .bg-SeguridadCamion{
      min-height: 30vh;
      height: 100%;
    }

    .bg-Azul{
      background-color: #005196;
      padding: 2rem;
      border-radius: 0 0 0 5rem;
      max-width: 65%;
      color: #fff;
      position: relative;
      right: 0;
      top: 0;
      margin-left: auto;
    }

    .texto_Card{
      font-size: 1.5rem;
    }

    .Veinte_titulo{
      font-size: 2.5rem;
      line-height: 3rem;
      text-align: end;
      margin-right: 1.5rem;
      font-family:Roboto-Bold;
      padding-top: 1rem;
    }
    
    .Veinte_Descripcion{
      font-size: 1.5rem;
      line-height: 1.125rem;
      text-align: end;
      margin-right: 1.5rem;
    }

    .Image_Size{
      width: 30%;
    }

    .bg_color_MobileInPar{
      background-color: #9A9A9A;
    }

    .bg_color_MobilePar{
      background-color: #F7F6F4;
    }

    .Texto_color_MobileInPar{
      
      color: #ffffff;
    }

    .Texto_color_MobilePar{
      color: #666666;
    }

    .Numero_color_MobileInPar{
      color: #fff4f4;
    }

    .Numero_color_MobilePar{
      
      color: #666666;
    }

    .align_text{
      text-align: center;
    }

    .align_Cotizacion{
      width: 90%;
      margin:auto;
    }

    .align_Garantia{
      width: 70%;
      margin:auto;
    }

    .Button_Complete{
      width: 30%;
    }

    .Garantia_Texto{
      font-size: 1.8rem;
      line-height: 2.5rem;
    }
    .Garantia_Numero{
      font-size: 3rem;
      line-height: 3.5rem;
    }

    .px-Mobile{
      padding-left: 5rem;
      padding-right: 3rem;
    }

    .px-LogoMobile{
      padding-left: 6rem;
      padding-right: 4rem;
    }

    .Image_Header_Size{
      width: 60%;
    }
  }
  
  @media screen and (max-width:1300px){
    div.ex2 {
      width: 280px;
      height: 280px;

    }

  
    div.ex4 {
      width: 280px;
      height: 280px;
    }
    
  }