/* 
    Created on : 29/07/2020, 12:46:10 AM
    Author     : Diego Armando Cruz Leal
*/


@import url(https://fonts.googleapis.com/css?family=Hind:400,500,600,700,300);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);


@charset "UTF-8";



/*General*/
*{
    margin:0;
    padding:0;
}

html {
    display: block;
}

main{
	padding-top:60px;
}

html, html a, body {
    -webkit-font-smoothing: antialiased;
}

strong{
    font-weight: 700;
}

p {
  font-size: 15px;
  font-weight: 300;
  color: #606060;
  color: #606060;
  line-height: 1.4;
}

em,
li,
li a {
  font-size: 13px;
  font-weight: 300;

  color: #ffffff;
}

a {

  color: #00bcd4;
  outline: 0;
  text-decoration:none;
}

a:focus, a:hover, a:active {
  outline: 0;
  color: #00bcd4;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  
  color: #34343c;
  line-height: 1.4;
  margin: 0 0 15px;
}

h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
    color: #099cc9;
    font-family: Pt Sans,sans-serif;
    font-size: 24px;
}

h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
  color: #00bcd4;
  text-decoration: none;
}

h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus {
  text-decoration: none;
}

::selection {
  color: #fff;
  background: #00bcd4;
  text-shadow: none;
}

::-webkit-selection {
  color: #fff;
  background: #00bcd4;
  text-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #00bcd4;
  text-shadow: none;
}

:active,
:focus {
  outline: none;
}



/*Miscelaneo*/
.frase{
    padding:25px;
}

.frase span{
    color: #7f8f93;
    font-family: 'PT Sans', sans-serif;
    font-size: 35px;
}

.frase strong{
    color: #099CC9;
    font-size: 37px;
}

.linea1{
    border-bottom: 1px solid #099cc9;
    left: -100px;
    position: relative;
    z-index: 0;
    top: -20px;
}

.padding-top-100 {
    padding-top: 30px;
}

.padding-bottom-100 {
    padding-bottom: 30px;
}

/*Navegación*/

.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.9);
	font-weight:400;
	font-size:17px;
}


/*Carrusel*/

#carruselPrincipal{
    height:calc(75vh - 57px) !important;
    overflow: hidden;
}


