@font-face{font-family: "Roboto-Black";src:url(fonts/Roboto-Black.ttf);}
@font-face{font-family: "Roboto-Bold";src:url(fonts/Roboto-Bold.ttf);}
@font-face{font-family: "Roboto-BoldCondensed";src:url(fonts/Roboto-BoldCondensed.ttf);}
@font-face{font-family: "Roboto-BoldItalic";src:url(fonts/Roboto-BoldItalic.ttf);}
@font-face{font-family: "Roboto-Condensed";src:url(fonts/Roboto-Condensed.ttf);}
@font-face{font-family: "Roboto-Italic";src:url(fonts/Roboto-Italic.ttf);}
@font-face{font-family: "Roboto-Light";src:url(fonts/Roboto-Light.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-Thin";src:url(fonts/Roboto-Thin.ttf);}


.line{
border-top: 10px solid #133168;
  box-shadow: 1px 1px 5px 0px #000000;
}

input:focus {
  background-color: #8eb5ef !important;
}

html { scroll-behavior: smooth; }

label.error {
    
    font-size: 15px;
    margin: 0px;
    color: #133168;
    text-transform: uppercase;
}

.video-section-left, .video-section-right-2 {
    
    position: relative;
    background-repeat: no-repeat;
    background-position: top center !important;
    background-size: cover;
}

seccion textarea {
      font-size: 16px !important;
    margin-bottom: 1em;
    border-radius: 0 !important;
    border-bottom: 0 !important;
    padding: 6px 12px !important;
    font-family: Roboto;
    color: #4c6fa7 !important;
    height: 30px;
    background-color: #8eb5ef !important;
    height: 100px;
    border: 0px !important;
}

seccion input[type=text]{
    margin-bottom: 1em;
    border-radius: 0 !important;
    border-bottom: 0 !important;
    padding: 6px 12px !important;
    font-family: Roboto;
    color: #4c6fa7 !important;
    height: 30px;
        background-color: #8eb5ef;
  border: 0px;
}

.cmapa{
  padding: 0px !important;
}

.btncaja{
  position: relative;
display: flex;
    justify-content: end;
}

seccion input[type=submit]{
  background: #133168 !important;
    color: #fff !important;
    padding-right: 50px !important;
    padding-left: 30px !important;
  margin-right: 20px;
  position: relative;
  letter-spacing: 1px;
      font-size: 18px;
  border: 0px;
}

.btncaja::before{
      content: url(../img/btn-enviar4.png);
    display: block;
    position: absolute;
    bottom: 88%;
    right: 9%;
    width: 10px;
    height: 10px;
    z-index: 1;
  }




.fondo {background-image: url(../img/banner-lp.png) !important;background-repeat: no-repeat; background-position: top center; background-size: cover;     padding-bottom: 10%;}
header {
    background: #e58900;
}

.c01{
  padding-bottom: 5px;
    padding-top: 5px;
}

header a{
font-size: 18px !important;
}

.navegacion .tam-logo:hover{
color: #fff !important;
}

header a:hover{
color: #133168 !important;
}
.header img {
    width: 22px;
    
}

.sheader{
  text-align: end;
}

.sheader img{
  width: 25px;
}

.sheader1 a{
  padding-right: 50px;
}

.navegacion{
  
  background-image: url(../img/fondo-menu.png) !important;background-repeat: no-repeat; background-position: top center; background-size: cover;
}


.nav1 a{
 color: #fff !important;
}
.nav2 ul {
    width: 100%;
    display: flex;
    justify-content: end;
  
}

.nav2 li { padding-right: 30px; }

.nav2 a {
  color: #fff !important;
}

.nav2 a:hover{
color: #e58900 !important;
}


.tam-logo{
  font-weight: 900;
  color: #fff !important;
   font-size: 40px !important;
    
}

.fondo h1{
    font-size: 20px;
  background-color: #e58900;
  color:#fff;
  width: 53%;
  padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  text-shadow: 2px 2px 5px black;

}

.fondo h2{
  
    font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  color:#fff;
}

.fondo strong{
  font-weight: 900;
  }

.block-right h3 {
    font-size: 25px; !important;
}

.block-right h4 {
    color:#fff !important;
}

.block-right p{
  text-align: justify;
}



.video-section-right {
    background: #e58900 !important;
    
}

.home-video .video-play {
    
    border: 10px solid #e58900 !important;
    
}

.home-video a i {
    font-size: 30px !important;
    
    color: #e58900 !important;
}

footer .fondo5{
  background: #e58900;
  padding-top: 5px;
  padding-bottom: 5px;
  
}

footer .fondo1{
background-image: url(../img/img-footer.jpg);background-repeat: no-repeat; background-position: top center; background-size: cover; }

footer h2{
  color: #fff;
}





.main-footer-2 {
  
    padding: 70px 0 !important;
  padding-top:170px !important;
    padding-bottom: 70px !important;
    
}
.c1{
  display: flex;
    align-items: flex-start;
}
.c2{
  display: flex;
    align-items: flex-start;
    justify-content: center;
}

.c2 a {
color: #fff !important;
}

.c2 a:hover{
color: #e58900 !important;
}

.c3 a {
color: #fff !important;
}


.c3 li{
  
    position: relative;
    
}

.c3 li:nth-child(1)::after{
  content: url(../img/Icono-correo.png);
    display: block;
    position: absolute;
    top: 0%;
    left: -50px;
    width: 20px;
    height: 20px;
}

.c3 li:nth-child(2)::after{
  content: url(../img/Icono-dirección.png);
    display: block;
    position: absolute;
    top: 0%;
    left: -50px;
    width: 20px;
    height: 20px;
}

.c3 li:nth-child(3)::after{
  content: url(../img/Icono-dirección.png);
    display: block;
    position: absolute;
    top: 0%;
    left: -50px;
    width: 20px;
    height: 20px;
}

.c4{
      text-align: end;
  padding-top: 25px;
}

.c4 a{
  color: #e58900 !important;
      padding-left: 10px;
}



.form {
    background: #38609b;
    margin-left: auto;
    
  padding-bottom: 3em;
    
    padding-top: 2em;
    padding-left: 2em;
    padding-right: 2em;
    color: #fff;
}


.crelative{
position: relative;
}


.co{
  position: absolute;
    left: 16%;
    bottom: -290%;
  width: 900px;
  
  
  
}

.co h2{
  font-size: 18px;
  color: #e58900;
  margin-bottom: 1px;
}

.fon{
  background: #38609b;
}

.fondo-servicios{
  background-image: url(../img/fondo-servicios.png) !important;
  background-repeat: no-repeat !important; 
  background-position: top center !important; 
  background-size: cover !important; 
  padding-bottom: 25% !important;

}

.fondo-servicios h4{
  color: #e58900 !important;
}

.fondo-servicios h2{
  color: #38609b !important;
}

.services-box{
  background-color: transparent !important;

}


.no-padding-bottom {
    padding-bottom: 25%!important;
}

section {
    background-image: url(../img/fondo-servicios.png) !important;
    background-repeat: no-repeat; 
    background-position: top center; 
    background-size: cover; 
}

.fondo-servicios a{
 color: #38609b;
  
}

.services-box .view-detail {
    color: #000 !important;
    
}

.map{
width: 100%;
   
    height: 100%;
}










    






/* ---------------------------------------- THANK YOU PAGE CSS --------------------------------------------- */



 

/* ---------------------------------------- CUSTOM CSS --------------------------------------------- */
@media(max-width:425px){
  
  .co{
  position: relative;
    left: 0%;
    bottom: 0%;
 width: 100%;
  
 
  
}
  
  .main-footer-2 {
    padding: 78px 0 !important;
    padding-top: 40px !important;
    padding-bottom: 0px !important;
}
  
  .c3{
  padding-left: 20%;
  }
  
  .c3 li:nth-child(1)::after{
  content: url(../img/Icono-teléfono.png);
    display: block;
    position: absolute;
    top: 0%;
    left: -50px;
    width: 20px;
    height: 20px;
}

.c3 li:nth-child(2)::after{
  content: url(../img/Icono-correo.png);
    display: block;
    position: absolute;
    top: 0%;
     left: -50px;
    width: 20px;
    height: 20px;
}

.c3 li:nth-child(3)::after{
  content: url(../img/Icono-dirección.png);
    display: block;
    position: absolute;
    top: 0%;
     left: -50px;
    width: 20px;
    height: 20px;
}
  
  .c4 {
    text-align: center;
    padding-top: 25px;
}

  .sheader {
    text-align: center;
}
  
  .sheader1{
    text-align: center;
  }
  
  .cajaf{
  justify-content: center;
  }
  
  .c1 {
  
    justify-content: center;
}
  
  .form {
    
    padding: 0em !important;
    
}
  
  .fondo-servicios h2 {
    color: #38609b !important;
    font-size: 35px;
}
  
  .block-right h3 {
    font-size: 20px;
    !important ;
}
  
  .video-section-right h2, .video-section-left-2 h2 {
    margin-bottom: 45px;
    font-size: 30px!important ;
    line-height: 38px !important ;
}
  .fondo h1 {
    
    width: 100%;
    
}
  
  .fondo h2 {
    background-color: rgb(29,112,153, 0.6);
    padding-left: 16px;
    font-size: 30px !important;
    font-weight: 400;
    color: #fff;
    line-height: 35px !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
  
  .fondo strong{
  font-weight: 900;
  }
  
  .tam-logo {
    font-weight: 900;
    color: #fff !important;
    font-size: 40px !important;
    padding-left: 0px;
}
  
  .sheader1 a {
    padding-right: 0px;
}
  
  
  
  seccion input[type=submit] {
   
    font-size: 16px;
    margin-bottom: 20px;
}
  
  
    
  }

  @media(min-width:426px) and (max-width:971px){
    
    .co {
    position: absolute;
    margin-bottom: -280%;
    width: 900px;
    
    
    left: 50vw;
    transform: translateX(-50%);
    bottom: -9em;
}

    .main-footer-2 {
    padding: 70px 0 !important;
    padding-top: 170px !important;
    padding-bottom: 5px !important;
}
    
    .fondo h2 {
      background-color: rgb(29,112,153, 0.6);
    font-size: 29px;
    color: #fff;
    line-height: 38px;
      padding-left: 16px;
    
    font-weight: 400;
    

    padding-top: 10px;
    padding-bottom: 10px;

}
    
    .fondo h1 {
    font-size: 20px;
    background-color: #e58900;
    color: #fff;
    width: 90%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-shadow: 2px 2px 5px black;
}
    
    
    .tam-logo {
    font-weight: 900;
    color: #fff !important;
    font-size: 40px !important;
    padding-left: 25px;
}
    
    .sheader1 a {
    padding-right: 10px;
}
    
    
    
  }


@media (min-width: 1600px){
.co {
    position: absolute;
    margin-bottom: -16%;
    width: 900px;
   
   
    left: 50vw;
    transform: translateX(-50%);
 bottom: -8em;
}
}






@media (min-width: 972px) and (max-width: 1600px){
	 .co {
    position: absolute;
    margin-bottom: -123%;
    width: 900px;
    
    
    left: 50vw;
    transform: translateX(-50%);
    bottom: -9em;
}
 
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	 

}

/*Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {

	 
}
  

/* Large devices (desktops, 992px and up) */
@media (min-width: 972px) and (max-width: 1599.98px) {
position: absolute;
    margin-bottom: -286%;
    width: 900px;
    
    box-shadow: 1px 1px 5px 0px #000000;
    left: 50vw;
    transform: translateX(-50%);
    bottom: -9em;
	

}

/* Bigger devices (desktops, 992px and up) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	
}

@media (min-width: 2000px) and (max-width: 3000.98px) {
  .co {
    position: absolute;
    margin-bottom: -54%;;
    width: 900px;
   
   
    left: 50vw;
    transform: translateX(-50%);
 bottom: -8em;
}

/* Extra large devices  */
@media (max-width: 1600px) {
	
}
.home-video .video-play {
    border: 10px solid #e58900 !important;
    display: none !important;
}