/*Panel de servicios*/
.panel-servicios{
    padding:0 !important;
    height: 350px !important;
    /*min-height: 250px;*/
    overflow: hidden;
    transition: all .5s;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.panel-servicios::before { 
    content:"";
    position:absolute; top:0;right:0;bottom:0;left:0;
    background:inherit;
    transition:inherit;
}
.panel-servicios:hover::before { 
    transform: scale(1.2);
}

.panel-servicios a{
    text-decoration: none;
}

.panel-servicios-cover{
    position:relative;
    width: 100%;
    height: 100%;
    background-color: rgb(255,255,255);
    opacity:0;
    transition: all 0.5s;
    
}

.panel-servicios-cover:hover{
    opacity:0.8;
}


.panel-servicios-contenido{
    position: relative;
    padding: 15px;
    text-align: justify;
    
}

.panel-servicios-contenido h2{
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: #099cc9;
    font-weight: 600;
    top:-100px;
    transition: all 0.8s ease-in;
}

.panel-servicios-contenido p{
    color:#000;
    font-weight: 400;
    opacity: 0;
    transition: all 0.8s ease-in;
}

.panel-servicios-cover:hover h2{
    transform: translateY(100px);
}

.panel-servicios-cover:hover p{
    opacity: 1;
}

/*----Panel de servicios 2----*/

.panel-servicios2{
    padding:0 !important;
    height: 350px !important;
    /*min-height: 250px;*/
    overflow: hidden;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.panel-servicios2-cover{
    position: relative;
    
    top:-45px;
    color: #fff;
    height: 0;
    margin-top: 350px;
    transition: all 0.5s;
}

.panel-servicios2:hover .panel-servicios2-cover{
    height: inherit;
    background: rgb(0,210,255);
    background: linear-gradient(0deg, rgba(0,210,255,0.9) 0%, rgba(0,210,255,0.7) 35%, rgba(0,210,255,0.35) 75%, rgba(0,210,255,0) 100%);
    margin-top: 0;
}

.panel-servicios2-cover p{
    position: relative;
    bottom:0;
	font-size:16px;
	padding:10px 20px 10px 20px;
}



.panel-servicios2 h2{
    color:rgb(0,210,255);
    position:relative;
    top:260px;
    text-align: center;
	font-weight:600;
    transition: all 0.5s ease-out;
    z-index: 2;
}

.panel-servicios2:hover h2{
    color:#fff;
	
    transform: translateY(-60px)
}


.panel-servicios2-cover p{
    position: relative;
    bottom:0;
	font-size:18px;
	font-weight:500;
    transition: all 0.5s;
}

.panel-servicios2:hover .panel-servicios2-cover p{
    transform: translateY(260px);
}

.list-no-style{
    list-style: none;
}

.footer{
	border-top: 4px solid #007bff; 
    background-color: #099cc9;
    color:white;
	
}

.sede-footer{
    font-weight: 400;
    
	
}

.sede-footer a {
    text-decoration: none;
	font-size: 18px;
}

.sede-footer a:hover{
    color:white !important; 
}

.sede-footer i{
    color:white !important;
}

.tarjetas-footer-text{
    text-align: center;
    color: white;
}

.tarjetas-footer{
    width: 100%;
    text-align: center;
}
.tarjetas{
    display:inline-block;
    margin:15px;
}

.titulo-footer{
    color: white;
    font-weight: bold;
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
	
    
}

.social-footer{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    
}

.social-footer-element{
    color:white;
    display: inline-block;
    padding:2px 0 2px 0;
    width: 40px;
    height: 34px;
    border-radius:5px;
    background-color: #ffffff;
    font-size: 20px;
    
}



.facebook {
    color:#035AA6 !important;
    transition: all ease-in 0.20s;
}

.social-footer-element.facebook:hover {
    background-color:#035AA6;
    color:white !important;
}

.twitter{
    color:#5CB1EF !important;
    transition: all ease-in 0.20s;
}

.social-footer-element.twitter:hover {
    background-color:#5CB1EF;
    color:white !important;
}

.tiktok{
	color:#000000 !important;
	transition: all ease-in 0.20s;
}

.social-footer-element.tiktok:hover {
    background-color:#000000;
    color:white !important;
}

.youtube{
    color:#DB2512 !important;
    transition: all ease-in 0.20s;
}

.social-footer-element.youtube:hover {
    background-color:#DB2512;
    color:white !important;
}

.instagram{
    /*background-image:  #fdf497 #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)*/
	color: #d6249f !important;
		
    transition: all ease-in 0.20s;
}

.social-footer-element.instagram:hover {
    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color:white !important;
}

/*Servicio seccion*/
/*----------  1.7. what we do  ----------*/
.whatwedo {
  text-align: center;
}
.whatwedo .services-wrapper {
  display: inline-block;
  margin-top: 40px;
  margin-bottom: -38px;
}
.whatwedo .description {
  position: relative;
}
.services-content {
  /*cursor: pointer;*/
  overflow: hidden;
  position: relative;
  padding: 0 20px 35px;
  margin-bottom: 30px;
}
.services-content:before {
  content: '';
  position: absolute;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  /*border: 2px solid #f0f5f8;*/
  background-color: transparent;
}
.services-content:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #f0f5f8;
  background-color: #f0f5f8;
  transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  -moz-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
}
.services-content .services-title {
    color: #51616b;
    font-family: PT Sans;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}
.services-content .description {
    color: #7f8f93;
    font-family: Hind,sans-serif;
    height: 150px;
    position: relative;
    text-align: justify;
}

.services-content .line {
  position: relative;
  margin: 15px auto 30px;
}
.services-content .btn-for-icon i {
	margin:0 auto;
  display: block;
  font-size: 36px;
  color: #099CC9;
  width: 70px;
  line-height: 64px;
  background-color: #ffffff;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}


.services-content .btn-for-icon .flaticon::before {
   display:inline-block;
   margin:0px auto;
   font-size:60px;
}

.services-content .btn-for-icon .icon1 {
  
    transition:all ease-in 0.4s;
}

.services-content .btn-for-icon .icon2 {
  background-color: #099CC9;
  color: #ffffff;
    
}
.services-content.new-style .description {
  height: 48px;
  overflow: hidden;
  max-width: 230px;
  margin: 0 auto;
}
.services-content.style-3 {
  overflow: visible;
  cursor: pointer;
  position: relative;
  margin-bottom: 50px;
  padding: 0;
}
.services-content.style-3:before,
.services-content.style-3:after {
  display: none;
}
.services-content.style-3:hover .btn-for-icon i {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.services-content.style-3:hover .btn-for-icon:before {
  opacity: 1;
  -webkit-animation-name: hvr-icon-bob-float-hoz, hvr-icon-bob-hoz;
  animation-name: hvr-icon-bob-float-hoz, hvr-icon-bob-hoz;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
.services-content.style-3 .btn-for-icon {
  overflow: visible;
  display: inline-block;
  vertical-align: middle;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.services-content.style-3 .btn-for-icon:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.services-content.style-3 .btn-for-icon i {
  width: auto;
  height: auto;
  background-color: transparent;
  display: block;
  font-size: 50px;
  line-height: 1;
}
.services-content.style-4 {
  padding: 0 15px 38px;
}
.services-content.style-4 .line {
  background-color: #54addb;
}
.services-content.style-4:before {
  background-color: #1e8bc4;
  border: 0;
  transform-origin: center top;
  transition: transform 0.2s ease-in;
  -webkit-transition: transform 0.2s ease-in;
  -moz-transition: transform 0.2s ease-in;
  -o-transition: transform 0.2s ease-in;
}
.services-content.style-4:after {
  border: 0;
  background-color: #f1622a;
}
.services-content.style-4 .btn-for-icon {
  overflow: visible;
}
.services-content.style-4 .btn-for-icon i {
  line-height: 60px;
  border: 2px solid #f1622a;
  color: #ffffff;
  background-color: #f1622a;
}
.services-content.style-4 .btn-for-icon .icon1 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.services-content.style-4 .btn-for-icon .icon2 {
  top: 0;
  background-color: #ffffff;
  color: #f1622a;
  transform-origin: center bottom;
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
.services-content.style-4:hover:before {
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transition: transform 0.3s 0.1s ease-in;
  -webkit-transition: transform 0.3s 0.1s ease-in;
  -moz-transition: transform 0.3s 0.1s ease-in;
  -o-transition: transform 0.3s 0.1s ease-in;
}
.services-content.style-4:hover .btn-for-icon .icon1 {
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
}
.services-content.style-4:hover .btn-for-icon .icon2 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.services-content.style-4 .services-title {
  color: #ffffff;
  margin-bottom: 0;
}
.services-content.style-4 .line {
  transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
}
.services-content:hover:after {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}/*
.services-content:hover .btn-for-icon.top .icon2,
.services-content:hover .btn-for-icon.bottom .icon2 {
  top: 0;
}
.services-content:hover .btn-for-icon.top .icon1 {
  transform: translateY(100%);
  -webkit-transform: translateY(100%);
}*/
.services-content:hover .btn-for-icon.bottom .icon1 {
  /*transform: translateY(-100%);
  -webkit-transform: translateY(-100%);*/
  background-color: #099CC9;
  color: #ffffff;

}

/*
.services-content:hover .btn-for-icon.left .icon2,
.services-content:hover .btn-for-icon.right .icon2 {
  left: 0;
}
.services-content:hover .btn-for-icon.left .icon1 {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.services-content:hover .btn-for-icon.right .icon1 {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.services-content:hover:after {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}*/
.services-item .services-content.style-3 .btn-for-icon i {
  color: #6fdec5;
}
.services-item.style-2 .services-content.style-3 .btn-for-icon i {
  color: #f27070;
}
.services-item.style-3 .services-content.style-3 .btn-for-icon i {
  color: #836ed0;
}
.services-item.style-4 .services-content.style-3 .btn-for-icon i {
  color: #f7cb34;
}
.services-item.style-5 .services-content.style-3 .btn-for-icon i {
  color: #f488ca;
}
.services-item.style-6 .services-content.style-3 .btn-for-icon i {
  color: #51aaf6;
}
.services-item.style-7 .services-content.style-3 .btn-for-icon i {
  color: #71c363;
}
.services-item.style-8 .services-content.style-3 .btn-for-icon i {
  color: #728df2;
}

/*Bootstrap extension**/
.col-md-2_5{
    width: 20% !important;
    float: left;
    padding:0;
}

/*Contacto*/

}
.breadcrumb {
    background-image: url(../imagenes/contacto/banner-contacto.jpg);
    background-repeat: repeat;
    /* background-size: 0.6%; */
    padding: 0;
    margin: 0;
    border-radius: 0;
    margin-top: 100px;
}

.breadcrumb .breadcrumb-wrapper {
    position: relative;
}

section > [class*="container1"] {
    padding-bottom: 100px;
    padding-top: 100px;
}

.effect-ming{
	margin:0; !important
}

.navegacion{
	position:fixed;
	width:100%;
	z-index:999;
}